/*







Theme Name: <presence>







Theme URI: <your theme url>







Description: <presence main theme>







Version: <1.0>







Author: <pyratetech>







Author URI: <www.pyratetech.com>







*/







body { margin: 0; background: #EEF3F6 url(../../../images/back3.png) repeat-x; text-align: center; font: 12px/1em Helvetica, Arial, sans-serif; color: #666;}







#page { width: 1073px; position: relative; margin: 0 auto; padding: 0; text-align: left; background-position: center; background: transparent url(../../../images/bg_page.png) repeat-y; }







#masthead { position: relative; width: 1021px; height: 100px; margin: 0 auto; background: #FFF url(../../../images/bg_masthead.jpg) no-repeat; background-position: left; z-index: 1000;}



	#sign_up_div {

	height:20px;

	position:relative;

	display:block;

	z-index:12000;

	

}

	

	#masthead a img.sign_up { border:none; border:0px;}

	

	#masthead #sign_up a:hover { color:#666; }



	#masthead a { display: block; text-align:center; padding: 10px 17px 10px 17px; }







	#masthead ul {width: 645px; position: absolute; top: 40px; right: 7px; margin: 0; padding: 0; z-index: 10000 }







	#masthead ul li { display: block; float: left; list-style-type: none; margin: 0;  z-index: 9000; line-height: 1.1em; }







	#masthead ul li a { display: block; height: 25px;  color: #666; text-decoration: none; padding: 10px 15px 0 15px;}







	#masthead ul li a:hover { color:#FF9900; text-decoration: none; }







	#masthead ul li a.selected { color: #78a22f; }















div { margin: 0; }























#wrap { min-height: 422px; height: auto !important; height: 422px; width: 1073px;  position: relative; margin: 0 auto; padding: 0; text-align: left;}







#slp { width: 308px; height: 76px; float: left; font-size: 12px; background: url(../../../images/slp_back.png); margin: 13px 7px 0 60px; }







	#educators { width: 308px; height: 76px; float: left; margin: 13px 7px 0 7px; line-height: 1.5em; background: url(../../../images/educator_back.png); }







	#parents { width: 308px; height: 76px; float: left; margin: 13px 38px 0 7px; font-size: 12px;  background: url(../../../images/parent_back.png);}







	







#content { width: 1073px; height: 400px;/*height: 265px;*/ position: relative; margin: 0 auto; padding: 0; text-align: left;}







	#mission { width: 640px; height: 400px;/*height: 248px;*/ float: left; font-size: 12px; background: url(../../../images/mission_back.png); margin: 2px 0px 8px 57px;}







	#links { width: 323px; height: 248px; float: left; line-height: 1.5em; background: url(../../../images/links_back.png); margin: 2px 7px 10px 0px;}















	div.callout { display: block; text-align:left; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; }







	div.callout a { text-align:left; font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; display:block; }







	div.callout a:hover { color: #ffff99; text-decoration: none;}







	div.callout h1, div.callout h2 {font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #FFF; font-weight: bold; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 21px;}


	div.callout h2 {padding-bottom:0px; margin-bottom:0px; height:42px; width:223px; padding: 15px 10px 10px 75px;}




	div.callout h1 a:hover {font-family: Arial, Helvetica, sans-serif;font-size: 17px;color: #ffff99; }


	div.callout a:hover h2 { color: #ffff99; line-height: text-decoration: none;}












	#mission_copy { display: block; text-align:left; padding: 20px 20px 15px 25px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; line-height: 17px;}







	#mission_copy a{ color: #FF9900; text-decoration:none; }







	#mission_copy a:hover { color: #4E8ABE; text-decoration:none; }	







	#mission_copy h1, #mission_copy h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #4E8ABE; line-height: 22px; margin: 0 auto;}







	







	#link_copy { width:323px; position: relative; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #666666; }







	#link_copy ul { width: auto; padding-right:30px; list-style-type: none; padding-top: 10px; }







	#link_copy ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #78A22F; padding-top: 13px; padding-right: 0px; padding-bottom: 10px; padding-left: 42px; }







	#link_copy ul li a{ list-style-type: none; color: #666; text-decoration: none;}







	#link_copy ul li a:hover { color:#ff9900; text-decoration: none;}







	







	#link_copy ul li.link_book { background-image:url(../../../images/book_icon.png); display: block; background-repeat: no-repeat; background-position: 4px 8px;}







	#link_copy ul li.link_board { background-image:url(../../../images/board_icon.png); display: block; background-repeat: no-repeat; background-position: 4px 10px;}







	#link_copy ul li.link_check { background-image:url(../../../images/check_icon.png); display: block; background-repeat: no-repeat; background-position: 5px 8px;}







	#link_copy ul li.link_tool { background-image:url(../../../images/tool_icon.png); display: block; background-repeat: no-repeat;background-position: 4px 5px;}







	#link_copy ul li.link_computer { border: 0; background-image:url(../../../images/computer_icon.png); display: block; background-repeat: no-repeat; background-position: 4px 10px;}







	#link_copy ul li.last { border: 0; }















#footer{ width: 1073px;	height: 77px; position: relative; margin: 0 auto;padding: 0; text-align: left; background: transparent url(../../../images/bg_footer.png) no-repeat center bottom; font-size: 11px; }	







	#footer div {position: absolute;left: 20px;top: 3px;}







	#footer ul {width: 575px;}







	#footer ul li { float: left; list-style-type: none;border-right: 1px solid #ccc; padding: 0;}







	#footer ul li.last { border-right: none; }







	#footer a { color: #666; text-decoration: none; display:block; height:15px; padding-top:3px;padding-left:10px;padding-right:10px;}







	#footer a:hover { color: #FF9900; text-decoration: none; }







	#footer p {







	text-align:right;







	margin:0;







	padding-top:17px;







	padding-right:64px;







}







#left_side {width: 323px; height: auto; float: left; margin: 2px 0px 10px 57px;}



	



	#left_side ul {line-height: 18px;}



	



	#left_side li a {font-family: Arial, Helvetica, sans-serif; color: #78a22f; text-decoration: none;}



	



	#links { width: 323px; height: 248px; float: left; line-height: 1.5em; background: url(../../../images/links_back.png); background-repeat: no-repeat;}







	#image_about { width: 323px; height: 167px; float: left; line-height: 1.5em; background:url(../../../images/image_about.png); background-repeat: no-repeat; }







	#image_about2 { width: 323px; height: 167px; float: left; line-height: 1.5em; background:url(../../../images/image_about2.png); background-repeat: no-repeat; }







	#image_research { width: 323px; height: 167px; float: left; line-height: 1.5em; background:url(../../../images/image_research.png); background-repeat: no-repeat; }







	#image_careers { width: 323px; height: 167px; float: left; line-height: 1.5em; background:url(../../../images/image_careers.png); background-repeat: no-repeat; }







	#image_contact { width: 323px; height: 167px; float: left; line-height: 1.5em; background:url(../../../images/image_contact.png); background-repeat: no-repeat; }























	#link_copy { width:323px; position: relative; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #666666; }







	#link_copy ul { width: auto; padding-right:30px; list-style-type: none; padding-top: 10px; }







	#link_copy ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #78A22F; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 42px; }







	#link_copy ul li a{ list-style-type: none; color: #666; text-decoration: none;}







	#link_copy ul li a:hover { color:#ff9900; text-decoration: none;}







	







	#link_copy ul li.link_book { background-image:url(../../../images/book_icon.png); display: block; background-repeat: no-repeat; background-position: 4px 8px;}







	#link_copy ul li.link_board { background-image:url(../../../images/board_icon.png); display: block; background-repeat: no-repeat; background-position: 4px 10px;}







	#link_copy ul li.link_check { background-image:url(../../../images/check_icon.png); display: block; background-repeat: no-repeat; background-position: 5px 8px;}







	#link_copy ul li.link_tool { background-image:url(../../../images/tool_icon.png); display: block; background-repeat: no-repeat;background-position: 4px 5px;}







	#link_copy ul li.link_computer { border: 0; background-image:url(../../../images/computer_icon.png); display: block; background-repeat: no-repeat; background-position: 4px 10px;}







	#link_copy ul li.last { border: 0; }























#right_side { width: 640px; min-height: 400px; height: auto !important; height: 400px; margin: 2px 7px 0px 380px;}







	







	#text_area_top { width: 640px; height: 40px; float: left; background:url(../../../images/content_top.jpg); background-repeat: no-repeat;  }







	#text_area_middle { width: 640px; background:url(../../../images/content_middle.jpg); padding-bottom:10px; font-family:}







	#text_area_middle li {padding:4px 25px 0px 5px; line-height: 18px;}







	#text_area_middle textarea {width:576px;}







	#text_area_bottom { width: 640px; height: 22px; background:url(../../../images/content_bottom.jpg); background-repeat: no-repeat; margin-top:-12px; }







	







	#right_side p {font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 19px; padding-right: 30px; padding-left: 30px; padding-bottom: 0px;}







	#right_side a {font-family: Arial, Helvetica, sans-serif; color: #78a22f; text-decoration: none;}







	#right_side p a:hover { text-decoration: none; color: #D87D20;}







	#right_side h1, #right_side h2{ font-size: 18px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; padding-top:5px; padding-right: 30px; padding-left: 30px; font-weight: bold; color: #F3972F;}







	#right_side h3 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; padding-top:5px; padding-right: 30px; padding-left: 30px; font-weight: bold; color: #4E8ABE;}







	#right_side h3 a:hover{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; color: #D87D20;}







img.alignleft, div.alignleft



{



float:left;



margin:0 0.5em 0.5em 0;



}



img.alignright, div.alignright



{



float:right;



margin:0 0 0.5em 0.5em;



}



img.aligncenter, div.aligncenter



{



text-align:center;



margin:0 auto;



}