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

*							{	margin: 0px;padding: 0px;font-family:Arial, Helvetica, sans-serif;font-size: 12px;}
body 						{	text-align: center;background:url(images/main_bg.gif) repeat-y top center; color:#333;}
a:focus 					{	outline: none;}
a 							{	text-decoration: none;}
a img 						{	border-style: none;}
a:hover 					{	text-decoration: underline;}
image 						{	border: none;}
/* Main Layout Items */

#header_wrapper 			{	margin: 0 auto;width: 100%;text-align:left;background:url(images/header_bg.jpg) no-repeat center top;position:relative;}
#header_container			{	margin: 0 auto;width: 900px;height:185px;position:relative;}
#header p					{	padding: 30px 0 0 0;text-align:center;color:#FFFFFF;}
#header_container a.logo	{	background:url(images/logo.gif) no-repeat; width:350px;height:90px;position:absolute; top: 15px;left:30px;text-indent:-1900px;}
#header_container .contactus{	background:#EAEDF5; width:280px;height:85px;position:absolute; top: 17px;right:35px;padding: 2px 10px;}
#header a:hover				{	text-decoration:underline;}

#wrapper 					{	margin: 0 auto;width: 899px;text-align:left;background:#FFFFFF;margin-top:20px;}
#hero						{	background:url(image/hero.jpg) no-repeat top;height: 250px;position:relative;}
#order_form					{	background:url(image/form.gif) no-repeat top;background-color:#FFFFFF;padding: 0 130px 0 130px;}
#content					{	width: 420px;float:left;}
#content a					{	color:#3768AA;}
#content h1					{	font-size: 32px;color:#3768AA;font-weight:normal;padding: 0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; line-height:32px;}
#content h1	span			{	font-family:Georgia, "Times New Roman", Times, serif;}
#content p					{	padding: 10px 0;}
#content #editme ul			{	padding-left: 25px;}
#content_pad				{	width:100px;height:100px;float:left;}
#wrapper_images				{	width:280px;float:left;margin: 30px 0 0 30px;}

/* Main Navigation*/
.main_navigation 			{	width: 900px;position:absolute;left: 0;top: 120px;}
#nav 						{	list-style: none;margin: 0;padding: 0;height: 55px;width: 900px;display: inline;bottom: 0 !important;bottom: -1px;overflow: hidden;position:relative;}
#nav li 					{	margin: 0;padding: 0;display: inline;list-style-type: none;}
#nav a 						{	float: left;height: 55px;overflow: hidden;text-indent: -1000em;}
#nav a:hover 				{	background-position: 0 0;}
.home a 					{	background:url(images/home.jpg) no-repeat bottom;width:77px;}
.about a 					{	background:url(images/about.jpg) no-repeat bottom;width:112px;}
.parents a 					{	background:url(images/parents.jpg) no-repeat bottom;width:102px;}
.educators a 				{	background:url(images/educators.jpg) no-repeat bottom;width:128px;}
.students a 				{	background:url(images/students.jpg) no-repeat bottom;width:115px;}
.programs a 				{	background:url(images/programs.jpg) no-repeat bottom;width:117px;}
.supporters a 				{	background:url(images/supporters.jpg) no-repeat bottom;width:133px;}
.contact a 					{	background:url(images/contact.jpg) no-repeat bottom;width:116px;}
	
/* On state */
#homepage .home a, #aboutpage .about a, #parentspage .parents a, #educatorspage .educators a, #studentspage .students a, #programspage .programs a, #supporterspage .supporters a, #contactpage .contact a {
	background-position: 0 0;
}
.glidecontent h1			{	font-size: 32px;color:#3768AA;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;padding-bottom: 20px;}
.glidecontent h1 a			{	text-decoration:none;}
.glidecontentwrapper		{	position: relative; width: 760px;height: 430px; overflow: hidden;margin: 0 auto;}
.glidecontent				{	position: absolute; background: white;padding: 10px;visibility: hidden;width: 730px;z-index:10;}
.glidecontenttoggler		{	width: 760px;margin-top: 6px;text-align: right;}
.glidecontenttoggler a		{	display: -moz-inline-box;display: inline-block;border: 1px solid #999;color:#999;padding: 3px 7px;margin-right: 6px;font-weight: bold;text-decoration: none;}
.glidecontenttoggler a.selected{	background:#CCC;color:#666;}
.glidecontenttoggler a:hover{	background:#CCC;color:#666;}
.glidecontenttoggler a.toc	{	}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next{}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{background: #1A48A4;color: white;}

.anylinkmenu				{	position: absolute;left: 0;top: 0;visibility: hidden;line-height: 18px;z-index: 1000;background: #9EACD3;width: 123px; font-family:Arial, Helvetica, sans-serif;border: 5px solid #9EACD3;line-height:13px;}
.anylinkmenu ul				{	margin: 0;padding: 0;list-style-type: none;}
.anylinkmenu ul li a		{	width: 100%;display: block;text-indent: 0px;padding: 8px 0;text-decoration: none;color:#2B5083;text-indent: 0;font-size: 10px;}
.anylinkmenu a:hover		{	background: white;}
.anylinkshadow				{	position: absolute;left: 0;top: 0;z-index: 99; background: black;visibility: hidden;}

#footer						{	clear:both;padding: 20px 0 0 0;}
#footer p					{	text-align:center;color:#3768AA;font-size:11px;}
#footer a					{	color:#3768AA;}

/******* Error items *******/
.error{						border: 1px solid #F00; background-color: #FFFFCC;color:#F00;padding: 10px 20px;background-image:url(images/error.jpg); background-repeat:no-repeat;background-position:right;margin: 0 60px 30px 60px;}
.error li{					margin: 0 0 0 10px;padding: 0}
.error ul {					padding: 0; margin: 0 0 15px 20px;}

/* login */
.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1000;
	-moz-opacity: 0.6;
	opacity:.80;
	filter: alpha(opacity=60);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 550px;
	height: 250px;
	padding: 10px;
	border: 10px solid white;
	background-color: #A8B50A;
	z-index:1002;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}