/* Layout */
#main_container { width: 770px; max-width: 770px; margin: 0; }
#header { position: relative; height: 100px; }
#header h1 { color:#006EA7;font-size:18px;left:120px;margin:0;position:absolute;top:35px;font-family:Verdana,Arial,Helvetica,sans-serif; }

#content_left{ float: left; clear:left; width: 152px;}
#content_middle{ position: relative; float: left; width: 408px; margin: 0px; border-left: 1px solid #5E8696; border-right: 1px solid #5E8696; border-bottom: 1px solid #5E8696; margin-bottom: 10px;  padding: 5px; }
#content_main{ position: relative; float: left; width: 748px; margin: 0px; border-left: 1px solid #5E8696; border-right: 1px solid #5E8696; border-bottom: 1px solid #5E8696; margin-bottom: 10px;  padding: 5px; }
#content_right{ position: relative; float: left; width: 160px; margin: 0 4px; padding: 10px;}
#content{ max-width: 780px; z-index: 3; }
#footer{ clear: both; background-image: url(../images/footer_border.gif); background-repeat: no-repeat; padding-top: 10px; text-align:right; padding-right: 10px; }

/* Global Styles */

img{ border: none; }
body, td, h1, h2,h3,h4 {
	font: Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#40474E;
}
a, a:hover, a:active, a:visited 
{
	text-decoration: none; 	color:#666666;
}
	
	
	
/* Left Navigation */


.current_section 
{
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-transform: lowercase;
	border-bottom: 1px solid #83C3EC;
	width: 130px;
	/* margin-left: 15px; */
	margin-left: 0px;
	padding-bottom:  3px;
	text-indent: 7px;
}

.level_one_links {
	list-style-type: none;
	border-left: 1px solid #83C3EC;
	/* margin: 0 0 0 15px; */
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 8px;

}

.level_one_links li a
{
	font-size: 12px;
	font-weight: bold;	
}

.level_one_links li
{
	padding: 5px 10px 0 0;

}

	.level_two_links
	{
		font-size: 10px;
		font-weight: bold;
		list-style-type: none;
		text-indent: -40px;
	}
	
	.level_two_links li a 
	{
		font-size: 10px;
		font-weight: bold;
	}


	.level_two_links li.selected
	{
		background-image: url(../images/blue_menu_arrow.jpg);
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 10px;

	}
		


/*  LHS Left Hand Side */
/*LHS_H1: Heading: 12 over 2, bold, 6 para above, 2 para below
LHS_T1: text: 10 over 2, 4 para below

RHS
RHS_H1: Heading: 10 over 1, bold, 2 para below
RHS_HOr: Heading (orange) r64, g71, b79, rest as above
RHS_T1: Text: 10 over 11, 6 para below

Content pages
C_I1: Intro para: 15 over 5, 6 para sp below
C_I2: intro para: 14 over 5, 6 para sp below
C_H1: subhead: 10 over 4, bold, 5 para sp below
C_H2: subhead: 10 over 4, bold, 5 para sp below, 5 para sp above
C_H3: subhead: 10 over 3, bold, 3 para sp below
C_H4: subhead:  10 over 3, bold, 3 para sp below, 5 para sp above
C_T1: text: 10 over 4, 5 para sp below
C_T2: text: 10 over 3, 3 para sp below

Side Navigation
SN_H1: Section heading: 11 over 2, bold, r0, g0, b0
SN_H2: Section heading: 10 over 4, bold, 6 para above
SN_SS1: Sub-section: 10 over 2, 2 para sp below
-------------------------------------------


*/


#top-nav, .top-nav-sub { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	z-index: 100;
}

#top-nav li, .top-nav-sub li { 
	float: left;
	position: relative;
	margin: 0 1px;

}


#top-nav li .top-nav-sub  { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

#top-nav li>.top-nav-sub ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#top-nav li:hover .top-nav-sub, #top-nav li.over .top-nav-sub { /* lists nested under hovered list items */
	margin-top: 15px;
	display: block;	
}

ul.top-nav-sub li {
	background-color: #A3DCF4;
	display: block;
	float: left;
	width: 79px;
	border-bottom: 1px solid white;
	font-size: 10px;
	line-height: 14px;
	text-transform: lowercase;
	padding-left: 10px;

}