/*  
Author: Lynn Koble
Author URI: http://www.parasee.com/
*/



/* UBER STYLES */
html {font-size: 125%;}

body {font: 50% verdana, arial, helvetica, sans-serif; text-align:center; background: url('images/bg_gradient.png') repeat-x; background-color: #111d41; behavior:url(script/csshover.htc);}

* {margin:0; padding:0;}

img {border: none;}

.floatleft {float:left;}
.floatright {float:right;}

a {text-decoration:underline; color:#8e1210;}
a:visited {color:#8e1210;}
a:hover {color:#8e1210;}
a:active {color:#8e1210;}




/* H TAGS */
h1 {font: 1.4em arial, helvetica, sans-serif; color:#8e1210; letter-spacing: .06em; text-transform: uppercase; padding: 10px 2em 8px 46px; margin: 0; border-bottom: 1px solid #ccc;}
/* #hpcontent h1 {font-size: 1.3em; color:#b01b14; text-transform: uppercase; background-color: #cfdce8; padding: 5px 0 4px 8px; margin: 0 0 .5em 0; border-bottom: 1px solid #ccc;} */
#hpcontent h1 a {text-decoration:none; color:#b01b14;}
#hpcontent h1 a:visited {color:#b01b14;}
#hpcontent h1 a:hover {color:#b01b14; text-decoration:underline;}
#hpcontent h1 a:active {color:#b01b14; text-decoration:underline;}


#contentarea .textwidget h1 {font-size: 1.2em; letter-spacing:.02em; color: #003399;  font-weight: bold; text-transform: uppercase; background: url('images/bg_hp_h1.jpg') repeat-y top left; padding: 5px 0 4px 8px; margin: 0 0 .5em 0;  border-bottom: 1px solid #ccc;}
#contentarea .textwidget h1 a {color:#003399; text-decoration:none; }
#contentarea .textwidget h1 a:visited {color:#003399;}
#contentarea .textwidget h1 a:hover {color:#003399; text-decoration:underline;}
#contentarea .textwidget h1 a:active {color:#003399; text-decoration:underline;}


/* #contentarea .specialwidget h1 {height: 16px; font-size: 1.2em; line-height: 1.4em; letter-spacing:.02em; color: #fff;  font-weight: bold; text-transform: uppercase; background: #fbe7be url('images/bg_specialwidget_h1.jpg') repeat-y top left; padding: 5px 0 4px 8px; margin: 0 0 .5em 0; border-bottom: 0 !important;} */
#contentarea .specialwidget h1 a {color:#fff; text-decoration:none; }
#contentarea .specialwidget h1 a:visited {color:#fff;}
#contentarea .specialwidget h1 a:hover {color:#fff; text-decoration:underline;}
#contentarea .specialwidget h1 a:active {color:#fff; text-decoration:underline;}

h2 {font: 1.3em/1.1em arial, helvetica, sans-serif; color:#313b5a; font-weight:bold; padding: 0 0 .3em 0; margin: 0 0 .5em 0; border-bottom: 1px solid #ccc;}
#listresults h2 {border-bottom: 0;}

h3, h4, h5, h6 {font: 1.2em arial, helvetica, sans-serif; color:#313b5a; font-weight:bold; padding: 0 0 .3em 0; }




/* MAIN CONTAINERS */
#mainwrap {width:900px; margin-left:auto; margin-right:auto; margin-top: 0; text-align:left; background-color:#fff; padding:0 1px 1px 1px; }

#topbanner {width:900px; height:67px; background: url('images/bg_topbanner.png') no-repeat; background-color:#fff;}

#banner {width: 900px; height: 196px; background: #fff; margin: 1px 0 1px 0;}
#banner img {float: left;}
#banner p {text-align: center; font: 15px/24px arial, helvetica, sans-serif; color:#003399; }
.bannerblurb {width:426px; height: 154px; float:left; padding: 38px 30px 0 38px; overflow: hidden; }

#contentarea {width:900px;}
#contentarea.hp {background: none !important;}



/* NAV CONTAINERS */
#globalnav {text-align: right; background: url('images/bg_nav.png') repeat-y; background-color: #88a9c1; border-bottom: 2px solid #7a2022;}




/* LOWER CONTAINERS*/

#hpcontent {width:878px; border:1px solid #ccc; padding: 10px; margin: 0 0 0 0; min-height:220px;}
/* mac hide \*/
* html #hpcontent {height:220px;}
/* end hide */
#hpcolumns {background: #fff url(images/bg_hp_columns.png) repeat-y fixed 50% 0;} /*fixed applies to background-attachment*/


#content {width:900px; float:left; padding: 0 0 10px 0; margin: 0 0 0 1px; min-height:440px; background: url(images/bg_content.png) repeat-x top left;}
/* mac hide \*/
* html #content {height:440px;}
/* end hide */
#content p, p {font:1.1em/1.4em verdana, arial, helvetica, sans-serif; color:#313b5a; letter-spacing:.02em; padding: 0 0 1.2em 0;}
#hpcontent p, #content form {font:1em/1.4em verdana, arial, helvetica, sans-serif; color:#313b5a; letter-spacing:.02em; padding: 0 0 1em 0; margin: 0;}

#content ul {font:1.1em/1.5em verdana, arial, helvetica, sans-serif; color:#313b5a; margin: 0 0 1.5em 1.5em; padding: 0;}
#hpcontent ul, #sidebar2 ul {font:1em/1.5em verdana, arial, helvetica, sans-serif; color:#313b5a; margin: 0 0 1.5em 1.6em; padding: 0;}
#content ul li {margin: 0; padding: .4em 0 0 0; list-style-image: url('images/img_bullet.png'); list-style-position: outside;}
#hpcontent ul li  {margin: 0; padding: 0 0 1em 0; list-style-image: url('images/img_bullet.png'); list-style-position: outside;}


#hpcontent ul li a {color: #313b5a; text-decoration: underline;}
#hpcontent ul li a:visited {color: #898fa3;}
#hpcontent ul li a:hover {color: #898fa3;}
#hpcontent ul li a:active {color: #898fa3;}

#newsletters a {font-size: 1.1em !important; line-height: 2.5em;}


#column1 {width:300px; float:left;  padding: 0 22px 0 0;}
#column2 {width:300px; float:left; padding: 0 0 0 0;}
#sidebar1 {width: 235px; float:left; padding: 0 21px 0 0;}
#sidebar2 {width: 228px; float:left; padding: 10px 0 10px 0;}
#sidebar3 {width: 110px; float:left; padding: 0 20px 10px 0;}
#pagetext {width: 568px; float:left; padding: 24px 40px 10px 46px;}



#footer {width:900px; min-height:21px; background-color:#111d41; margin: 2px 0 0 0;}
/* mac hide \*/
* html #footer {height:21px;}
/* end hide */
#footer p {font:1.1em/1.4em arial, helvetica, sans-serif; color:#969cac; padding: 4px 8px;}
#footer a {text-decoration:none; color:#969cac; font-weight: normal;}
#footer a:visited {color:#969cac;}
#footer a:hover {text-decoration:underline; color:#969cac;}
#footer a:active {text-decoration:underline; color:#969cac;}


#sitemap ul {font-size: 1.1em; margin: 0; padding: 0;}
#sitemap ul li {list-style-type:none; font-weight: bold; text-transform: uppercase; margin-left: 0; padding: 0 0 .7em 0;}
#sitemap ul li a {color: #0c78cd; text-decoration: none;}
#sitemap ul li a:visited {color: #85b9df;}
#sitemap ul li a:hover {color: #85b9df; text-decoration: underline;}
#sitemap ul li a:active {color: #85b9df; text-decoration: underline;}

#sitemap ul li ul li {text-transform: capitalize; padding: 0 0 0 0;}

#sitemap ul li ul li ul li {font-weight: normal; text-transform: capitalize; padding: 0 0 0 0;}
#sitemap ul li ul li ul li a {color: #0c78cd; text-decoration: underline;}
#sitemap ul li ul li ul li a:visited {color: #85b9df;}
#sitemap ul li ul li ul li a:hover {color: #85b9df; text-decoration: underline;}
#sitemap ul li ul li ul li a:active {color: #85b9df; text-decoration: underline;}




/* NEWS & SEARCH RESULTS */

#listresults ul {font-size: 1em; margin: 0; padding: 0;}
#listresults ul li.listwrapper {border-bottom: 1px dotted #b4b4b4; margin: 0 0 1em 0 !important; list-style-type: none; margin: 0;}



/* WIDGETS */

#contentarea .specialwidget {width: 232px; text-align:left; border: 1px solid #2d3b6b; background-color:#fff; margin: 0 0 1.5em 0;}
#contentarea .specialwidget p {font: 1.2em/1.3em arial, helvetica, sans-serif; color:#e2e2e2;  letter-spacing:.02em; padding: 14px 14px;}
#contentarea .specialwidget a {font-size: 1em; font-weight: bold; color:#e2e2e2;}
#contentarea .specialwidget a:visited {color: #e2e2e2;}
#contentarea .specialwidget a:hover {color: #e2e2e2;}
#contentarea .specialwidget a:active {color: #e2e2e2;}
.innerbox  {width: 228px; background: #2d3b6b url('images/bg_specialwidget.png') repeat-x top left; margin: 2px;}

#contentarea .textwidget {width: 99%; text-align:left; background-color:#fff; margin: 0 0 1.5em 0;}
#contentarea .textwidget p {font: 1em/1.4em verdana, arial, helvetica, sans-serif; color:#313b5a; padding: 0 10px 10px 0;}
#contentarea .textwidget a {font-size: 1em; color: #313b5a; text-decoration: underline;}
#contentarea .textwidget a:visited {color: #898fa3;}
#contentarea .textwidget a:hover {color: #898fa3;}
#contentarea .textwidget a:active {color: #898fa3;}

#contentarea .quotewidget {width: 99%; text-align:left;}
#contentarea .quotewidget p {font: 1.4em/1.7em Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; color:#8b9ea4; padding: 50px 24px 10px 34px;}




/* FORMS */
.inputbox {width: 85%; font: 1em/1em verdana, arial, helvetica, sans-serif !important; color:#313b5a; border: 1px solid #d6d6d6; background-color:#fff; padding: 3px 6px;}


.submitButton input { /* BEN, this is from fairsent... */
	background-image:url(images/img_button_submit.png);
	background-position:0 0;
	background-repeat:no-repeat;
	border:0 none;
	height:23px;
	margin:7px 30px 0 0;
	outline-color:0;
	outline-style:none;
	outline-width:0;
	width:87px;
}

.submitButton2 input { /* BEN, this is my own mad addition... */
	background-image:url(images/img_button_signin.png);
	background-position:0 0;
	background-repeat:no-repeat;
	border:0 none;
	margin:7px 20px 0 0;
	outline-color:0;
	outline-style:none;
	outline-width:0;
	width:87px; 
}


/* MISC SPECIAL TYPE STYLES */
small {font: 1em arial, helvetica, sans-serif; color:#b4b4b4; padding: 0 0 .3em 0; }
.answer {padding: 10px 20px; margin: 10px 0; background-color: #dee7ef;}
			
			

			
/* GLOBAL NAV */			

/* start horizontal menu */
#listmenu {
	width:100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	text-align: center;
	font: 1em arial, helvetica, sans-serif;
	letter-spacing:.04em; 
	text-transform: uppercase;
	background: url('images/bg_nav.jpg') repeat-x; 
	background-color: #b01b14;
	}
#listmenu ul {margin:0 0 0 0; /* indents ul from edge of container. if add this back, you must add in IE hack. see pg 193.*/
	}
#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;
	border-right: 1px solid #8e1210; 
	}
#listmenu li:hover { 
	background-color:#8e1210; 
	}
#listmenu a {
	display:block;
	font-weight: bold;
	padding: 6px 20px; 
	text-decoration:none;	
	color:#fff;	
	}
#listmenu a:visited {color:#fff;}
#listmenu a:hover {color:#fff;}
/* end horizontal menu */


/* the drop-down starts here */
#listmenu ul li ul {
	margin: 0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width: 210px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu*/
	padding-right: 1px; 
	background-color:#efefef;
	border-bottom: 1px solid #d8d8d8;
	}

#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-top: 1px dotted #999;
	padding: 0;
	text-align: left;
	text-transform: capitalize;
	font-size: 1.1em;
	letter-spacing: 0;
	}

#listmenu ul li ul li:first-child {border-top: none;}
#listmenu ul li ul li.firstChild {border-top: none !important;}
/* BEN, I need your help with properly inserting this javascript. It's to apply a class of firstChild to elements to fake the first-child pseudo-selector for IE6:
		
$(document).ready(function() {
	$('#listmenu > li:first')
		.addClass('firstChild')
	;
}
 */
		
#listmenu ul li ul li:hover {background-color:#d8d8d8;} 
.hoverOverride {background-color:#efefef;}

#listmenu ul li ul li a {font-weight: bold; color:#b01b14;}
#listmenu ul li ul li a:visited {color:#b01b14;}
#listmenu ul li ul li a:hover {color:#8e1210;}
#listmenu ul li ul li a:active {color:#8e1210;}


/*third level*/
#listmenu ul li ul li ul {
	margin: 0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position: relative;
	}

#listmenu ul li ul li ul li {
	border-left: 1px solid #d8d8d8;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	padding: 0 0 1px 0;
	text-align: left;
	text-indent: 1.1em;
	text-transform: capitalize;
	font-size: 1em;
	}
		
#listmenu ul li ul li ul li a {font-weight: normal; color:#b01b14;}
#listmenu ul li ul li ul li a:visited {color:#b01b14;}
#listmenu ul li ul li ul li a:hover {color:#8e1210;}
#listmenu ul li ul li ul li a:active {color:#8e1210;}

	
/* make the drop-down display as the menu is rolled over */
#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
#listmenu ul li:hover ul {display:block;} /* shows the drop-down when the menu is hovered */





/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html #listmenu ul {
	float:left; /* makes the ul wrap the li's */
	/* border-left: 1px solid #a84023;  adds the rightmost menu vertical line to the ul in AS */
	/* margin-left:40px;  IE doubles the given value above - why? in AS */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  #listmenu ul li ul {
	/* border-top:1px solid #eda477; in AS */
	/* border-left:0px;  stops the drop inheriting the ul border in AS  */
	}

/* end of hack zone */



/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */