/*



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: 265px; position: relative; margin: 0 auto; padding: 0; text-align: left;}



	#mission { width: 640px; 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; padding: 15px 10px 10px 75px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; line-height: 15px;}



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



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



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



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







	#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: 12px; 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: 13px; padding-right: 0px; padding-bottom: 12px; 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;

}