/***********************************************/
/* HTML tag styles                             */
/***********************************************/
html, body {
	margin: 0;
	padding: 0;	
    font-family: Arial, Helvetica, sans-serif; font-size:12px;
	background:  url(../images/mainBG.gif);
	text-align: center;	
	height:100%;	
}

hr {color: #00148E;
 	border-style: solid;
  	line-height: normal; 
	width:141px; 
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 10px 0; /*this will align it left for Mozilla*/
}
	

/* defines font size, font family, and color for basic HTML elements */
p, td, ul, ol, li, dl, dt, dd, blockquote { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000; }



/* sets colors and underlining for regular links; since all links are underlined we don't have to declare this on subsequent custom link classes */
a:link { color: #960C0A; text-decoration: underline; }
a:visited { color: #960C0A; text-decoration: underline; }
a:hover { color: #404FAA; text-decoration: underline; }
a:active { color: #960C0A; text-decoration: underline; }

/************** header tag styles **************/

h1{
 font: bold 14px Arial,sans-serif;
 color: #960C0A;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 12px Arial,sans-serif;
 color: #404FAA;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 10px Arial,sans-serif;
 color: #404FAA;
 margin: 0px;
 padding: 0px;
}



/***********************************************/
/* Content Layout Divs                         */
/***********************************************/
#pagecell1{
	margin: 0px auto;
	text-align: left;
	position:relative;	
	left: 0px;
	right: 0px;
	width:781px;
	background-color: #ffffff;
}

#masthead{
	height: 88px;
	margin: 0;
	padding: 0;
	background-image: url(../images/header.gif);
	z-index: 1;
}

#content{
	margin: 15px 10px 0px 0px;
	}
* html #content{margin: 10px 0px 0px 0px;}/* IE6 workaround */
/***********************************************/
/* Component Divs                              */
/***********************************************/
#logo img{
	position: absolute;
	height: 123px;
	width: 75px;
	top: 10px;
	left:10px;
	z-index: 2;
}

/************** sign-up c-news styles *****************/

#searchBox{
	position: absolute;
	top: 20px;
	right: 10px;
	font: bold 10px Arial,sans-serif;
}

#utilityNav{
	position: absolute;
	top: 5px;
	right: 10px;
	font: bold 10px Arial,sans-serif;
}


/************** rotating image styles ****************/
#midSection{
	margin: 10px 0px 0px 98px;
	z-index: 2;
	background-color: #FFFFFF;
	width:504px;
	float: left;
	}
	
*html #midSection { margin: 10px 0px 0px 50px; }

/************ Main Navigation **************/

/* begin styles for nav popouts */
#nav, #nav ul {
	padding-left: 98px;
	padding-top: 67px;
	margin: 0;
	list-style: none;
	z-index: 2;	
	/* end functional-necessary attributes, begin prettying it up */
	
}
/* dropdown box */
#nav a {
	display: block;	
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #424DAD;	
	font-size: 10px;
	z-index: 2;	
	}
	
#nav li { /* all list items */
	float: left;/* starts lists from top left of element */
	width: 150px; /* width needed or else items go across to end of screen; pushes each sub item on its own line */	
	position: relative;/* keeps items flowing next to each other, not on top of each other */
	/* end functional-necessary attributes, begin prettying it up */		
	padding-left: 0;
	margin: 0;
	margin-left: 0;
	z-index: 2;
}

/* need to override with of 150px above if you don't override, it does not space the buttons correctly*/
#nav li#aboutli {width: 94px; }
#nav li#joinli {width: 86px;}
#nav li#govtrelationsli {width: 144px;}
#nav li#newspubsli {width: 132px;}
#nav li#eventsli {width: 56px;}
#nav li#securityli {width: 65px;}
#nav li#industryli {width: 106px;}


ul#nav li ul li {
border-bottom: 1px solid #fff;
padding: 0;
}

/* this is not necessary for nav drop-downs-- prettying it up */
ul#nav li ul li a {
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	}
/* this is not necessary for nav drop-downs-- prettying it up */
#nav li li a:hover {
	color: #FFFF99;
	background-color:#00148E;	
}
#nav li ul {
	position: absolute;
	background-color:#424DAD;
	width: 150px;
	left: -999em;
	padding: 0px 0px 0px 0px;	
	}
#nav li ul li{text-align: left;}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}
li:hover ul, li.over ul { /* lists nested under hovered list items */
	
	/* end functional-necessary attributes, begin prettying it up */
	background-color:#FFF;
}

#nav li#joinli ul ul { /* third-and-above-level lists */
	margin: -25px 0 0 150px;
	border-left:1px solid white;
}
#nav li#govtrelationsli ul ul { /* third-and-above-level lists */
	margin: -25px 0 0 150px;
	border-left:1px solid white;
}
#nav li#newspubsli ul ul { /* third-and-above-level lists */
	margin: -25px 0 0 150px;
	border-left:1px solid white;
}

#nav li#eventsli ul ul { /* third-and-above-level lists */
	margin: -25px 0 0 150px;
	border-left:1px solid white;
}

#nav li#newspubsli ul ul { /* third-and-above-level lists */
	margin: -25px 0 0 150px;
	border-left:1px solid white;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/***********************/

/*************** END NAV ******************/


#sideAd{
	float: right;
	width:141px;
	margin: 10px 15px 10px 0px;
}

* html #sideAd {width:141px; padding-top: 0px; margin: 10px 10px 10px 0px; }/* IE6 workaround */


/*************** story styles ******************/


#storyLeft{
	float: left;
	padding: 10px 10px 10px 98px;		
	width: 200px;	
	font-size: 12px;

}
* html #storyLeft {padding: 10px 10px 10px 98px;}/* IE6 workaround */

#storyRight{
	float: left;
	padding: 10px 10px 10px 10px;
	width: 250px;	
	font-size: 12px;
}
* html #storyRight {padding: 10px 10px 10px 10px;}/* IE6 workaround */

#adsBottom {
	float: left;
	font-size: 12px;
	padding: 0px 0px 15px 98px;
	width: 677px;	
}


#footer {
	text-align:center;
	clear: both;
	width:100%;	
	bottom:0;
	xheight:300px;
	background-color: #404FAA;
}	

#footerContent {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:775px;
	font-size: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 5px;
}
#footer a {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
	

.imgLeft { margin: 0 5px 5px 0; padding: 0 0 0 0; border: 1px solid #000; }
.imgRight { margin: 0 0 5px 5px; padding: 0 0 0 0; border: 1px solid #000; }

.adImgBtm { margin: 0 0 10px 0; padding: 0 0 0 0;}
.adImgLeft { margin: 0 11px 0 0; padding: 0 0 0 0;}

/* search button on google search*/
input#button  {padding: 3px; background-color: #00148c; color: #fff; font-size: 85%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

input#button:active {background-color: #fff; color: #00148c; }

/********************* end **********************/