/*GLOBAL START*/
html,body
	{margin:0;padding:0}
body
	{font: 62.5% verdana, helvetica, arial,sans-serif;
	text-align:center;
	background: url('images/top_fade.png') repeat-x top #17214C;}
p
	{margin:0 10px 10px}
a
	{color: #364CB3;
	padding:10px;
	text-decoration: none;}
a:hover {text-decoration: underline;
color: #364CB3;}
#container
	{text-align:left}
#container
	{width:750px;margin:0 auto}
/*GLOBAL END*/

/*HEADER START*/
#header
	{background: url('images/top_bg.jpg') no-repeat top #000;
	height: 200px;
	color: #fff;}
#header a
{display: inline;
color: #fff;
padding: 0px;
margin: 0px;
}
#toplinks
{width: 700px;
text-align:right;
margin:0 auto;
padding-top: 10px;
}

/*CONTENT START*/
#content
	{float:left;width:555px; color: #fff;}
#content p
	{line-height:1.4}
/*CONTENT END*/

/*BOXES START*/
#box1, #box2, #box3 {
width: 555px;
color: #666;
}

#box1 {
background: url('images/Box1_Top.png') no-repeat top #fff;
}

#box2, #box3{
background: url('images/Box2_Top.png') no-repeat top #fff;
margin-top: 15px;
}

#box_footer, #box_footer2, #box_footer3 
{background: url('images/Box_Bottom.png') no-repeat bottom #fff;
height: 20px;
clear: left;}

#box1 h1, #box2 h1, #box3 h1
{color: #1F2D66;
font-size: 2.8em;
letter-spacing: -2px;
line-height: 24px;
margin: 0 10px 0 20px;
}

#box1 h2, #box2 h2, #box3 h2
{color: #000;
font-size: 2.1em;
letter-spacing: -1px;
line-height: 20px;
margin: 10px 10px 0 20px;
font-weight: normal;
}

#box1 h2 a, #box2 h2 a, #box3 h2 a
{color: #000;
}

#box1 h2 a:hover, #box2 h2 a:hover, #box3 h2 a:hover
{color: #364CB3;
}

#box1 h3, #box2 h3, #box3 h3
{color: #fff;
font-size: 1.2em;
letter-spacing: 0px;
line-height: 10px;
margin: 0px 10px 4px 21px;
padding-top: 18px;
text-transform: uppercase;
font-weight: normal;
}

#box1 h4, #box2 h4, #box3 h4
{color: #1F2D66;
font-size: 1.7em;
letter-spacing: -1px;
line-height: 16px;
margin: 10px 10px 0 20px;
}

#box1 p, #box2 p, #box3 p, #box1 ul, #box2 ul, #box3 ul, #box1 ol, #box2 ol, #box3 ol
{color: #333;
font-size: 1.3em;
line-height: 18px;
margin: 10px 30px 4px 21px;
font-weight: normal;
}

#box1 ul, #box2 ul, #box3 ul, #box1 ol, #box2 ol, #box3 ol
{
margin: 10px 15px 4px 20px;
padding: 0px;
}

#box1 li, #box2 li, #box3 li
{
margin-left: 20px;
padding-left: 0px;
}

#box1 img, #box2 img, #box3 img
{border: 0px;
float: right;
margin:10px;
padding: 0px;
}

#box1 a, #box2 a, #box3 a
{display: inline;
padding: 0px;
margin: 0px;
}

/*DROPDOWNS*/
#nav, #nav ul, #nav2, #nav2 ul, #nav3, #nav3 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a, #nav2 a, #nav3 a {
	display: block;
	width: 15em;
	color: #666;
	text-decoration: none;
	border: 1px solid #ccc;
	border-top: 0px solid #ccc;
	background: #fff;
	font-weight: bold;
	padding: 5px 0 5px 30px;
}

#nav a:hover, #nav2 a:hover, #nav3 a:hover {
color: #fff;
background: #1F2D66;
}

#nav li, #nav2 li, #nav3 li { /* all list items */
	float: left;
	width: 15em; /* width needed or else Opera goes nuts */
	margin: 0;
	padding: 0;	
	font-size: 1em;
	}
a#dropdown_top, a#dropdown_top:hover, a#dropdown_top2, a#dropdown_top2:hover, a#dropdown_top3, a#dropdown_top3:hover{
background: url('images/dropdown_bg.png') no-repeat left center #fff;
color: #333;
border: 1px solid #ccc;
font-size: 1em;
font-weight: bold;
width: 15em;
padding: 5px 10px 5px 30px;
margin: 3px;}

a#dropdown_top:hover, a#dropdown_top2:hover, a#dropdown_top3:hover
{color: #1F2D66;
border: 1px solid #aaa;}


#nav li ul, #nav2 li ul , #nav3 li ul { /* second-level lists */
	position: absolute;
	background: white;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-size: 1em;
}

#nav li ul ul, #nav2 li ul ul, #nav3 li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 8em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul, #nav2 li:hover ul ul, #nav2 li.sfhover ul ul, #nav3 li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul , #nav3 li:hover ul, #nav3 li li:hover ul, #nav3 li.sfhover ul, #nav3 li li.sfhover ul  
{ /* lists nested under hovered list items */
	left: auto;
	}

/*End DropDowns*/

/*BOXES END*/

/*NAV Start*/
#navigation
	{float:right;
	width:181px;
	padding: 10px 0px 10px 0;}

#navigation img
{border: 0px;
float: right;
margin:0px;
padding: 0px;
}
#navigation ul
{list-style-type: none;
display: block;
margin: 40px 0 0 10px;
padding: 0px;
width: 150px;
}
#navigation li
{list-style-type: none;
margin: 0px;
padding: 0px;
}
#navigation a {
color: #ddd;
text-decoration: none;
text-transform: uppercase;
font-size: 1.2em;
letter-spacing: 1px;
display: block;
}
a#navgation1 {background: url('images/nav1.png') no-repeat ; border-bottom: 1px #666 solid; width: 141px; line-height: 15px;}
a#navgation2 {background: url('images/nav2.png') no-repeat; border-bottom: 1px #666 solid; width: 141px; line-height: 15px;}
a#navgation3 {background: url('images/nav3.png') no-repeat; border-bottom: 1px #666 solid; width: 141px; line-height: 16px;}
a#navgation4 {background: url('images/nav4.png') no-repeat; border-bottom: 1px #666 solid; width: 141px; line-height: 17px;}
a#navgation5 {background: url('images/nav5.png') no-repeat; width: 141px; line-height: 20px;}

a#navgation1:hover{background: url('images/nav1_on.png') no-repeat; border-bottom: 1px #ccc solid; color: #fff;}
a#navgation2:hover {background: url('images/nav2_on.png') no-repeat; border-bottom: 1px #ccc solid; color: #fff;}
a#navgation3:hover {background: url('images/nav3_on.png') no-repeat; border-bottom: 1px #ccc solid; color: #fff;}
a#navgation4:hover {background: url('images/nav4_on.png') no-repeat; border-bottom: 1px #ccc solid; color: #fff;}
a#navgation5:hover {background: url('images/nav5_on.png') no-repeat; color: #fff;}

/*NAV End*/
	
/*EXTRA Start*/
#extra
	{margin-top: 20px;}
#extra
	{padding: 0px 0 0 0;
	float:right;clear:right;width:181px}
#extra h3
{color: #ddd;
text-decoration: none;
text-transform: uppercase;
font-size: 1.2em;
letter-spacing: 1px;
font-weight: normal;
line-height: 12px;
margin-left: 9px;
padding: 0 10px 8px 10px;
background: url('images/More_Opp.png') no-repeat top center;
width: 141px; }
/*EXTRA END*/	

/*FOOTER Start*/
#footer
	{background: url('images/Footer_Transition.png') repeat-x top #ccc;
	color: #1F2D66;
	height: 80px;
	padding: 25px 0px 0 0;}
#footer
	{clear:both;width:100%;text-align:center;}
#footer p
	{margin:0;padding:5px 10px}
	
#footer_content
{width: 700px;
text-align:center;
margin:0 auto;
padding: 0px 75px 0 0;
}

#footer a
{color: #364CB3;
padding: 0px;
margin: 0px;
}

#footer a:hover
{color: #2E4399;
}
	
/*FOOTER End*/

/*new event lists*/

#dates1, #dates2, #dates3
{padding-left: 10px;
}

#events1, .events
{padding-left:80px;
margin-left:80px;
list-style-type: disc;
}

#events1 li, #events2 li, #events3 li, .events li
{width: 210px;
float: left;
padding: 0 10px 5px 10px;
margin: 0 0 0 10px;
font-size: 1em;
}

#events1 li li, #events2 li li, #events3 li li, .events li li
{width: 180px;
float: left;
padding: 0;
margin: 0;
font-size: .8em;
}
#events1 li ul, #events2 li ul, #events3 li ul, .events li ul
{margin: 0 0 0 14px;
padding:0;
}
