﻿body 
{
        font-family: Geneva, Arial, Helvetica, sans-serif;
	    font-size: 76%;/* font sizing in ems. if you want to change anything, just change this.*/
	    /*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc 
	    change almost not at all. seems 76% is as small as you can go and stay the same across browsers.*/
	    color: #2a57a2;
	    margin-top:0px;
		background: url(../develop/images/sitebg.jpg) repeat-x top;
		background-color: #819dcd;

}

.div-lt-background {background-color:#f5f8fe;}

form {
  padding: 0px;
  margin: 0px;
}

p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.2em;
	margin: 1.2em 0em 1.2em .5em;
	color:#2a57a2; 
	}
.ulArrows{ 
	list-style-type:none;
	margin-top:0px;
	padding:0px;
	}

.liArrows{
	background:url("images/navigation/bullet.gif") no-repeat 0px 2px;
	padding-left:30px;
	padding-bottom:10px;
}

h1
{
	font-weight:bold;
	color:#FFFFFF;
	font-size:1.0em;
	padding: 3px 3px 1px 1px;
	background:#2a57a2;
	/*background:#DF7318; Good light Orange*/
	margin:3px 0px 3px 0px;
}


h2
{
	font-weight:bold;
	color:#FFFFFF;
	font-size:1.0em;
	padding: 3px 3px 1px 3px;
	background:#bb633d;
	margin:3px 0px 3px 0px;
}

#PageHead {	 text-align:left; margin-bottom:3px;}

#MainContainer
{
    width:760px; 
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
	margin-bottom:0px;
    padding:0px;
    background-color:White;
    top:0px;
}
#contentnavcontainer
{
  	position:relative;
	background-color:#FFFFFF;
	background-image:url("images/navigation/navbg_.gif");
	background-repeat:repeat-y;
}
	

#content
{
	position:relative;
	margin:0px;
	padding:0px 6px 0px 0px;
	float:right;	
	width:600px;
		
}

#leftnav 
{   position:relative;
	float:left;
	width:150px; /* actual value */
	margin:0px 0px 0px 0px;
	padding:0px;
	border:0px;
	background:#5d7fb9;
	
}

.leftPhoto
{   border-right:0px;
    border-top:0px;
    border-left:0px;
    border-bottom:4px;
    border-bottom-color:White;
	width:150px;
}

#mainlist {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.95em;
	top:0px;
	left:0px;
	margin:0px 0px 0px -5px;
	padding:0px;
	list-style-type:none;
	width:154px;   /* for IE 5*/
	 voice-family: "\"}\"";
	 voice-family:inherit;

	width:150px; /*FOR COMPLIANT BROWSERS*/
	margin:0px;
	padding:0px;

}


#mainlist a, #mainlist  a:visited {
	display:block;
	background-image:url(images/navigation/mainnavbg.gif);
	background-repeat: repeat-x;
	background-color:#5d7fb9;
	color: #FFFFFF;	/* ie hack so ALL ul li's don't take on the .selected properties */
	text-decoration:none;
	padding-top:2px;
	padding-left:5px;
	padding-right:3px;
	height:22px;
	background-position: 0% 50%;
	text-decoration: none;
	
}
 #mainlist  a:hover {
 	display:block;
	background-image:url(images/navigation/mainnavbghov.gif);
	background-repeat: repeat-x;
	background-color:#98b6db;
	background-position:top;
	color: #2a57a2;
	padding-top:2px;
	padding-left:5px;
	padding-right:3px;
	height:22px;
	
}


.clearer {
height: 0px;
clear: both;
width: 100%;
}

#sccdsites{clear:both; width:760px; text-align:center; padding-bottom:5px; padding-top:25px;}

#footer
{clear:both; background-color:#2a57a2; width:760px; text-align:center; padding-top:5px; padding-bottom:0px;margin-left:auto;margin-right:auto; margin-bottom:0px;  
}
#bottom {background: url(../develop/images/site_bottom_bg.jpg) repeat-y top center; height:auto; padding:0px;}

#updatevalidate{ margin-left:auto;margin-right:auto; padding:0px; margin-bottom:0px; text-align:center; background-color:#FFFFFF;}

/*   -------------------------- PAGE LINKS ---------------------------   */
a:link{color:#2a57a2;}
a:visited{color:#2a57a2;}
a:active{color:#2a57a2; }
a:hover {color:#FFFFFF;background-color:#5d7fb9; text-decoration:none;}

/*   -------------------------- White Text and Darker Blue Hover LINKS ---------------------------   */
a.whitebluelink:link{color:#FFFFFF; }
a.whitebluelink:visited{color:#FFFFFF;  }
a.whitebluelink:active{color:#FFFFFF;  }
a.whitebluelink:hover {color:#2a57a2;background-color:#FFFFFF;text-decoration:none;}

/*   -------------------------- Light blue Text and White Hover LINKS ---------------------------   */
a.lightbluewhitelink:link{color:#c7d4ec; }
a.lightbluewhitelink:visited{color:#c7d4ec;  }
a.lightbluewhitelink:active{color:#c7d4ec;  }
a.lightbluewhitelink:hover {color:#2a57a2;background-color:#FFFFFF;text-decoration:none;}

/*   -------------------------- Top and 508 LINKS ---------------------------   */
a.\508links{position: absolute; left: -1000em; width: 20em;}
/*   -------------------------- Main Navigation ---------------------------   */

.BreadCrumbs 
{
    text-align:left;
     color:#2a57a2;
      font-size:1.0em;
       padding: 3px 0px 3px 10px;
        background: #E8EBF5;
         margin: 0px 0px 5px 0px;         
}
.subhead
{
   	font-size: 1.3em;
	line-height: 1.2em;
	padding: 3px 3px 3px 3px;
    margin: 0px 5px 5px;
	color:#2a57a2;
    font-weight:bold; 
    width:610px;

}

.whiteP
	{	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	/*margin: 1.2em 0em 1.2em 0em;*/
	color:#FFFFFF; 
	}/*c7d4ec*/
	
.lightBlueP
	{	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	color:#c7d4ec; 
	}
	
.HeaderP
{
	font-weight:bold;
	color:#FFFFFF;
	font-size:1.0em;
	padding: 3px 3px 3px 10px;
	background:#2a57a2;
	/*background:#DF7318; Good light Orange*/
	margin: 0px 6px 6px 0px;
}

.PClayPotHead
{
	font-weight:bold;
	color:White;
	padding: 3px 3px 3px 10px;
	background:#bb633d;
	margin: 0px 6px 6px 0px;
}

.Porange {

	font-weight:bold;
	color:#FFFFFF;
	padding: 3px 3px 3px 10px;
	background:#DF7318;
	margin: 0px 6px 6px  0px;
}
.PredHead
{
	font-weight:bold;
	color:#FFFFFF;
	padding: 3px 3px 3px 10px;
	background:#BB120D;
	margin: 0px 6px 6px  0px;
	
}
.Pred
{
	color:#BB120D;
}

.PpurpleHead
{
	font-weight:bold;
	color:#FFFFFF;
	padding: 3px 3px 3px 10px;
	background:#69227c;
	margin: 0px 6px 6px  0px;
	
}

.Ppurple
{
	color:#69227c;
}



.Pdkblue {
	font-weight:bold;
	padding: 3px 3px 3px 10px;
	background:#11447B;
	margin: 0px 6px 6px 0px;
	color:#FFFFFF;
	
}

.Pmedblu {
	color:#336699;
	font-weight: bold;
}
.Pltblue {
	color:#57B5E9;
}
.Pyellow {
	color:#FFFF01;
}
.PBlackhead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	color: #000000;
}

.PDkGreenHead
{
	font-weight:bold;
	color:#FFFFFF;
	padding: 3px 3px 3px 10px;
	background:#288146; /*11447B */
	margin: 0px 6px 6px  0px;

}

.Pgreen {
	color: #009933;
	font-weight: bold;
}


		


