/* CSS Document  */


body	{
		background-color: #ffffff;
		margin: 0px;
		padding: 10px 20px;
		text-align: center;
		font-size: 12px;
		font-family: Arial, Verdana, helvetica, sans-serif;
		color:#000000;
		line-height: 185%;
		}
		
p		{	
		}
		
h1	{	
		color:#000000;
		font-family: Arial, Verdana, helvetica, sans-serif;
		font-size: 17px;
		font-weight: normal;
		line-height: 150%;
		}

h2	{	
		color:#000000;
		font-family: Arial, Verdana, helvetica, sans-serif;
		font-size: 14px;
		font-weight: normal;
		line-height: 150%;
		}

h3	{	
		color:#000000;
		font-family: Arial, Verdana, helvetica, sans-serif;
		font-size: 14px;
		font-weight: normal;
		line-height: 150%;
		}
				
img		{
		border: 0px;
		padding: 0px;
		margin: 0px;
		}
				
ul li{list-style-type: circle;}

li		
		{	
		line-height: 160%;
		}	
		
a		{	
		line-height: 160%;
		}
		
a:link {color: #000000; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a:hover {color: #000000; text-decoration: underline;}		
				
.clearboth
		{
		clear: both;		
		}
.acrobat
		{position:relative;
		top:3px;
		}

.hr
		{
		border-bottom:1px solid #000000;
		}

.floatright
		{
		float:right;
		margin:0 0 20px 20px;
		}
		
.floatleft
		{
		float:left;
		margin:0 20px 20px 0;
		}				
		
#sites
		{
		float: right;
		margin: 0px 0px 20px 20px;
		text-align:center;
		width:315px;
		}			
		

#container
		{
		padding: 0px;
		margin: 0px auto 0px auto;
		width: 800px;
		text-align: left;
		}
#header
		{
		width: 800px;
		height: 48px;
		background-image:url(images/first5logo.gif);
		background-position:left;
		background-repeat:no-repeat;
		text-align:right;
		line-height:48px;
		font-size:11px;
		}

#header a:link {color: #000000; text-decoration: none;}
#header a:visited {color: #000000; text-decoration: none;}
#header a:hover {color: #000000; text-decoration: underline;}		

/* tab style navigation */		


#mainnav
		{
		margin-top:10px;
		width: 800px;
		height:48px;
		}

#col1nav
		{
		width: 250px;
		height: 38px;
		line-height: 38px;
		background-color:#268C8E;
		text-align:left;
		padding-left:10px;
		float:left;
		font-family: Arial, Verdana, helvetica, sans-serif;
		font-size: 17px;
		}

#col1nav a:link {color: #ffffff; text-decoration: underline;}
#col1nav a:visited {color: #ffffff; text-decoration: underline;}
#col1nav a:hover {color: #ADDBD8; text-decoration: underline;}			
		
#col2nav
		{
		width: 250px;
		height: 38px;
		line-height: 38px;
		background-color:#f49f2a;
		text-align:left;
		padding-left:10px;
		float:left;
		margin-left:10px;
		font-family: Arial, Verdana, helvetica, sans-serif;
		font-size: 17px;
		}

#col2nav a:link {color: #ffffff; text-decoration: underline;}
#col2nav a:visited {color: #ffffff; text-decoration: underline;}
#col2nav a:hover {color: #A35704; text-decoration: underline;}		
		
#col3nav
		{
		width: 250px;
		height: 38px;
		line-height: 38px;
		background-color:#39AF4C;
		text-align:left;
		padding-left:10px;
		float:right;
		margin-left:10px;
		font-family: Arial, Verdana, helvetica, sans-serif;
		font-size: 17px;
		}			

#col3nav a:link {color: #ffffff; text-decoration: underline;}
#col3nav a:visited {color: #ffffff; text-decoration: underline;}
#col3nav a:hover {color: #E2E8A7; text-decoration: underline;}

/* focus div gets container color until nav selected then correct color when "focused" */	

.col1focus
		{
		width: 260px;
		height: 10px;
		float:left;
		background-color:#FFFFFF;
		}

.col2focus
		{
		width: 260px;
		height: 10px;
		float:left;
		position:relative;
		left: 10px;
		background-color:#FFFFFF;
		}

.col3focus
		{
		width: 260px;
		height: 10px;
		float:right;
		background-color:#FFFFFF;
		}

#sub1 .col1focus
		{
		background-color:#268C8E;
		}

#sub2 .col2focus
		{
		background-color:#f49f2a;
		}

#sub3 .col3focus
		{
		background-color:#39AF4C;
		}	
		
#photorow
		{
		width: 800px;
		}
/* display block removes padding added to image because inherently an inline object */	
#photorow img
		{
		display:block;
		}			

#col1img
		{
		width: 260px;
		float:left;
		}
		
#col2img
		{
		width: 260px;
		float:left;
		margin-left:10px;
		}
		
#col3img
		{
		width: 260px;
		float:right;
		margin-left:10px;
		}												
/* home page uses 3 columns, column specific styles follow */	
		
#three-column-content 
		{
		margin-top:10px;
		width: 800px;
		min-height:300px;
		background-image:url(images/three-column-bg.jpg);
		}

#three-column-content h2
		{margin-top:0px;
		}	

			

#col1content
		{
		padding:10px 20px;
		width: 220px;
		background-color:#62d2d5;
		float:left;
		}
		
		/* og blue for left column #0CBFC4 */

#col1content h2
		{
		color:#035656;	
		}	

#col1content .inlineh3
		{
		color:#035656;		
		}			
		
		
#col2content
		{
		padding:10px 20px;
		width: 220px;
		background-color:#ECBA4B;
		float:left;
		margin-left:10px;
		}

#col2content h2
		{
		color:#A35704;		
		}

#col2content .inlineh3
		{
		color:#A35704;		
		}					
		
#col3content
		{
		padding:10px 20px;
		width: 220px;
		background-color:#B3CE41;
		float:right;
		margin-left:10px;
		}

#col3content h2
		{
		color:#037732;		
		}	

#col3content .inlineh3
		{
		color:#037732;		
		}							

#footer
		{
		font-size:11px;
		width: 800px;
		padding-top: 20px;
		margin: 0px auto 0px auto;
		border: 0px;
		text-align: right;
		color: #000000;
		}
	
#footer a:link {color: #000000; text-decoration: none;}
#footer a:visited {color: #000000; text-decoration: none;}
#footer a:hover {color: #000000; text-decoration: underline;}

#footer a.login:link {color: #ffffff; text-decoration: none;}
#footer a.login:visited {color: #ffffff; text-decoration: none;}
#footer a.login:hover {color: #000000; text-decoration: none;}

/* subnav navigation */
#subnav
		{
		font-size:11px;
		height:34px;
		line-height:34px;	
		padding-left:20px;	
		}
		
#sub1 #subnav
		{
		color:#ADDBD8;
		background-color:#268C8E;
		}

#sub1 #subnav a:link {color: #ADDBD8; text-decoration: none;}
#sub1 #subnav a:visited {color: #ADDBD8; text-decoration: none;}
#sub1 #subnav a:hover {color: #ADDBD8; text-decoration: underline;}			

#sub2 #subnav
		{
		color:#A35704;
		background-color:#F39F2B;
		}
		
#sub2 #subnav a:link {color: #A35704; text-decoration: none;}
#sub2 #subnav a:visited {color: #A35704; text-decoration: none;}
#sub2 #subnav a:hover {color: #A35704; text-decoration: underline;}				
		
#sub3 #subnav
		{
		color:#E2E8A7;
		background-color:#39AF4C;
		}	
		
#sub3 #subnav a:link {color: #E2E8A7; text-decoration: none;}
#sub3 #subnav a:visited {color: #E2E8A7; text-decoration: none;}
#sub3 #subnav a:hover {color: #E2E8A7; text-decoration: underline;}	

/*sub4 used for about organization pages*/
#sub4 #subnav
		{
		color:#ffffff;
		background-color:#817a5a;
		}	
		
#sub4 #subnav a:link {color: #ffffff; text-decoration: none;}
#sub4 #subnav a:visited {color: #ffffff; text-decoration: none;}
#sub4 #subnav a:hover {color: #ffffff; text-decoration: underline;}	

#subnav img
		{
		position:relative;
		top:2px;
		display:inline-block;
		}				
		

/* subnav content */							

#subnav-content 
		{
		margin-top:10px;
		padding: 20px 200px 20px 50px;
		width: 550px;
		min-height:300px;
		}
		
#sub1 #subnav-content
		{
		background-color:#ADDBD8;
		}
#sub1 h1
		{
		color:#268C8E;
		}

#sub1 h2
		{
		color:#268C8E;
		}				
		
#sub2 #subnav-content
		{
		background-color:#F9DC80;
		}	
		
#sub2 h1
		{
		color:#A35704;
		}

#sub2 h2
		{
		color:#A35704;
		}					

#sub3 #subnav-content 
		{
		background-color:#D8E29F;
		}
		
#sub3 h1
		{
		color:#39AF4C;
		}
		
#sub3 h2
		{
		color:#39AF4C;
		}		
		
#sub4 #subnav-content 
		{
		background-color:#dedbcd;
		}
		
#sub4 h1
		{
		color:#000000;
		}
		
#sub4 h2
		{
		color:#000000;
		}	
		
#schoolreadiness
		{
		color:#268C8E;
		}

#schoolreadiness a:link {color: #268C8E; text-decoration: none;}
#schoolreadiness a:visited {color: #268C8E; text-decoration: none;}
#schoolreadiness a:hover {color: #268C8E; text-decoration: underline;}						
				
	
	
#one-column-content 
		{
		margin-top:10px;
		padding: 20px 50px;
		width: 700px;
		min-height:300px;
		background-color:#dedbcd;
		}

#editstrip
		{
		text-align:right;
		padding-left:20px;	
		width: 780px;
		background-color:#ffffff;
		line-height:20px;
		}
		
#editstrip a:link {color: #000000; text-decoration: none;}
#editstrip a:visited {color: #000000; text-decoration: none;}
#editstrip a:hover {color: 000000; text-decoration: underline;}