#header {
	position: relative;
	height: 150px;
	background-color: #000000;
}

/* FOR USE WITH ALL PAGES 

/* OVERRIDDEN HTML ELEMENTS */

div, object, embed { margin: 0; padding: 0; }

img {border:none;}

a:link {text-decoration: none; color: #298421; } 
a:visited {text-decoration: none; color: #298421; } 
a:hover {text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	line-height: normal; 
	font-weight: bold; 	
}

h1 { font-size: 24px;  font-family: Arial, Helvetica, sans-serif; }
h2 { font-size: 20px;  font-family: Arial, Helvetica, sans-serif; }
h3 { font-size: 14px;  font-family: Arial, Helvetica, sans-serif;}
h4 { font-size: 10px;  font-family: Arial, Helvetica, sans-serif;}
h5 { font-size: 10px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
h6 { font-size: 10px;  font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

p            { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 12px; }
input        { font-size: 9pt; font-family: 'Courier New', Courier }

/* 	span with pseudo-heading classes 
	i.e., identical specs to real h1 - h6 */

.h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: normal; 
	font-weight: bold; 	
	margin: 0px;
}

.h1 { font-size: 24px;  font-family: Arial, Helvetica, sans-serif; }
.h2 { font-size: 20px;  font-family: Arial, Helvetica, sans-serif; }
.h3 { font-size: 14px;  font-family: Arial, Helvetica, sans-serif;}
.h4 { font-size: 10px;  font-family: Arial, Helvetica, sans-serif;}
.h5 { font-size: 10px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
.h6 { font-size: 10px;  font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

/* Class for centering images -RC */

.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

/* FORMATTING MINI-ELEMENTS, COLORSCHEME */

.col_1 { color: #8C1414; }
.col_2 { color: #FFCC00; }	
.col_alert { color: red; }
.col_response { color: green; }
.col_dkgray { color: #444444; }   
.col_screen { color: #e5e5e5; }
.col_screenpdf { color: #E9D6D6; }
.col_hdg { color: #996600; }
.col_tan { color: #f9dc83 }
	
.center { text-align: center; }
.right { text-align: right; }
.underline { text-decoration:underline; }
.horizline { border-top: 1px dotted gray; margin: 12px 0 12px 0; }
.clearright { clear: right; }
.clearleft { clear: left; }
.clear { clear: both; }
.verticalspace { height: 10px; padding: 0px; margin: 0px; } /* DOES TOO MUCH SPACE IN IE? */
.verticalspace2x { height: 20px; padding: 0px; margin: 0px; } /* DOES TOO MUCH SPACE IN IE? */	
/* use in SPAN */
.pdfid { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; font-weight: normal; } 

/* MAIN STUFF*/

body { 
	margin: 0;
	padding: 0;
	background-color:black;
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:12px; 
	font-family: Arial, sans-serif;
}

#container {
	width: 760px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	margin-bottom: 10px;
}

#mainarea {
	padding-top:10px;
	padding-bottom: 20px;
}

/* 3 sections side-by-side: 172 + 10 + 1 + 10, MIDDLE (380), 10 + 1 + 10 + 380 + 10; */

#leftsection {
	float: left;
	width: 172px;
	padding-right: 10px;
}

#middlesection {
	width: 380px;
	border-left: 1px dashed #FF4646;
	padding-left: 10px;
	margin-left: 182px;
}

#middlesectionbig {
	border-left: 1px dashed #FF4646;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 182px;
}

#leftofrightcolumn {
	margin-right: 120px;
}

#rightsection {
	width: 100px;
	float: right;
	padding-left: 10px;
	padding-right: 20px;
}

#rightsection p {
	font-size:11px;
	line-height:normal;
}

#rightsectionwfeed {
	width: 400px;
	float: right;
	border-left: 1px dashed #FF4646;
	margin-left: 10px;
}

#campaignpagefeed {
	background-color:#FFFFCC;
	padding: 10px;
}

/* WATCH OUT! - messes up floating in the middlsection */
#rightsectionunder {
	clear: right;
	float: right;
	width: 380px;
	border-left: 1px dashed #FF4646;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
}

.downloadbox {
	width: 85px;
	padding: 10px;
	margin-left: 10px; 
	margin-right: 10px; 
	margin-top: 5px;
	margin-bottom:10px;
	background-color:#DDFFBB;
	line-height: normal;
	float:right;
	font-size:10px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.downloadbox a:link {
	color: #298421;
	text-decoration:none;
}

.downloadbox a:visited {
	color: #298421;
	text-decoration:none;
}

.downloadbox a:hover {
	text-decoration: underline;
}

.middlesectiondiv {
	clear: none;
	border-top: 1px dashed #FF4646;
	padding-top: 10px;
	padding-bottom: 10px;
}

.sectiondiv {
	border-top: 1px dashed #FF4646;
	padding-top: 10px;
	padding-bottom: 10px;
}

.sectiondivpic-rt {
	float:right; 
	margin-left: 10px;
	margin-bottom: 10px;
}

.lotsatext {
	line-height: 150%;
}

.lotsatext a:link {
	text-decoration: underline;
}

.lotsatext a:visited {
	text-decoration: underline;
}

.lotsatext p {
	font-size:14px;
}

.lotsatext ul {
	font-size:14px;
}

.lotsatext ol {
	font-size:14px;
}

/* Navbar styles */
#navbar ul {margin:0; padding:0; list-style:none;}
#navbar a {display:block;}
/*#navbar li {float:left; width: 172px; } */
#navbar li ul {display: none;}
#navbar li ul li {width: 122px;}
#navbar li:hover ul {display: block; width:100px; position: relative;}
#navbar {
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #990000;
	color: white;
}

#navbar ul {
	margin: 0; 
	padding: 0;
	list-style:none;
}

#navbar a {
	display: block; 
	color: white; 
	text-decoration: none;
}

#navbar a:hover {
	text-decoration: underline;
}

#navbar li {
	background: #990000;
	border-bottom: 1px dashed white;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
}

#navbar li ul li {
	font-weight: normal;
	background:inherit;
	border-bottom: none;
	padding-top: none;
	padding-bottom: none;
	padding-left: 20px;
}

#navbar li:hover {
	background:#6C0000;
}

#navbar li ul a:hover {
	text-decoration: underline;
}
	
.thumbnail {
	float: right;
	margin: 0 0 10px 10px;
	width:100px;
}

.update {
	font-size:20px;
	color: #298421;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:10px;
	border-bottom: 1px solid #298421;
	text-align:left;
	padding-bottom:6px;
}

.dottedline {
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px dashed #298421;
}

#maincolumn {
	width: 599px;
	padding-left:20px;
	margin-right: 131px;
	padding-right: 10px;
	border-right: 1px dashed #298421;	
}


/* margin-top s/b 0 b/c we assume #rightcolumn_pre preceeds this */
#rightcolumn { 					/* 	total width 130px */
	float: right;
	clear: right;
	width: 100px;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 5px;
	font-size:10px;
	line-height:normal;
}

/* vertical spacing for all elements inside #rightcolumn and #rightcolumn_pre should be: 
 * 0 on top, 12 on the bottom (b/c we know any 1st element should be flush-top)
 */

#rightcolumn p { 
	font-size: 10px; 
	font-family: Tahoma, Arial, Helvetica; 
	margin: 0;
	text-indent: 0;
}

/* should be last element in the right-hand column */
#rightcolumn .docdate {
	text-align: center;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px; 
	font-weight: normal;
	color: gray;
	margin-top: 0px;
	margin-bottom: 12px
}

#rightcolumn #rtcol1 {
	border-left: 1px dotted gray;
	padding: 0 0 5px 8px;
	text-align:center;
	margin-bottom: 12px;
}

#rightcolumn #relatedbox, #rightcolumn #relatedbox2 {
	padding: 8px;
	margin-top: 0;
	margin-bottom: 12px;
	line-height: normal;
	border: 1px solid gray;
	background-color: #e5e5e5;
	-moz-border-radius: 6px; /* DOESN'T CAUSE PROBLEMS IN IE... */
}

/* used for title in the box ("Related Links") */
#rightcolumn #relatedbox h4 { 
	margin: 3px 0 8px 0;
	padding: 0 0 10px 0;
	font-weight: bold;
	text-align:center;
	border-bottom: 1px dotted gray;
}

#rightcolumn #relatedbox ul { list-style-type: none; margin: 0; padding: 0; }

#rightcolumn #relatedbox li { 
	list-style-type: none;
	margin: 7px 0 7px 0; padding: 0;
	line-height: normal;		
	font-size: 10px; font-family: Tahoma, Arial, Helvetica; 
}

#rightcolumn #rtcolsimplescreen {
	padding: 8px;
	margin-top: 0px;
	margin-bottom: 12px;
	line-height: normal;
	text-align:center;
	background-color: #e5e5e5;
	border: 1px dotted gray;
}

/* 	note, #rightcolumn_pre preceeds #rightcolumn and is used by autotemplate 
	to place elements like 'pdf link' and 'send link to friend'  
	should be almost identical to #rightcolumn */

#rightcolumn_pre {
	float: right;
	width: 99px;
	padding-left: 10px;
	border-left: 1px dashed #FF4646;
	margin-left: 10px;
	margin-bottom: 10px;
}

#rightcolumn_pre #pdflink, #doclink, #txtlink, #sendlink {
	padding: 6px;
	margin-bottom: 12px;		
	line-height: normal;
	font-size: 10px; font-weight: normal; font-family: Tahoma, Arial, Helvetica;
	text-align: center;
	border: 1px dotted #999999;  /* dotted is better but ie fucks it */
}

#rightcolumn_pre #pdflink { background-color:#E9D6D6 }
#rightcolumn_pre #doclink { background-color:#E4E4ED; }
#rightcolumn_pre #txtlink { background-color: #e5e5e5; }
#rightcolumn_pre #sendlink{ background-color: #FCFBE0; }


/*	
#header_left {
	float: left;
	width: 180px;
	height: 67px;
	background-color: black;
}

#header_right {
	float: left;
	width: 580px;
	height: 67px;
	background-color: #8C1414;
}
*/


/*
#header_graphic1 {
	background: url(gear_box_big_110_75.gif);
	background-repeat:no-repeat;

	float: right;
	background-position: 0px 0px;
	width:110px;
	height:75px;
	z-index: 100;
		
	color: white;
	text-align:center;
}
*/
	
#submenu { /* total height should be 23px */
	position: relative;
	padding: 0 0 0 14px; /* 202 left margin would line up with red bar */
	margin: 0;
	height: 23px;
	background-color:#e5e5e5;
	background-image:url(/gfx/subheads/xh-header-btm-lab.jpg);
	background-repeat: no-repeat;
	font-size:12px;
	font-weight:bold;
	border-bottom: 2px dotted gray
}

#submenu a:hover { color: #FFCC00; }

#submenu a { } 

#submenu ul { margin: 0; padding: 3px 0 0 0; }

/* can't rely on horizontal spacing here (ie6) */
#submenu li { display:inline; margin: 0; padding: 0; }

/* 'toggle menu' link */
#submenu h5 {
	float: right;
	margin: 0;
	padding: 5px 12px 0 15px;
	text-align: right;
}


#togglelink { color: #bbb; }
#togglelink a { color: #bbb; }

#footer {
	clear: both; 
	height: 35px;
	width: 984px;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dashed #FF4646;		
	text-align: center;
	background-color:#E5E5E5;
	background-image:url(/gfx/bkgds/gradient-e5-to-white-36px-narrow.jpg);
	background-repeat:repeat-x;
	z-index:0;
}


/* ELECTIVE BLOCKS */

#rightsidetab {
	position: absolute;
	left:760px;
	top:100px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	background-color: white;
}

/* LEGAL */


/* 	for things like literature menu, gallery menu, etc. 
	(in hindsite, this shouldn't have be 'subcategorized' under a separate id..)
*/

#bodymenu {	}
#bodymenu ul { 	}

#bodymenu li, li.yellow, li.yellowsm, li.red, li.tan, li.tansm, li.whiteblk {
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 18px;
	padding-left: 4px;
}

#bodymenu li.yellow   { list-style: url(/gfx/bullets/xblt-sq-yel.gif) outside square; }
#bodymenu li.yellowsm { list-style: url(/gfx/bullets/xblt-sq-yel-sm.gif) outside square; }	
#bodymenu li.tan      { list-style: url(/gfx/bullets/xblt-sq-tan.gif) outside square; }			
#bodymenu li.tansm    { list-style: url(/gfx/bullets/xblt-sq-tan-sm.gif) outside square; }			
#bodymenu li.whiteblk { list-style: url(/gfx/bullets/xblt-sq-white-blk-outline.gif) outside square; }		

#bodymenu p.indent2x {
	margin-left: 60px;
	margin-bottom: 8px;
	line-height: 18px;
	text-indent: 0px;
}

/* BULLETS (NOT REALLY FOR LISTS PER-SE) */

ul.bulletyellowsm { padding: 0 0 0 18px; margin: 0; }
li.bulletyellowsm { list-style: url(/gfx/bullets/xblt-sq-yel-sm.gif) outside square; 	font-weight: bold; }

ul.bulletyellow { padding: 0 0 0 23px; margin: 0; }
li.bulletyellow { list-style: url(/gfx/bullets/xblt-sq-yel.gif) outside square; font-weight: bold; }

p.arial	{font-family: Arial, Helvetica, sans-serif;}

/* DATABASE FEED - LITERATURE PAGE */

	#litresults		{ 	line-height:normal; }
	.litnum			{ 	font-size:10px; color:#000; }
	.litdate 		{ 	font-size:12px; font-weight:normal; line-height:16px; color:#000; }
	.litformat		{ 	font-size:12px; font-weight:normal; line-height:16px; color:#888; font-style:italic; }
	.litdesc		{ 	font-size:12px; font-weight:normal; line-height:16px; }
	.litsubdesc		{ 	font-size:11px; font-weight:normal; }
	.litthumb 		{ 	display:block; float:right; padding: 0px 0px 0px 8px; margin: 0px 0px 8px 10px; border-left: 1px dashed #888; }



/* DATABASE FEED - EVERY OTHER PAGE, 380px wide */

	#dataresults		{ 	line-height:normal; }
	.datanum			{ 	font-size:11px; color:#000; }
	.datadate 		{ 	font-size:13px; font-weight:normal; line-height:16px; color:#000; }
	.dataformat		{ 	font-size:13px; font-weight:normal; line-height:16px; color:#888; font-style:italic; }
	.datadesc		{ 	font-size:13px; font-weight:normal; line-height:16px; }
	.datasubdesc		{ 	font-size:12px; font-weight:normal; }
	.datathumb 		{ 	display:block; float:right; padding: 0px 0px 0px 8px; margin: 0px 0px 8px 10px; border-left: 1px dashed #888; }


/* DATABASE FEED - EVERY OTHER PAGE, 380px wide */

	#searchpagedataresults		{ 	line-height:normal; margin-left:80px; margin-right:80px; padding-left:20px; padding-right:20px; border-left:1px dashed #999999; border-right:1px dashed #999999;}
	.searchpagedatanum			{ 	font-size:13px; color:#000; }
	.searchpagedatadate 		{ 	font-size:15px; font-weight:normal; line-height:18px; color:#000; }
	.searchpagedataformat		{ 	font-size:15px; font-weight:normal; line-height:18px; color:#888; font-style:italic; }
	.searchpagedatadesc		{ 	font-size:15px; font-weight:bold; line-height:18px; }
	.searchpagedatasubdesc		{ 	font-size:14px; font-weight:normal; }
	.searchpagedatathumb 		{ 	display:block; float:right; padding: 0px 0px 0px 8px; margin: 0px 0px 8px 10px; border-left: 1px dashed #888; }


#featurelink{ 
	position:absolute; top: 198px; z-index: 100; 
	background-color: black; opacity: .7;  filter: alpha(opacity=70);
	color: #FFFFFF; 
	height: 32px;
	padding: 3px 6px 7px 6px; 
	font-family: arial, sans-serif; 
	font-weight: bold; 
}

#featurelink:hover {
	opacity: 1; filter: alpha(opacity=100);
	color:#CC9966;
}

#specialhover a:hover {
	text-decoration:none;
}
 
#featurelink .featuretitle {
 	font-size: 17px; 
}

#featurelink .featurecaption {
	font-size:12px; 
}