body
	{
		margin: 0;
		padding: 0;
		font-size: 100%; 
		 
	font-family: arial, helvetica, sans-serif;
	 	background-color:#26558b; 
 	background-image: url(images/bg.jpg);
		background-repeat: repeat-x; 
		scrollbar-face-color : #7B9FD6;
		scrollbar-highlight-color : #C6D6FD; 
		scrollbar-3dlight-color : #26558B;
		scrollbar-darkshadow-color : #660000; 
		scrollbar-arrow-color :#C6D6FD; 
		scrollbar-shadow-color : #26558B;
		scrollbar-track-color: #DCE8F8;
		
	}
	body h3 {
	color: #E47E00;
	}
		
* {
margin:0;
padding:0;
}
a.nav:link {color: blue; text-decoration: none; }
a.nav:visited {color: blue; text-decoration: none; }
a.nav:hover {color: blue; text-decoration: underline; }
img { border: none; } 
a:active{ border:none;}
#slideshow{
margin:0;
padding:0;
}
	 #wrapper 
	 {
		width:800px;
		background-color:#fff;
		margin-top: 0px;
		margin-bottom:  0px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		height:100%;
	}

	#header
	{
		height: 77px;
		background-image:url('images/heading1.jpg');
		margin:0px;
		
	}
	#slideshow
	{
		
		
		margin-top:-1px;
		
	}


/*============================================ PAGE TITLES-============--*/		
	#whoweare
	{
		height: 63px;
		background-image:url('images/headers/whoweare.gif');
		margin-bottom: 10px;
		margin-top:-1px;
	}
		#whoweare
	{
		height: 63px;
		background-image:url('images/headers/whoweare.gif');
		margin-bottom: 10px;
		margin-top:-1px;
	}
	#donate
	{
		height:63px;
		background-image:url('images/headers/donate.gif');
		margin-bottom:  0px;
		margin-top:-1px;
	}	
	#ourteachers
	{
		height: 63px;
		background-image:url('images/headers/ourteachers.gif');
		margin-bottom: 10px;
		margin-top:-1px;
	}
	#sitemap
	{
		height: 63px;
		background-image:url('images/headers/sitemap.gif');
		margin-bottom: 10px;
		margin-top:-1px;
	}
	#photos
	{
		height: 62px;
		background-image:url('images/headers/photos.gif');
		margin-bottom: 10px;
		margin-top:-1px;
		margin-top:-1px;
	}
	#sponsors
	{
		height: 63px;
		background-image:url('images/headers/sponsors.gif');
		margin-bottom: 10px;
		margin-top:-1px;
	}
	#testimonials
	{
		height: 65px;
		background-image:url('images/headers/testimonials.jpg');
		margin-bottom: 10px;
		margin-top:-1px;
		margin-top:-1px;
	}
	#ourschools
	{
		height: 63px;
		background-image:url('images/headers/ourschools.gif');
		margin-bottom: 10px;
		margin-top:-1px;margin-top:-1px;
	}
	
	#problem
	{
		height: 63px;
		background-image:url('images/headers/theproblem.gif');
		margin-bottom: 10px;
		margin-top:-1px;
		margin-top:-1px;
	}
	
	#aboutus
	{
		height: 60px;
		background-image:url('images/headers/aboutus.jpg');
		margin-bottom: 10px;
		margin-top:-1px;
		margin-top:-1px;
	}
	#handouts
	{
		height: 63px;
		background-image:url('images/headers/handouts.gif');
		margin-bottom: 10px;
		margin-top:-1px;
		margin-top:-1px;
	}	
	#contactus
	{
		height: 63px;
		background-image:url('images/headers/contactus.gif');
		margin-bottom: 10px;
		margin-top:-1px;
	}	
	#video
	{
		height: 63px;
		background-image:url('images/headers/video.gif');
		margin-bottom: 10px;
		margin-top:-1px;
	}	
	#login
	{
		height: 63px;
		background-image:url('images/headers/login.gif');
		margin-bottom: 10px;
		margin-top:-1px;
	}	
	#rstnews
	{
		height: 63px;
		background-image:url('images/headers/rstnews.gif');
		margin-bottom: 10px;
		margin-top:-1px;
	}	
	#president
	{
		height: 63px;
		background-image:url('images/headers/president.gif');
		margin-bottom: 10px;
		margin-top:-1px;
	}	
	#calendarhead
	{
		height: 63px;
		background-image:url('images/headers/calendar.gif');
		margin-bottom: 0px;
		margin-top:-1px;
	}	
	#phonelist
	{
		height: 63px;
		background-image:url('images/headers/phonelist.gif');
		margin-bottom: 10px;
		margin-top:-1px;
	}	
	#banner1
	{
		height: 158px;
			margin-top:-1px;
		background-image:url('images/banner4.jpg');
		margin-bottom: 10px;
	}	
	
			#comment { 
				
			float: left; 
		
			width:110px; 
		 
			border: 0px solid #aaa;  
			background-image:url('images/comment1.gif');
			height: 100%;  
			padding-left:0px;}
	
/*=======================================================================*/
		#gutter
		{
			float: left;
			width: 1%;
			height: 1px;
		}
#space {
width: 800px;
Height:20px;
float:left;
}
		
		#messages
		{
			float: left;
			width: 100%;
			background-image:url('images/slide2.jpg');
			margin-bottom: 10px;
			height:200px;
			
		}
		
		#hLine
		{
			 background-image:url('images/horizLine.gif');
			 width:200px;
			height:17px;
			
		}
		#emphasis{
			
			 color: #e47e00;
			font-weight: bold;
			
		/*==========================================================    HOME.PHP*/	
		
		}
		#home{
			width:100%; /*height100%*/
		background-color:#fff;	
		}
		#homeL
		{
			float: left;
			width:20%; /*168 px*/
			height: 435px;
		 	font-size: 80%;
			color:#333;
			background-color: #e2e5e7;
			padding:  1px;
			padding-top: 12px; 
		 	border: 0px solid #ccc;  
		}
		
				
		#homeC
		{
			float: left;
			width:53%;
			line-height: 1.7em;
			height: 435px;
		 	font-size:75%;
			color:#222;
			margin:auto;
		 	background-color:#ffffff;
	 		padding-left: 15px;
		 	padding-top: 12px; 
			border: 0px solid #ccc;  
		}
	
		
		#homeR
		{
			float:right;/*left*/
			width:21%; /*160 px*/
			height: 435px;
		 	font-size: 80%;
			color:#222;
			background-color:  #e2e5e7;
			padding: 1px;
			padding-top: 12px; 
			border: 0px solid #ccc;  
		}
		
		
		
		
		
		
		
		
		
		
		
/*========================================== COLUMNS ========*/
#head{


}
#head p{

font-size:90%;
			color: #999;
			text-align:center;
}
#head h4{

font-size:120%;
			color: #333;
			text-align:center;
}
	/*	#col1
		{
			float: left;
			width: 50%;
			background-color: #fff;
			margin-bottom: 10px;
		}
			#col1 p
		{
			font-size:80%;
			color: #ddd;
		}
				


	*/	
	#handoutCol
	{
		float:left;
		width: 85%;
	 
	 padding: 4%;
		background-color: #fff;
	 
	 

	}
		#handout 
	{
		float:left;
		width: 23%;
		margin: 1%;
		padding:1%;
		background-color: #fff;
		height: auto;
	

	}

	
	  
		#col3
		{
			float: left;
			width:20%;
			margin-left:0%;
			margin-top:25px;
			height: 400px;
		 	font-size: 80%;
			color:#444;
			background-color: #fff;
			margin-bottom: 10px;
			padding: 5px;
		}
  
		#col4
		{
			float: left;
			width:50%;
			margin-left:5%;
			line-height: 1.7em;
			margin-top:25px;
			height: 320px;
		 	font-size: 80%;
			color:#444;
			background-color: #fff;
			margin-bottom: 10px;
			padding: 10px;
				border: 0px solid #ccc;  
		}
		#col4A{
		
		float: left;
			width:44%;
		 	margin-right: 0%
			margin-left: 5%;
			margin-top:10%;
			 height: 25%;	border: 0px solid #ccc;  
		}
		#col5
		{
			float: left;
			width: 54%;
			margin-left: 5%;
		 	font-size: 80%;
			color: #444;
			margin-bottom: 40px;
			margin-top: 40px;
		}
	
		#col6
		{
			margin-top:20px;
			padding-left: 9%;
			float: left;
			width:90%;
			background-color: #fff;
			margin-bottom: 10px;
			 
		}
	 
		
		#col7
		{
			margin-top:10px;
			float: left;
			width:10%;
			background-color: #fff;
			margin-bottom: 0px;
			margin-left: 0%;
			height: 120px;
		}
	 
				#col9  /* 5% column (space)*/
		{
			margin-top:10px;
			float: left;
			width:5%;
			background-color: #fff;
			margin-bottom: 0px;
			margin-left: 0%;
			height: 100%;
		}
		#photoWrapper
		{
			height:100%;
			width:100%;
			padding-left: 43px;
		}
	#col10{
		
		width:100%;
		height: 30px;
	}
	#col8
		{
			margin-top:20px;
			float: right;
			width:60%;
			padding-right:80px;
			background-color: #fff;
			margin-bottom: 0px;
			margin-left: 0%;
			font-size: 75%;
			color:#333;
			 line-height: 1.7em;
		}
	 #schools
		{
			margin-top:20px;
			padding-right:100px;
			float: right;
			width:60%;
			background-color: #fff;
			margin-bottom: 0px;
			margin-left: 0%;
			font-size: 75%;
			color:#333;
		}
#col30
		{
			margin: 0px;
			
			float: left;
			width:220px;
			background-color: #eee;
			margin-bottom: 20px;
			height:70px;
			margin-left: 10px;
		 	color:#333;
		 	border: 1px solid #ccc;  
		}
	
		
			#col30 a{
			text-decoration: none;
			color:#094689;
		}
		
			#col30 a:hover{
			color:#094689;
			text-decoration: underline;
			 
		}
			#col30text
		{
			 
			float: left;
			width:130px;
			background-color: #eee;
			margin-bottom: 0px;
			 padding-left:20px;
			margin-left: 0%;
			padding-top: 30px;
			font-size: 70%;
			color:#333;
		}
			
					#col30pix
		{
	
			float: left;
			width:70px;
			background-color: #fff;
			margin:  0px;
			height:70px;
			color:#333;
		}
			#col30H 
		{
			 
			margin-top: 0px;
			float: left;
			width:200px;
			background-color: #fff ;
			margin-bottom: 20px;
			height:auto;
			margin-left: 2%;
		 	color:#333;
		 	padding: 0%;
		 	border: 1px solid #bbb;  
		}
		
			#col30HTop
		{
			 	background-color: #ccc ;
			 	border: 1px solid #bbb;  
		  	padding: 1%;
		}
		
		#col30HBody
		{ 
			background-color: #eee ;
				padding: 1%;
		}
		#col30H   a{
			color:#094689;
			text-decoration: none;
		}
		
			#col30H a:hover{
				color:#094689;
			text-decoration: underline;
		}


				#col30H  p
		{
		  font-size:80%;
		   color: 	#102266;
		}
	#col30H	h4
	{
	color:#394e87;
	text-align:center; 
	font-weight: bold;
	font-size: 1.0em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
	 
	
	
	
	
	
	
	
			#colFull
		{
			float: left;
			width:540px;
			line-height: 1.7em;
	 		color:#333;	 
			margin-bottom: 20px;
			padding: 10px 130px 10px 130px;
			font-size: 80%;
		 
		}
		
		#colWhat
		{
			float: left;
			width: 77%;
			margin-left: 0%;
			padding-left:11%;
		 	font-size: 80%;
		 	line-height: 1.7em;
			color: #444;
			margin-bottom: 40px;
			margin-top: 40px;
		}
		#colWhat h3
		{
			color: #E47E00;
		}
		
		#colWhat h4
		{
			color: #E47E00;
			font-size:110%;
		}
			#colSponsers
		{
			float: left;
			width:613px;
			background-color: #fff;
			margin-bottom: 10px;
			margin-left:  85px;
			padding: 5px;
			font-size: 50%;
		}
		
		
				#colmargin
		{
			float: left;
			width: 160px;
			background-color: #fff;
			margin-bottom: 0px;
			height:100%;
		}
		
/*===================================BIOS ================*/
			
			#colBios
		{
			float: right;
			width: 95%;
		 	height:100%;
		  	color: #444;
			margin-bottom: 40px;
			margin-top: 40px;
			 
		}
		
		
		
		#colBio
		{
			float: left;
			width: 90%;
			background-color: #fff;
			margin: 2px 2px;
			 
		}
	
		
			#colBio  h4
		{
			 margin:1%;
			color: #111;
		}
		#colBio p
		{
			font-size:75%;
			color: #666;
		}
		
		#donateEmail{
		text-align:center;
		font-size: 100%;
		text-decoration:none;
		font-weight:bold;
		margin-top:5px;
		
		
		}
				#donateEmail a{
	 
		text-decoration:none;
			
			color: #153250;
		}
		#donateEmail a:hover{
	 
		text-decoration:none;
			color: #E47E00;
		
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	/*==========================CALENDAR========*/
	

			#datearea
	{
		height: 30px;
		width:315px;
	
		margin:auto;
		background-image:url('images/space.jpg');
	float: left;
	}	
		
		#date{
		background-color: #fff;height:30px;width:310px;float:left;margin-top:30px;
		}
		#dateright a{
		height:30px;width:30px;float:left;   background: url("images/buttons/arrow_sm_rt_on.jpg") no-repeat 0 0; 
		}
		
		#dateleft a{
		height:30px;width:30px;float:left; background: url("images/buttons/arrow_sm_lft_on.jpg") no-repeat 0 0; 
		}
 #datenone {
		height:30px;width:30px;float:left; background: url("images/buttons/arrow_sp.jpg") no-repeat 0 0; 
		}
		#datemid{
		background-color: #fff;height:30px;width:80px;float:left;text-align:center;
		}
		#datemid h4{
		color:#666;
		}
				  #dateleft a:hover
  { 
    background: url("images/buttons/arrow_sm_lft.jpg") no-repeat 0 0;
  }
		
		  #dateright a:hover
  { 
    background: url("images/buttons/arrow_sm_rt.jpg") no-repeat 0 0;
  }

		
	
		
			#calendar{
			font-size: 87%;
			padding-left:100px;
			width:700px; 
		
	}
			#calendarDay{
			font-size: 87%;
			padding-left:10px;
			width:775px; 
		
	}
	
 
		#schedule
		{
			float: left;
			width:40%;
			background-color: #eee;
			margin: 10px 30px ;
			padding:10px; 
			 
			
			
		}
 #quote{
margin:6px;	
float: top;
 
border: 0px solid #ddd;
 }
	 
		#quote h4{
		
			font-family: Georgia;
			color: #1D2474;
			line-height: 170%;;
			font-size: 85%;
			 
		}
		#quote img{
			
			vertical-align:text-bottom;
		}
		#quote h2 {
			text-align:center;
			color: #000066;
			line-height: 1.5 em;
			font-size:90%;
			
		}
		
		
		

		
		 
			
			/*===== boxes ===*/
			.bl {background: url(images/bl.gif) 0 100% no-repeat #fff; width: 150px} 
.br {background: url(images/br.gif) 100% 100% no-repeat} 
.tl {background: url(images/tl.gif) 0 0 no-repeat} 
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}
			
			#medL{
			height:26px;
			float: left;
			width: 30px;
			
		background-image:url('images/quoteL.jpg');
		background-repeat:no-repeat;
		background-position:top;
		padding-top:  0px;
			}

			#medR{
			height:auto;
			float: right;
				width: 30px;
		background-image:url('images/quoteR.jpg');
		padding-top:  50%;
		
		background-repeat:no-repeat;
		background-position:bottom;
			}
			#medC{
			height:auto;
			float: left;
			width: 100px;
			}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	 
	 
	 		#quoteboxW { 
			float: left; 
			margin-top: 15px; 
			margin-left: 15px; 
			margin-right: 25px; 
			padding: 0px; 
			width:175px; 
			text-align:center;
			border: 0px solid #aaa;  
			background: #dcc39b;  
			height: 100%;  
			padding-left:0px;}


	#quoteboxW  p
		{
		  font-size:90%;
		   color: 	#102266;
		}
			#quoteboxW  h3
		{
		  font-size:72%;
		   color: #102266;
		}
#commentTop{
margin-top:35px; 
			margin-left:  150px; 
			margin-right: 0px; 
				margin-bottom: 50px; 
			padding-top: 20px; 
			width:500px; 

}
#Center{
	
	width:43%;	
	float: left; 
	padding-left:145px;
}
				#sidePhotoR { 
			float: left; 
			margin-top: 25px; 
			margin-left:   25px; 
			margin-right:  5px; 
			margin-bottom:  10px; 
			padding: 0px; 
			width:123px; 
		 
		 
			}
		
				#sidePhotoL { 
				 
			float: left; 
			margin-top: 25px; 
			margin-left:  15px; 
			margin-right:  5px; 
			margin-bottom:  10px; 
			padding: 0px; 
			width:123px; 
			text-align:center;
			}	

			#sideBoxR { 
			float: left; 
			margin-top: 15px; 
			margin-left:  5px; 
			margin-right: 15px; 
			padding: 0px; 
			 
			text-align:center;
			}
		
			#sideBoxL { 
			float: left; 
			margin-top: 10px; 
			margin-left:  5px; 
			margin-right: 5px; 
		 
			padding: 0px; 
		 	text-align:center;
			}	
			
			.outerBox{
	height:80px;
		background:#ddd;
		margin:8px 50px 10px 50px;
	}
	
p.fact{
 font-size:105%;
		   color: #102266;
		   font-weight:bold;
		  
}
	.teaser p {
		 font-size:85%;
		   color: #102266;
		   font-weight:bold;
		   vertical-align:middle;
		    margin:0%;
		   
	}
		.teaser h3
		{
		  font-size:105%;
		   color: #102266;
		   margin-top:1%;
		    margin-bottom:0%;
		}
			.teaser h4
		{
		  font-size:65%;
		   color: #102266;
		      margin:0%;
		  
		}
	
	.teaser div {
		margin:0 0 0 -11px;
		padding: 5px;
		padding-left:11px;
			height:91px;
		 
	}
.image {
float:left;
padding-right:30px;
}
.img{
	
vertical-align: text-bottom;	
}
	/*=========================================================  PORTRAITS ===========*/	
		
				#port
		{
			float:left;
			width: 215px;
			background-color: #fff;
			margin: 4px 3px;
			height: 100%;
		 
		}

		#rowport{
		width:100%;
			background-color: #fff;
		}
		#photo
		{
			float: Left;
			width: 120px;
			height: 111px;
			margin: 0px;
			
		
		}
	 
		

		#info
		 {
			 float: left;
		 	 width:80px;
			text-align: left;
			font-size:77%;
			color: #333;
			margin-top: 42px;
		}
		/*===================================================*/
	 	#quoteleft
		{
			float: left;
			width: 18%;
			height: 70%;
		}
		#quoteright
		{
			float: right;
			width: 18%;
			height: 70%;
		}
		.innerbox { 
			float: left; 
				margin-top: 10px; 
			margin-left: 10px; 
			padding: 0px; 
			width:15%; 
			text-align:center;
			border: 1px solid #aaa;  
			background: #fff;  
			height: 100%;  
			padding-left: 0px;}
	
				.innerboxR { 
			float: right; 
			margin-right: 15px; 
			margin-top: 165px; 
			padding: 5px; 
			width:14%; 
			text-align:center;
			border: 1px solid #aaa;  
			background: #fff;  
			height: 100%;  
			padding-left: 10px;}
	
			.innerboxR p{
				 font-size:120%;
		   color: 	#A50808;
			}
			.innerboxR h3{
				 font-size:70%;
		   color: 	#A50808;
			}
			
				
		  .innerbox p
		{
		  font-size:150%;
		   color: 	#26558B;
		}
		  .innerbox h3
		{
		  font-size:70%;
		   color: 	#26558B;
		}
		#facts
		{
		 	 width:140px;
			 height:90px;
			background-image:url('images/fact.jpg');
		}
		#quotetop
		{
		 	 width:96px;
			 height:79px;
			background-image:url('images/quote.jpg');
		}
		#quotebottom
		{	float: right;
			width:96px;
		 	height:79px;
			background-image:url('images/quote1.jpg');
		}
		
		#alertbottom
		{
			 
		 	 width:100px;
		 	  height:100px;
		 	  float: right;
			background-image:url('images/quotes.jpg');
		}
		#quotecontent
		{
			  width:150px;
		 	  height:auto;
		 	  padding:12px;
		 	  text-align: center;
		}
		
		#quotecontent .innerbox p
		{
		  font-size:150%;
		   color: 	#26558B;
		}
			#quotecontent .innerbox h3
		{
		  font-size:70%;
		   color: 	#26558B;
		}
	
		fieldset{
 background: #ededed;
 padding: 8px;
 color:#333;
 margin-bottom:40px;
 border: 0px;
 
  
}
#facts
{
padding: 3px;
border-width: 1px;
}

			
	
		img.floatLeft
		{
		   float: left; 
    		margin: 2px 10px 2px 2px; 
		}

			img.floatRight
		{
		   float: right; 
    		margin: 4px; 
		}
		img.floatCenter
		{
		   float: center; 
    		margin: 4px; 
		}
 
	
		
		hr {
  height: 03px;
 color:#DDDDDD;
}
		
		


		#footer
		{
		   text-align: center;
	margin-top: 0px;
			clear: both;
			height: 20px;
			background-color: #153250;
		 
			width: 800px; /*tues*/
		}
		
		#footer  p{
			color :  #7B9FD6;
		 	font-size:70%;
		}
		
		#footer a{
			color :  #7B9FD6;
		 	 
		}
		h1
		{
			margin: 0;
			padding: 5px;
		}
		
		h2
		{
			margin-top: 0;
			padding-top: 7px;
		}
		
		h2, p
		{
			margin-left: 7px;
			margin-right: 7px;
		}
		h4
{
    font-family: Arial;
    font-size: 16px;
    color: #000000;
}
		li{
		list-style:none;	
		} 
		div#footer  ul li {
			color :  #7B9FD6;
			background-color : transparent;
	  display:inline;
			font-weight: bold;
				font-size:80%;
		}

		div#footer ul li a{
			color : #6B9FD6;
			background-color : transparent;
			text-decoration : none;
			font-weight: bold;
				font-size:80%;
		}

		div#footer ul li a:hover{
			text-decoration : underline;
			font-weight: bold;
				font-size:80%;
		}

.chromestyle{
width: 798px;
font-weight: bold;
	font-size: 90%;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(images/button.jpg) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 0px solid #B5E2FE; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(images/button_on.jpg) center center repeat-x; /*THEME CHANGE HERE*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #245284;

width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color:#fff;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #6B9FD6;
color:#000;
}

.arrowleft {
		background:url('images/arrow_lft.jpg');
	height: 70px;
	width:70px;
	margin: 0 5px 3px 0;

}

.arrowleft:hover{
		background:url('images/arrowon_rt.jpg');
	height: 70px;
	width:70px;
 
	
	
}


.login   {
	float:left;
	height:42px;
	border:0px;
	width:170px;
background-image: url(images/buttons/login.gif);	
}

.login:hover  {
	float:left;
	height:42px;
	width:170px;
background-image: url(images/buttons/login_on.gif);	
}

.emailMe1   {
	float:left;
	height:32px;
	border:0px;
	width:179px;
background-image: url(images/buttons/email.gif);	
}

.emailMe1:hover  {
	float:left;
	height:32px;
	width:179px;
background-image: url(images/buttons/email_on.gif);	
}


.learnMore   {
	float:left;
	height:37px;
	border:0px;
	width:145px;
background-image: url(images/contact.png);	
}

.learnMore:hover  {
	float:left;
	height:37px;
	width:145px;
background-image: url(images/contact_on.png);	
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}
/*================ images============ POP UP PHOTOS*/
.gallerycontainer{
position: relative;
margin-left:70px;
margin-top: 20px;
margin-bottom: 50px
 
 
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

 
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
 
}
 
.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px #26558B;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #6B9FD6;
padding: 3px;
left: -100px;
border: 1px  gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
/* this positions the pop up photgraph*/
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top:  0px;
left: 200px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


/*===========================================*/
.magnifycontainer{
position: relative;
margin-left: 0px;
margin-top:0px;
 
 
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

/*============================== LABS ROLLOVERS ===========================*/

.magnify img{
border: 1px solid white;
margin: 0 0px 0px 0;
}

.magnify:hover{
background-color: transparent;
}

.magnify:hover img{
border: 0px #26558B;
}

.magnify span{ /*CSS for enlarged image*/
position: absolute;
background-color: #6B9FD6;
 
left: -3000px;
border: 0px  gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.magnify span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.magnify:hover span{ /*CSS for enlarged image*/
visibility: visible;
top:  120px;
left: 350px; /*position where enlarged image should offset horizontally */
 
}
/*=======================  HANDOUT ROLLOVERS=============================*/

.handoutmag img{
border: 1px solid white;
margin: 0 0px 0px 0;
}

.handoutmag:hover{
background-color: transparent;
}

.handoutmag:hover img{
border: 0px #26558B;
}

.handoutmag span{ /*CSS for enlarged image*/
position: absolute;
background-color: #6B9FD6;
 
left: -3000px;
border: 0px  gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.handoutmag span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.handoutmag:hover span{ /*CSS for enlarged image*/
visibility: visible;
top:  120px;
left: 450px; /*position where enlarged image should offset horizontally */
 
}

/*=======================  NEWSLETTER ROLLOVERS=============================*/

.newslettermag img{
border: 1px solid white;
margin: 0 0px 0px 0;
}

.newslettermag:hover{
background-color: transparent;
}

.newslettermag:hover img{
border: 0px #26558B;
}

.newslettermag span{ /*CSS for enlarged image*/
position: absolute;
background-color: #6B9FD6;
 
left: -3000px;
border: 0px  gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.newslettermag span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.newslettermag:hover span{ /*CSS for enlarged image*/
visibility: visible;
top:  120px;
left: 120px; /*position where enlarged image should offset horizontally */
 
}
/*=====================================================================*/
table.handouts{ width: 80%; padding: 0px; border: none; border: 0px solid #789DB3;}
 
table.handouts td { font-size: 11px; border-bottom: 1px solid #E4E4E4;  background-color: #FFF; 
vertical-align: middle; padding: 7px; font-weight: bold; }
table.handouts th{ font-size: 11px; border: none; background-color: #F4F4F4; 
vertical-align: middle; padding: 7px; font-weight: bold; }
.glass
{
 	background-image:url('images/magnify.jpg');
 	background-repeat: no-repeat;
 } 

.adobe
{
 	background-image:url('images/adobe_icon.gif');
 	background-repeat: no-repeat;
 } 
 
/*================= Form Styling Begin=============*/
.feedbackform{
padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 450px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float:left;
 font-size:90%;
width: 120px; /*width of label (left column)*/
text-transform: uppercase;
border-bottom: 1px solid #758CDC;
margin-right: 5px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 275px;
height: 150px;
}

.submit   {
	float:left;
	height:30px;
	border:0px;
	width:98px;
background-image: url(images/buttons/submit.gif);	
}

.submit:hover  {
	float:left;
	height:30px;
	width:98px;
background-image: url(images/buttons/submit_on.gif);	
}
 
.reset   {
	float:left;
	height:30px;
	border:0px;
	width:98px;
background-image: url(images/buttons/reset.gif);	
} 



.reset:hover  {
	float:left;
	height:30px;
	width:98px;
background-image: url(images/buttons/reset_on.gif);	
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
margin-left:120px;
}



	 
	 /*========================================BOXES*/
	 
	 
	 
	#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: .1em;
	padding: 0;
	text-align: left;
	width:29px;				/* <-- use this to tie width to viewport size */
	width:  13em;				/* <-- use this for a set width */
	background-color: #eeeeee;;
	}
 	
#content
	{
	padding:1em;
	}

#content h1
	{
	color:#0d2565;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#content p
	{
	color:#3b3b3b;
	font-size: 0.7em;
	line-height: 2em;
	font-family: arial, helvetica, sans-serif;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(images/boxes/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(images/boxes/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(images/boxes/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(images/boxes/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(images/boxes/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(images/boxes/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(images/boxes/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(images/boxes/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
/*--------================================= SITE MAP ===================--*/





ul.sample li a{
	list-style-type: square;
	 
	list-style-position: inside;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #550000;
text-decoration: none;
 
text-indent: 5px;

 

padding: 6px;
margin: 2px;

}






ul.sample  ul li  a {
	list-style-type: square;
	 
	list-style-position: inside;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #0055e5;
text-decoration: none;
 
text-indent: 25px;

 

padding: 6px;
margin: 2px;

}

ul.sample li a{ font-style: italic; }
 /*=======================================================================*/
.box_example {
    color:#333333;
    font-size:11px;
    background: url(images/box_bottom_right.gif) no-repeat bottom right;
    margin: 0;  /* margin:0 auto; - for centered box */
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.box_example .header {
    margin: 0;
    padding: 0;
    background:url(images/box_top_right.gif) no-repeat top right;  
    text-align: center;
}
.box_example .header h2{
    color:#ffffff;
    background:url(images/box_top_left.gif) no-repeat top left;
    font-size:14px;
    padding-top: 7px;
    height:20px;
    margin: 0;
}
.box_example .text {
    background:url(images/box_bottom_left.gif) no-repeat bottom left;
    padding:10px 10px 15px 10px;    
    margin:0;
    height:auto;
    text-align:justify;
    color:#003399;
    line-height:15px;
}

 

	#menu{
	float:right;
	height:32px;
	background-image: url(images/button7.jpg);
	background-repeat: repeat-x;
	width:100%;
	}
	
	#calendarhead
	{
		height: 63px;
		background-image:url('images/calendar.gif');
		margin-bottom: 0px;
		 
	}	
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:102%;}/*no vertical overlap*/
ul.pureCssMenu ul ul{position: absolute;left:98%;top:0px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px  0px  0px 0px;  /* pulldown*/
	background-color:#6A87D7;
	background-repeat:repeat;
	border-color:#ff0000; /* red*/
	border-width:0px;
	border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	height:0px; /*nada*/
	float:right;
}
ul.pureCssMenu ul{
	width:136.4px;
}
ul.pureCssMenu li{
	display:block;
	margin: 0px 0px  0px 0px; /*nada*/
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#6A87D7;  /*green*/
	border-width:1px;
	border-color:#6a87d7;
	border-style:solid;
	text-align:center;
	text-decoration:none;
	padding:15px 15px  5px 15px; /*????????????*/
	_padding-left:0;
	font:normal 11px Tahoma;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
	cursor:default;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding: 0px; /*???*/
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:18px;
	height:100%;
	display:inline-block;
	background-color:#006677;	/*????*/
	
	
	}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:0px;	/*????*/
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#550000;
	border-color:#00ff00; /*5555555*/
	border-width:1px;
	border-style:solid;
	font:bold 11px Tahoma;
	color: #444;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#3a609e;  /* drop down hover color*/
	border-color:#3a609e; 
	border-width: 1px;
	border-style:solid;
	font:bold 11px Tahoma;
	color: #FFF;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #0000FF !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arrv_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:9px;}
ul.pureCssMenu ul span{background-image:url(./images/arr_black.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arr_white.gif);}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span,ul.pureCssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_white.gif)}
ul.pureCssMenu table a:hover table span,ul.pureCssMenu table a:hover a:hover table span{background-image:url(./images/arr_black.gif)}
ul.pureCssMenu li.pureCssMenui0 {
width:133.5px;
height:23px;  /*top menu height*/
}
ul.pureCssMenu li a.pureCssMenui0{
height:100%;
/*background-image:url(images/btn3.jpg);*/
	background-image:url('images/button1a.jpg');
	 
border-width:1px;
font:bold 11px Tahoma;
border-color:#23949c;
}
ul.pureCssMenu li a.pureCssMenui0:hover{
background-image:url(images/button3_on.jpg);

font:normal 11px Tahoma;
color:#eee;
}
 ul.pureCssMenum0 {
background-color:transparent;
border-width:0px;
	padding:0px 0px 0px 0px;  /* above menu*/
}
 ul.pureCssMenum0>li>a {
padding:8px 10px 0px 10px;
}
 ul.pureCssMenum0 a {
padding:8px 10px 0px 10px;
}
 ul.pureCssMenum0 ul a {
padding:2px 5px 5px 10px;
}
 ul.pureCssMenum0>li {
margin:0px 0px 0px 0px;
}
 ul.pureCssMenum0 li {
margin:0px 0px 0px 0px;
}
 ul.pureCssMenum0 li li {  /* hover pulldown*/
margin:0px 00px 0px 0px;
}
 
#submitButton input { 
background:url(/images/buttons/submit.gif) no-repeat; 
cursor:pointer; 
width: 98px; 
height: 30px; 
border: none; 
}
#resetButton  { 
background-image:url(/images/buttons/reset.gif) no-repeat; 
cursor:pointer; 
width: 98px; 
height: 30px; 
border: none; 
}