@charset "UTF-8";
/* CSS Document */


*{
	margin: 0px;
	padding:0px;


}

body {
	background-color:#51AEE1;
	


}



#mainContent {
	width: 100%;
	
	




}

#mainHeader {
	width: 720px;
	margin: 0px 0px 0px 37px;





}


#mainHeader img{
	padding:20px 10px 20px 0px;




}
#headerImage{
	float:left;

}

#mainTopNav{
	
	float:right;
	padding-top:35px;

}

#mainTopNav .topNav{
	
	padding:35px 15px 5px 15px;
	
	display:inline;
	
	
	border-left: 1px #FFFFFF solid;
	
	

}

.topNav a{
 margin-top:10px;
		padding:0px 5px 0px 5px;
	color:#FFFFFF;
	background-color: transparent;
	text-decoration:none;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;


}

.topNav a:hover{

	
	color:#666666;
	background-color:transparent;
	text-decoration:none;
	
	



}


#mainBody {
	clear:both;
	width: 720px;
	margin: 0px 0px 0px 37px;
	background-color:#ffffff;
	
	
	
	min-height: 382px;
	
	background-image:url(../images/blue_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	/*
	background-image:url(../images/art1.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	*/


}

#mainBody p{
	padding:3px;
	color:#51AEE1;
	font-size: 0.8em;
	font-family:Georgia, "Times New Roman", Times, serif;	


}


#leftSpacer{

	



}


#leftContainer{
	float:left;
	
	width:186px;
	height:382px;




}

#tagLine{
	width:186px;
	height:77px;
	

}

#tagLine p{
	
	color:#51AEE1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 15px 5px 0px 20px;
	font-weight:bold;
	letter-spacing: 0px;
}


#tagLine p a{
	color:#51AEE1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	font-weight:bold;
	letter-spacing: 0px;
	text-decoration:none;
}
#tagLine p a:hover{
	color:#51AEE1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	
	font-weight:bold;
	letter-spacing: 0px;
	text-decoration:none;
}




#leftContainer li{
	text-align:right;
	padding:0px 0px 0px 10px;
	color:#51AEE1;
	font-size: 0.8em;
	font-family:Georgia, "Times New Roman", Times, serif;
	list-style:none;	
}

#leftContainer li b{
	
	color:#51AEE1;



}


#leftContainer a{
	margin-right:24px;
	text-align:right;
	padding-right:21px;
	
	color:#666666;
	background-color:transparent;
	text-decoration:none;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;

}

#leftContainer a:hover{

	margin-right:24px;
	text-align:right;
	padding-right:21px;
	color:#51AEE1;
	background-color:transparent;
	text-decoration:none;
	background-image:url(../images/arrows/blue_arrow2.gif);
	background-repeat:no-repeat;
	background-position:center right;
	
	

}


#centerContainer{
	float:left;
	width: 280px;


}

#centerContainerFull
{
	float:left;
	min-height:382px;
	width: 534px;
}

#centerContainer a,
#centerContainerFull a
{
	color:#51AEE1;
	background-color:transparent;
	text-decoration:none;
	
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;


}

#centerContainer a:hover,
#centerContainerFull a:hover
{
	color:#51AEE1;
	background-color:transparent;
	text-decoration:underline;
	
	
	


}

.orangeBold{
	font-size: 1.0em;
	font-weight:bold;
	color:#51AEE1;



}
.orangeText{
	font-size: 1.0em;
	;
	color:#51AEE1;



}



#centerContainer .categoryLine p,
#centerContainer .categoryLine2 p,
#centerContainerFull .categoryLine p,
#centerContainerFull .categoryLine2 p

{
	color:#51AEE1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 15px 10px 0px 20px;
	font-weight:bold;
	letter-spacing: 0px;
}






#centerContainer .categoryContent p,
#centerContainerFull .categoryContent p
{
	
	color:#666666;
	background-color:transparent;
	text-decoration:none;
	
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	text-align:justify;
	padding: 10px 10px 5px 15px;
	


}

#centerContainer .categoryContent ul,
#centerContainerFull .categoryVontent ul
{
	padding:10px 3px 5px 40px;

}

#centerContainer .categoryContent li,
#centerContainerFull .categoryContent li
{
	
	color:#666666;
	background-color:transparent;
	text-decoration:none;
	
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;

	padding: 3px 3px 3px 3px;
	list-style:url(../images/arrows/green.gif);
	


}
.categoryLine{
	width:280px;
	height:77px;
}


.categoryLine2{
	width:280px;
	
}

#centerContainer .categoryLine2 ul,
#centerContainerFull .categoryLine2 ul 
{
	margin:10px 0px 20px 0px;


}



#centerContainer .categoryLine2 li,
#centerContainerFull .categoryLine2 li
{
	
	
	text-align:left;
	
	color:#51AEE1;
	font-size: 0.8em;
	font-family:Georgia, "Times New Roman", Times, serif;
	list-style:none;	
}

#centerContainer .categoryLine2 li #onPage,
#centerContainerFull .categoryLine2 li #onPage
{
	color:#51AEE1;


}


#centerContainer .categoryLine2 a,
#centerContainerFull .categoryLine2 a
{
	padding-left:20px;
	text-align:left;
	
	
	color:#666666;
	background-color:transparent;
	text-decoration:none;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;

}

#centerContainer .categoryLine2 a:hover,
#centerContainerFull .categoryLine2 a:hover
{
		padding-left:20px;
	
	text-align:left;
	
	color:#51AEE1;
	background-color:transparent;
	text-decoration:none;
	background-image:url(../images/arrows/blue_arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	
	

}









#rightContainer{
	float:left;
	width: 234px;
	height:362px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	

}

#rightContainer img{
	background-color:#9DC9E1;
	padding: 2px;
	border: 1px #666666 solid;
	margin:10px 0px 10px 0px;

}

#rightContainer h1{
	color:#51AEE1;
	font-size:1.0em;
	padding:10px 0px 10px 0px;

}

#rightContainer h2{
	color:#51AEE1;
	font-size:0.8em;


}

#rightContainer a{
	color:#51AEE1;
	font-size:0.8em;
	text-decoration:none;
	font-weight:bold;


}
#rightContainer a:hover{
	color:#ff6600;
	font-size:0.8em;
	text-decoration:none;
	font-weight:bold;


}




#flashContainer{
	float:left;
	height:382px;
	width: 534px;
	background-color:#ffffff;
		


}

#flashContainer2{
	float:left;
	height:600px;
	width: 534px;
	background-color:#ffffff;
		


}






#mainFooter{
	width: 720px;
	margin-left:37px;
	background-image:url(../images/footer_line_bl.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#mainFooter p{
	margin: 0px 0px 0px 200px;
	color:#FFFFFF;
	font-size: 0.6em;
	font-family: Tahoma,"Trebuchet MS",Arial,sans-serif;	
	letter-spacing: 0.02em;
}

#mainFooter a{
	
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
		
}

#mainFooter a:hover{
	
	color:#666666;
	font-weight:bold;
	text-decoration:underline;
		
}



/* ----------------------------------- two column 
*/





#centerContainer2{
	float:left;
	width: 530px;


}


.categoryContent3 {
	margin:10px;
	border-bottom: 1px #51AEE1 solid;
	
}


#centerContainer2 .categoryLine p{
	color:#51AEE1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 15px 10px 0px 20px;
	font-weight:bold;
	letter-spacing: 0px;
}

#centerContainer2 .categoryContent3 p{
	
	color:#666666;
	background-color:transparent;
	text-decoration:none;
	
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;

	padding: 10px 30px 10px 20px;


}



#centerContainer2 .categoryContent3 img{

	float:right;
	border: 1px #51AEE1 solid;
	background-color:#006600;
	padding:2px;

	margin:2px 8px 10px 10px; ;




}



#centerContainer2 h3{
	color:#51AEE1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 15px 10px 0px 20px;
	font-weight:bold;
	letter-spacing: 0px;
}


#centerContainer2 .categoryContent3 a{
	
	color:#51AEE1;
	background-color:transparent;
	text-decoration:none;
	
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;

	padding:20px 10px 10px 0px;


}

#centerContainer2 .categoryContent3 a:hover{
	
	color:#51AEE1;
	background-color:transparent;
	text-decoration:underline;
	padding:20px 10px 10px 0px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;

	

}




.categoryLine{
	color:#99CC33;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1.2em;
font-weight:bold;
letter-spacing:0px;
padding:15px 10px 0px 20px;
}



div#fproject{
	margin-top: 10px;
	border: thin dotted #51AEE1;
	padding: 0px 0px 0px 13px;
	border-top-style: hidden; 
	}

div#fproject p{
	font-size: smaller;
	color:#666666;
	background-color:transparent;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}





div.effectsToggle{
	
	position: absolute;
	left: 85px;
	top: 450px;
}
a.effectsToggle {
	color: #666666;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: xx-small;
	font-weight:300;
	text-decoration:none;
	
}
a:hover.effectsToggle {
	color: #999999;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: xx-small;
}