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

}	

/* defines font size, font family, and color for basic HTML elements */
p, td, th, ul, ol, li, dl, dt, dd, blockquote, .normal { 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: #333; text-decoration: underline; }
a:hover { color: #404FAA; text-decoration: underline; }
a:active { color: #960C0A; text-decoration: underline; }

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

h1{
 font: bold 16px Arial,sans-serif;
 color: #960C0A;
}

h2{
 font: bold 14px Arial,sans-serif;
 color: #404FAA; 
}

h3{
 font: bold 12px Arial,sans-serif;
 color: #404FAA; 
}

.headline3{
 font: bold 12px Arial,sans-serif;
 color: #404FAA; 
}

img {
	border: none;
}

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

#pagecellIndustry{
	margin: 0;
	text-align: left;
	position:relative;	
	left: 0px;
	right: 0px;
	width:100%;
	background: #e9e9e9 url(../images/mainBG_Industry.gif);
	background-repeat: repeat-x;
}

#pagecellAuto{
	margin: 0px auto;
	text-align: left;
	position:relative;	
	left: 0px;
	right: 0px;
	width:781px;
	xbackground-color: #e9e9e9;
}


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

#content {
	padding: 0px 10px 10px 0px;
	margin:0px 0px 10px 275px;
	height: 418px;
}

#pagecell1 > #content{
	padding: 0px 10px 10px 0px;
	margin:0px 0px 10px 278px;
	min-height: 387px;
  	height:auto !important;
}

#industryContainer {
	width: 100%;
	min-height: 390px;
	height: auto !important;
	margin: 0;
	padding: 0;
	background: #e9e9e9;
}

#industryContent{
	position: relative;
	background: #ffffff;
	padding: 0px 9px 10px 0px;
	margin:0px 0px 30px 278px;
	height: 430px;
}

#industryContainer > #industryContent {
	position: relative;
	background: #ffffff;
	padding: 0px 10px 50px 0px;
	margin:0px 0px 0px 278px;
	min-height: 420px;
  	height:auto !important;
}

/** html #industryContent{
	padding: 0px 10px 10px 0px;
	margin:0px 0px 30px 278px;
	min-height: 390px;
  	height:auto !important;
}*/

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
}
/***********************************************/
/* Component Divs                              */
/***********************************************/
#logo img{
	position: absolute;
	height: 123px;
	width: 75px;
	top: 10px;
	left:10px;
	z-index: 2;
}

#printLogo {display:none;}

/************** 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;
}

/************ 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#industryli 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 ******************/
.story {
	padding: 5px 0px 0px 10px;
}

/************ sectionLinks styles **************/



#sectionLinks{
	margin: 20px 10px -4px 98px;
	width:152px;
	background-image:  url(../images/sideNavBG2.gif);
	background-color: #00148E;
	background-repeat: no-repeat;
}

#sectionLinksIndustry{
	margin: 20px 10px -4px 98px;
	width:152px;
	background-image:  url(../images/sideNavBG2_Industry.gif);
	background-color: #00148E;
	background-repeat: no-repeat;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	font-weight: bold;
	padding: 3px 3px 3px 7px;
	color: #ffffff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

#sectionLinksIndustry a:link, #sectionLinksIndustry a:visited {
	display: block;
	font-weight: bold;
	padding: 3px 3px 3px 7px;
	color: #ffffff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

#sectionLinks a:hover{	
	background-color: #404FAA;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

#sectionLinksIndustry a:hover{	
	background-color: #404FAA;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

#subSectionLinks {
	padding: 0 0 0 0;
}

#subSectionLinks a:link, #subSectionLinks a:visited{
	padding: 1px 0 2px 25px;
	font-weight:normal;
}
/************ footer styles **************/
#footer {
	text-align:center;
	clear: both;
	width:100%;
	bottom:0;
	xmargin-top:300px;
	xheight:200px;
	background-color: #404FAA;	
}

#footerContent {
	background-color: #404FAA;	
	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;
}

#footerTwo {
	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;
	background-color: #404FAA;	
}

#footerTwo 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; }
.paddingRight { padding: 0 15px 0 0; }
.governance td { padding: 0 0 20px 0; }
.membersonly { font-size:10px; color:#666; }
.membersonlyitalic { font-size:10px; color:#000; font-style:italic; }

/* 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; }

/* Custom IDs and Classes */
.paddingRight {
	padding-right: 15px;
}

.paddingLeft {
	padding-left: 15px;
}

.border {
	border: 1px solid #00148c;
	padding: 10px;
}

/*Industry Council Styles*/

.industryButton1 {
	position: absolute;
	top: 370px;
	left: 103px;
}

.industryButton2 {
	position: absolute;
	top: 465px;
	left: 103px;
}

.industryMission {
	color: red;
	margin:0;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.industryhead {
	font-size: 13px;
}

.industryList {
	list-style: none;
	margin: 0;
	padding: 0;
}

.industryList li {
	position: relative;
	margin: 0;
	width: 153px;
	background: url(/images/industryCouncilListRound.gif) no-repeat top left;
	padding: 8px 6px 0 0;
	float: left;
}

.industryImg {
	background: red;
	width: 153px;
	height: 150px;
	padding: 5px 0;
}

.industryHomeImg {
	width: 200px;
	padding: 0 5px;
}

/*
Change the height when the Industry Council Homepage columns are changed
This will keep them the same height 
*/
.padLR {
	font-size: 13px;
	margin: 0;
	padding: 5px;
	height: 280px;
	border: 1px solid red;
}

.legFloatL {
	position: relative;
	margin: 10px 0;
	padding: 0;
	float: left;
	width: 45px;
}

.legFloatR {
	position: relative;
	margin: 10px 0;
	padding: 0;
	float: right;
	width: 420px;
}

.newsFloatL {
	position: relative;
	margin: 10px 0;
	padding: 0;
	float: left;
	clear: left;
	width: 75px;
}

.newsFloatR {
	position: relative;
	margin: 10px 0;
	padding: 0;
	float: right;
	width: 390px;
}

.courtsImg {
	float: left; 
	position: relative; 
	margin: 0 5px 5px 5px;
}

a.industryLink, a.industryLink:visited {
	text-decoration: none;
	color: #fff;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

 a.industryLink:hover {
	text-decoration: underline;
	color: #fff;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.boldItalic {
	font-weight: bold;
	font-style: italic;
}

/*Council Meetings & Washington Briefing Styles */

#councilmeeting {
	position: relative;
	padding-top: 15px;
	background: url(/images/events/capitol.gif) no-repeat -30px -20px;
}

#councilmeeting h1 {
	text-align: center;
	color: #FF0000;
	font-size: 150%;
}

#councilmeeting h2 {
	text-align: center;
	color: #000066;
	font-size: 130%;
}

#councilmeeting h3 {
	text-align: center;
	font-size: 120%;
	color: #000000;
}

#councilmeeting p {
	line-height: 1.5em;
}

#councilmeeting ul li {
	text-align: center;
	color: #FF0000;
	list-style-type: square;
}

#councilmeeting ul li a:link, #councilmeeting ul li a:visited {
	color: #FF0000;
	text-decoration: underline;
	font-size: 120%;
	font-weight: bold;
}

#councilmeeting ul li a:hover {
	color: #000066;
}

#councilmeeting span.bold {
	font-weight: bold;
	color: #000066;
}

#councilmeeting table#agenda td {
	padding: 8px 0;
}

#councilmeeting td.date {
	font-weight: bold;
	text-decoration: underline;
	font-size: 105%;
}

#councilmeeting tr.odd {
	background-color: #eeeeee;
}


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