Body {
    background:#FFFFFF url('../images/fade.jpg') repeat-x fixed center 50%; margin: 0px;
	padding: 0px;
    overflow: -moz-scrollbars-vertical;

 }

:focus
{
  -moz-outline-style: none; /* gets rid of that pesky dotted out line on FF  */
}

div #container { 
    
}


a:active{outline:none} /* May get rid of pesky dotted link out line in IE -- not sure */


fieldset {
  border-width: 5px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 10px;
  border-color: #236a7c;
}


fieldset legend {
	font-size: 15pt; /* bump up legend font size, not too large or it'll overwrite border on left */
	font-family: verdana, arial, helvetica;
    color: #236a7c; 

                      /* be careful with padding, it'll shift the nice offset on top of border  */
}



.text_border   /* Put a border around text */
{
margin: 10pt;
border-style: solid;
border-width: 4pt;
border-color: #1155a5;
padding: 15px;
}



.link { color: #616161;
	 font-family: verdana, arial, helvetica;
	 font-size: 10pt;
	 text-decoration: none;
	 vertical-align: middle; 
 }
.link:hover { color: #d479ba;
	 font-family: verdana, arial, helvetica;
	 font-size: 10pt;
	 text-decoration: none;
	 vertical-align: middle; 
 }
 
.link2 { color: #616161;
	 font-family: verdana, arial, helvetica;
	 font-size: 11pt;
	 text-decoration: underline;
	 vertical-align: middle; 
 }
.link2:hover { color: #d479ba;
	 font-family: verdana, arial, helvetica;
	 font-size: 11pt;
	 text-decoration: none;
	 vertical-align: middle; 
 }

h1 { font-size: 9pt;
     font-family: arial, verdana, helvetica;
     color: #616161; 
     font-style: normal;
     font-weight: normal; 
}
h2 { font-size: 12pt;
     font-family: arial, verdana, helvetica;
     color: #616161; 
     font-style: normal;
     font-weight: heavy; 
}
h3 { font-size: 10pt; 
     font-family: arial, verdana, helvetica;
     color: #000000;
     font-style: normal;
     font-weight: heavy; 
}
h4 { font-size: 12pt;
     font-family: arial, verdana, helvetica;
     color: #616161; 
     font-style: normal;
     font-weight: normal; 
     
}
h5 { font-size: 15pt; 
     font-family: arial, verdana, helvetica;
     color: #616161;
     font-style: normal;
     font-weight: normal; 
}
h6 { font-size: 12pt; 
     font-family: arial, verdana, helvetica;
     color: #000000; 
     font-style: normal;
     font-weight: heavy; 
}

.web { color: #236a7c;
	 font-family: verdana, arial, helvetica;
	 font-size: 8pt;
	 text-decoration: none;
	 vertical-align: middle; 
 }
	 
.web:hover { color: #ff0000 }

#header {
    position: relative; top:0px;  left: 0px; 
	width:338px;
	height:119px;
	background-image:url('../images/header.jpg');
	background-repeat: no-repeat;
	text-align:right
}

#picture {
    position: absolute; top:154px;  left: 0px; 
	width:240px;
	height:311px;
	background-image:url('../images/amber-flipped.jpg');
	background-repeat: no-repeat;
	float:left;
}
#commitmentArea {
  border-width: 5px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 10px;
  border-color: #236a7c;
}
#commitmentTitle {
	font-size: 15pt; /* bump up legend font size, not too large or it'll overwrite border on left */
	font-family: verdana, arial, helvetica;
    color: #236a7c; 

                      /* be careful with padding, it'll shift the nice offset on top of border  */
}
#commitmentList {
	font-size: 9pt;
	font-family: arial, verdana, helvetica;
	color: #616161;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

