body {
background-color:#333333;
//background-color:#fff;

/*background-image: url(images/gradient45174859.png); */
/*background-color:#fff;*/

font-size:10pt;
font-family: Arial, Helvetica, sans-serif;;
margin:0;
padding:0;
/*color:#333333;*/
color:#657983;
}

#page {
width:900px;
background-image:url(images/page.png);
margin:auto;
padding:auto;
}

#header {
clear:both;
width:850px;
height:93px;
background-image:url(images/1.jpg);
padding-top:55px;
padding-left:50px;
}

#menulinks {
clear:both;
width:875px;
height:64px;
padding-left:25px;
background-image:url(images/menulinks.png);
margin-top:-1px;
}


* html #menulinks a { /* Filter for IE6 to prevent li stacking */
  
float: left;
  
text-decoration: none;
  
}

* html #menulinks a span { /* Filter for IE6 to prevent li stacking */
  
float: left;
  text-decoration: none;
  }

#menulinks a {
	
padding-left:11px;
	
height:42px;
   
background-image:none;
	
display:block;
	
color:#FFFFFF;
	
text-decoration:none;
	
float:left;
	
font-size:14px;
	
font-weight:bold;
	
margin-right:3px;
	
margin-left:3px;
  
}

#menulinks a span {
	
padding-left:8px;
	
padding-right:20px;
	
padding-top:12px;
	
height:30px;
	
display:block;
   
background-image:none;
	
text-decoration:none;
	cursor:pointer;
  }
  

 
#menulinks a:hover, #menulinks a.active {
	
background-image:url(images/menuhover.png);
	
background-position:top left;
	
text-decoration:none;
	
color:#FFFFFF;

}


#menulinks a:hover span, #menulinks a.active span {
   
background: url(images/menuhoverright.png) right top no-repeat;
	
text-decoration:none;
}


.menuline {
	
display:block;
	
float:left;
	
width:2px;

height:42px;
	
background-image:url(images/menuline.png);


}

#mainarea {
width:860px;
clear:both;
padding-left:40px;
}

#contentarea {
width:525px;
padding-right:30px;
float:left;
line-height:14pt;
padding-bottom:10px;
text-align: justify;

}

#sidebar {
float:left;
width:255px;
line-height:14pt;
}

#footer {
width:900px;
clear:both;
height:35px;
padding-top:23px;
text-align:center;
line-height:14pt;
background-image:url(images/footer.png);
background-repeat:no-repeat;
color:#FFFFFF;
}



#footer a {
color:#FFFFFF;
}

h1 {
font-size:20pt;
color:#FFFFFF;
margin:0;
}

h1 a {
color:#FFFFFF;
}

h2 {
font-size:13pt;
color:#333333;
padding-top:6px;
color:#39A097;
font-weight:bold;
}
h5 {
font-size:10pt;
color:#333333;
padding-top:6px;
color:#39A097;
font-weight:bold;
}


.description {
font-size:12pt;
font-family:Lucida Handwriting;
color:#FFFFCC;
margin:0;
}

a {
color:#56B7AE;
font-weight:bold;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}
/*
p{
text-align:center;
font-style:italic;
font-weight:bold;
color:#56B7AE;
}
p.normal {
font-style:normal;
font-weight:bold;
color:#56B7AE;
}
*/
div.img{
margin:2px;
/*border:1px solid #fff;*/
height:auto;
width:auto;
float:left;
text-align:center;
}
div.img img{
display:inline;
margin:3px;
border:1px solid #56B7AE;
}
div.img a:hover img{
border:1px solid #FFFFCC;
}
#nav ul {
margin: 0px;
padding: 0px;
list-style-type: square;
}
#nav li {

/*background-color: #657983;*/
/*background-color:#657983;*/

/*
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;

border-top-color: #FFFFFF;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #FFFFFF;
	*/
}
#nav a {
font-weight: bold;
color:#657983;
text-decoration: none;
display: block;
font-family: Arial,Tahoma, sans-serif;
font-size: 12px;
padding: 3px;
}

#nav a:hover {
/*color: #116AAD;*/
font-weight: 700;
}
#nav li.current {
background-color: #56B7AE;
/*font-family: Arial,Tahoma, sans-serif;
color:#fff;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
*/
/*border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
*/
border-top-color: #999999;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #999999;
}
table.stats 
{
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
font-weight: bold;
width: 525px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td 
{
background-color: #fff;
color: #000;
padding: 4px;
text-align: left;
border: 1px #C0C0C0  solid;}

table.stats td.hed
{
background-color: #56B7AE;
/*color: #fff;*/
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;
} 
.textmiddle {vertical-align:middle;} 

errorMesg {
margin:5px 0 0 10px;
color:red;

}
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 520px;
  max-width: 520px;
  width: 520px; 

}

form fieldset {
  /*clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #56B7AE;
  border-width: 1px;
  border: 1px solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter {  /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* you could instead underline first letter on each element and accesskey */
                                    /* each input but doing only legends lessens cognitive load */
						/* changed to label first letter, opera broke after first letter legend */
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                     /* be careful with padding, it'll shift the nice offset on top of border  */
	color:#56B7AE;
	font-weight:bold;
}

form input {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	border:1px solid #56B7AE;
	width:200px;

}
form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	border:1px solid #56B7AE;
	width:200px;

}


form textarea {
	overflow: scroll; 
	overflow-y: scroll; 
	overflow-x: hidden; 
	overflow:-moz-scrollbars-vertical;
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
								  label aligns textarea better in IE */
	border:1px solid #56B7AE;
	width:300px;
	scrollbar-base-color: #E9F4F3; 
	scrollbar-arrow-color: #56B7AE;



}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
.button {
    border: 1px solid #56B7AE;
    background: #fff;
	width:50px;
	font-weight:bold;
	color:#56B7AE;
}

#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.JPG) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#fff; border:2px solid #56B7AE; border-left:none; padding:5px; min-width:150px; max-width:250px}

blockquote.style1 {
  font: 14px/20px italic Times, serif;
  font-style:italic;
  padding: 8px;
  background-color: #E9F4F3;
  border-top: 1px solid #56B7AE;
  border-bottom: 1px solid #56B7AE;
  margin: 5px;
  background-image: url(images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.style1 span {
     display: block;
     background-image: url(images/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }