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

*						{	margin: 0px;padding: 0px;font-family: Helvetica, Arial, sans-serif;}
body 					{	text-align: center;background:url(images/main_bg.jpg) repeat-x center top;padding: 0 !important;padding-right: 1px;}
a:focus 				{	outline: none;}
a 						{	text-decoration: none;}
a img					{	border-style: none;}
a:hover 				{	text-decoration: none;}
image 					{	border: none;}

/* Main Layout Items */
#wrapper 				{	margin: 0 auto;width: 722px;text-align: left;}
#masthead 				{	height: 72px;background:url(images/h_header.jpg);position:relative; margin-top: 60px;}
#masthead .logo a		{	width:159px; height:72px; background:url(images/logo.gif) no-repeat; float:left; text-indent: -2000px;}
#masthead .nav			{	width:563px; height:72px; background:url(images/logo2.gif) no-repeat; float:right;}
##masthead .nav ul		{	list-style:none; }
##masthead .nav li		{	list-style:none; display: inline; padding: 0 15px 0 0;}
##masthead .nav li a		{	font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#333;}
##masthead .nav li a:hover{	color:#738FB0}
#masthead .nav li a#select{	color:#738FB0}
#masthead .contactus	{	width:280px;height:85px;position:absolute; top: -30px;right:0px;padding: 2px 10px;}

#img_nav				{	width: 479px; float:left; height:318px; margin-top: 20px;}
#img_nav li				{	display:inline; list-style: none;}
#img_nav li a			{	width: 158px; height:159px; text-indent:-2000px; display:block; float:left;}
#img_nav li a.img_about	{	background:url(images/mainnav_about.jpg) no-repeat}
#img_nav li a.img_parents{	background:url(images/mainnav_parents.jpg) no-repeat}
#img_nav li a.img_youth	{	background:url(images/mainnav_youtheducators.jpg) no-repeat}
#img_nav li a.img_resources{	background:url(images/mainnav_resources.jpg) no-repeat}
#img_nav li a.img_events{	background:url(images/mainnav_events.jpg) no-repeat}
#img_nav li a.img_contact{	background:url(images/mainnav_contact.jpg) no-repeat}
#img_nav li a:hover		{	background-position:bottom;}
#on_home				{	background:url(images/on-home.jpg) no-repeat; width:240px; height:323px; float:right; margin-top: 20px; }
.dropdown				{	text-align:center;}

#rt_panel				{	width:240px; height:495px; float:right; margin-top: 20px; }

#sm_nav ul				{	margin-top: 324px; margin-left: 2px;}
#sm_nav li				{	display:inline; list-style: none; }
#sm_nav li a			{	width: 79px; height:81px; text-indent:-2000px; display:block; float:left;}
#sm_nav li a.sm_home	{	background:url(images/smnav_home.jpg) no-repeat}
#sm_nav li a.sm_about	{	background:url(images/smnav_about.jpg) no-repeat}
#sm_nav li a.sm_parents{	background:url(images/smnav_parents.jpg) no-repeat;}
#sm_nav li a.sm_youtheducators	{	background:url(images/smnav_youtheducator.jpg) no-repeat}
#sm_nav li a.sm_resources{	background:url(images/smnav_resources.jpg) no-repeat}
#sm_nav li a.sm_currentevents{	background:url(images/smnav_events.jpg) no-repeat}
#sm_nav li a.sm_contact{	background:url(images/smnav_contact.jpg) no-repeat}
#sm_nav li a:hover		{	background-position:bottom;}

uyyyl.sf-menu ul			{	position: absolute; top:-45px; left:0; background:#fff; display:none; cursor:pointer; border:#738FB0 solid 1px}
utttl.sf-menu li			{	position:relative;}

#content				{	width: 459px; float:left; margin-top: 20px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#content h1				{	font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic; font-size:34px; color: #728EB0; padding-bottom:10px;}
#content p				{	font-size: 12px; color:#333; font-family:Arial, Helvetica, sans-serif; padding: 8px 0;}
#content strong			{	font-size: 12px; color:#333; font-family:Arial, Helvetica, sans-serif; padding: 8px 0;}
#content ul				{	margin:0; padding:0;}
#content ol				{	margin:0; padding:0;}
#content li				{	font-size: 12px; color:#333; font-family:Arial, Helvetica, sans-serif; margin: 0 0 0 30px; padding: 5px 0;}
#content h3				{	font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic; font-size:18px; color: #728EB0; padding: 15px 0 5px 0;}
#content a				{	color: #728EB0; }
.links					{	padding-right:17px; background:url(images/arrow.gif) no-repeat right center; font-weight:bold;}

#content .clickme		{	padding: 0 0 0 15px; background:url(images/arrow-off.gif) no-repeat left center; cursor:pointer; font-size:12px;  font-weight:bold;margin: 10px 0 5px 0;}
#content .arrow-off		{	padding: 0 0 0 15px; background:url(images/arrow-off.gif) no-repeat left center;cursor:pointer; margin: 10px 0 5px 0;}
#content .active		{	padding: 0 0 0 15px; background:url(images/arrow-on.gif) no-repeat left center;cursor:pointer; margin: 10px 0 5px 0;}
.open_content			{	display:none;}


#footer_home			{	clear:both;padding-top:20px;}
#footer_home p			{	font-size:11px; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#333; line-height:18px;}
#footer_home span		{	font-size:34px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#728EB0; font-weight:normal; display:block; margin-bottom:10px;}
#footer 				{	clear:both; text-align:center; padding-top: 10px; border-top: 1px solid #999; margin-top:30px; display:block;}
#footer p				{	font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999;}
#footer a				{	color:#999; }

/******* Error items *******/
#content .error			{	border: 1px solid #F00; background-color: #FFFFCC;color:#F00;padding: 10px 20px;margin: 10px 0;}
#content .error li		{	margin: 0 0 0 10px;padding: 0; color:#F00}
#content .error ul 		{	padding: 0; margin: 0 0 15px 20px; color:#F00}
#content .error strong 	{	color:#F00}

/*** Menu Drop down ***/
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; margin-top:50px;}
ul.dropdown li                      { list-style:none; display: inline; padding: 0 15px 5px 0;color:#333; }
ul.dropdown a:hover		            { color:#738FB0 }
ul.dropdown a:active                { }
ul.dropdown li a                    { font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#333; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative;color:#738FB0 }
ul.dropdown li.hover a              { }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ visibility: hidden; position: absolute; top: 22px!important; top: 18px; left: 0; background:#FFF; border:1px solid #999; padding:3px 0;}
ul.dropdown ul li 					{ border-bottom: 1px solid #ccc; float: none; display:block; padding:2px 7px; margin: 0 10px;color:#333;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;  font-size:11px;color:#333;} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }