@import url(reset.css); 
@import url(/css/main/general.css); 
/* ^^above^^ The browser equalizer followed by general site rules that I created */

body { 
color: #000; 
background: #f3f6fb; 
margin-bottom: 50px; 
}

h1, h2, h3, h4 { color: #3073b7; }

h2.title { 
color: #579fd2; 
font-size: 20px; 
font-weight: normal; 
border-bottom: 1px dotted #579fd2; 
padding-bottom: 5px; 
margin-bottom: 5px; 
}


a { color: #3073b7; }
a:link { color: #3073b7; }
a:visited { color: #00248c; }
a:hover, a:active { color: #cc6600; }


.gray {
background-color: #d5e5f5;
}


#container { 
background: #f3f6fb url('/images/main/container_bg.gif') repeat-y; 
width: 784px; 
margin: 0px auto; 
padding: 0px 4px; 
position: relative; 
}


#header { 
background-repeat: no-repeat; 
background-position: top right; 
}
#header h1 { 
background-image: url('/images/main/logo.gif');
background-repeat: no-repeat; 
width: 223px; 
height: 100px; 
text-indent: -9999px; 
}


#top-bar { 
background: #fff url('/images/main/topBar_bg.gif') repeat-x; 
height: 30px; 
padding: 21px 25px 0px 195px; 
text-align: right;
}


#main { 
background: #fff url('/images/main/main_bg.gif') repeat-y; 
position: relative; 
}
body.idx #main { 
background: #fff url('/images/main/main-idx_bg.gif') repeat-y; 
}


#search { 
background: #458cc7; text-align: center; 
}
#search h2 { 
background: #fff url('/images/main/search_bg.gif') no-repeat; 
height: 32px; 
text-indent: -9999px; 
margin: 0px -3px 0px -2px; 
}
#search .search-submit { 
border: none; 
margin: 5px 0; 
}


#navigate { 
margin: 0px; 
padding: 0px; 
z-index: 100;
}
#navigate li { 
list-style: none outside; 
position: relative; 
border-top: 1px solid #4e9bd0; 
border-bottom: 1px solid #8dc8ea; 
display: block; 
z-index: 100;
}
#navigate li a:link, #navigate li a:visited { 
color: #000; 
display: block; 
background: #68b9e6; 
font-weight: bold; 
text-decoration: none; 
padding: 12px 14px 8px 14px;
z-index: 100;
}
#navigate li a:hover, #navigate li a:active { 
background: #8dc8ea; 
z-index: 100;
}
#navigate ul {
margin-left: -20px; 
padding-left: 20px;
z-index: 100;
}
#navigate ul li { 
border-top: none; 
border-bottom: none; 
z-index: 100;
}
#navigate ul li a:link, #navigate ul li a:visited { 
color: #00428c; 
padding: 2px 19px; 
font-weight: normal; 
z-index: 100;
}
#navigate ul li a:hover, #navigate ul li a:active { 
background: #8dc8ea; 
display: block;
z-index: 100;
}
#navigate ul.flyout { 
display: none; 
background: #458cc7; 
position: absolute; 
top: -20px; 
left: 190px; 
width: 230px; 
padding: 0px;
border: 1px solid #458cc7;
z-index: 100;
}
#navigate ul.flyout a:link, #navigate ul.flyout a:visited { 
font-weight: bold; 
border: 1px solid #458cc7; 
z-index: 100;
}
#navigate ul.flyout a:hover, #navigate ul.flyout a:active { 
background: #8dc8ea; 
z-index: 100;
}
#navigate li:hover ul.flyout { 
display: block; 
z-index: 100;
}

#navigate li.featured ul li{
display: block; 
margin: 0px;
padding: 0px;
border: none;
border-top: 1px dashed #5C9FD7;
}
#navigate li.featured a{
display: block; 
}
#navigate li.featuredend a{
border-bottom: 1px dashed #5C9FD7;
}

/* Start Sub-Menu Flyout  */

	#navigate2 ul {}
	#navigate2 ul li { 
	border-top: none; 
	border-bottom: none;
	}
	#navigate2 ul li a:link, #navigate2 ul li a:visited { 
	color: #00428c; 
	font-weight: normal; 
	border: none;}
	#navigate2 ul.flyout_sub { 
	list-style: inside disc;
	display: none; 
	background: #458cc7; 
	position: absolute; 
	top: -20px; 
	left: 190px; 
	width: 230px; 
	padding: 0px; 
	border: 1px solid #458cc7;
	}
	#navigate2 ul.flyout_sub a:link, #navigate ul.flyout_sub a:visited { 
	font-weight: bold; 
	border: 1px solid #458cc7;
	}
	#navigate2 ul.flyout_sub a:hover, #navigate ul.flyout_sub a:active { 
	background: #8dc8ea; 
	}
	#navigate2 li:hover ul.flyout_sub { 
	display: block; 
	}
	
/* End Sub-Menu Flyout  */


/* Menu Column Specs */

#colLeft { 
width: 175px; 
float: left; 
margin-top: -28px; 
}
#colLeft .padding { 
padding: 0px 3px 0px 2px; 
}

/* End Menu Column Specs  */


/* Index Right Column Specs  */

#colRight { 
background: #fff url('/images/main/content_bg.gif') repeat-x; 
width: 199px; 
float: right;
vertical-align: top;
}
#colRight .padding { 
padding: 0px 15px; 
margin: 25px 0px; 
}

/* End Index Right Column Specs  */


/* Index Center Column & General Column Specs  */

.column { 
float: left; 
}
.col50 { 
width: 45%; 
padding-right: 20px; 
}
.last { 
padding-right: 0px; 
}

/* End Index Center Column & General Column Specs  */


#content { 
background: #fff url('/images/main/content_bg.gif') repeat-x; 
margin: 0px 200px 0px 175px; 
display: block; 
}
#content .floatfix { 
display: table; 
height: 1%; 
width: 100%; 
margin: 0px; 
padding: 0px; 
}
#content .padding { 
padding: 25px 20px; 
}
#content ul, #content ol {
margin-left: 35px !important;
margin-left: 40px;
}


body.noRight #content { 
margin-right: 0px; 
}
body.noLeft #content { 
margin-left: 0px; 
}


#footer { 
background: #fff url('/images/main/footer_bg.gif') repeat-y; 
padding: 20px 10px 20px 200px; 
border-top: 1px solid #aed5f1; 
border-bottom: 2px solid #ccc; 
text-align: center; 
display: block; 
}
#footer a:link, #footer a:visited { 
font-size: smaller; 
text-decoration: none; 
padding: 0px 0px; 
}
#footer a:hover, #footer a:active { 
text-decoration: underline; 
}


a.alt:link, a.alt:visited { 
color: #000; 
text-decoration: none; 
}
a.alt:hover, a.alt:active { 
color: #cc6600; 
text-decoration: underline; 
}
ul#alt {
margin: 0px 10px;
padding: 0px 0px !important; padding: 0px 10px;
border:0;
vertical-align:baseline;
}
ul.alt {
margin: 0px 10px;
padding: 0px 0px !important; padding: 0px 10px;
border:0;
vertical-align:baseline;
}


.clear-block:after { 
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden; 
}
.clear-block { 
display: inline-block; 
}


.clearance { 
clear: both; 
height: 1px; 
margin: 0px; 
padding: 0px; 
margin-top: -1px; 
font-size: 0px; 
line-height: 0px; 
}


hr.dotted { 
color: #fff; 
background: #fff; 
margin: 15px 0px; 
border: none; 
border-bottom: 1px dashed #000; 
}


.hide-dots { 
position: absolute; 
background: #fff url('/images/main/content_bg.gif') repeat-x; 
width: 50px; 
height: 10px; 
top: 151px; 
left: 550px;  
}


/* Start Additional Sitewide Styles  */
/* Additional Sitewide Styles are now handled by general.css  */
/* End Additional Sitewide Styles  */
