#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: #8C1414; } 
a:visited {text-decoration: none; color: #8C1414; } 
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;
	background-repeat: repeat;
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:12px; 
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 984px;
	background-color: white;
	background-position: 0px 0px; /* must be explicitly defined for js (?) */
}

#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: 380px;
	float: right;
	border-left: 1px dashed #FF4646;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
}

#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;
}

.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;
}




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

#menucolumn {						/* total width = 188px */
	float: left;
	display: block;
	width: 138px;
	line-height: 34px;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', Arial, sans-serif;
	font-size: 14px;

	position: absolute;  	/* 	required for js-controlled positioning; 
								means it is the document's responsibility to clear the menu... */
	left: 0;
}

#menucolumn ul { list-style: none; margin: 0; padding: 0; }
#menucolumn li { padding: 1px 0 1px 15px; background-repeat: repeat-y; }

#menucolumn a:hover {text-decoration: none; color: black;} 
#menucolumn a:link {text-decoration: none; color: black;} 
#menucolumn a:visited {text-decoration: none; color: black;} 

#menu_under {
	clear: left;
	float: left;
	width: 100px;
	margin-top: 10px;
	padding-left: 15px;
}

/* 	takes up same amount of width as #maincolumn + #rightcolumn.
	right edge should line up with right edge of #rightcolumn.
	not used much.
*/
#maincolumnbig {
	border-left: 1px dashed #FF4646;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 182px;
}


#maincolumn, #maincolumn2 {
	border-left: 1px dashed #FF4646;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 182px;
	margin-right: 120px;
}

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

#ronaldcolumn p {
	text-align:left; 
	margin: 0;
}

#maincolumn2 { margin-top:0px; } 	/* maincolumn2 should be used cautiously */

#maincolumn p { 
	text-align:left; 
	text-indent: 25px;
	margin-top: 12px;
}

/* for subheadings in body text - similar specs as h3 but use this in body text instead */
#maincolumn .subheading {
	font-family: Tahoma, Arial, Helvetica; 
	margin-top: 14px; 
	margin-bottom: 8px; 
	color:#444;
	line-height: normal; 
	text-indent: 0;
	font-size: 14px;
	font-weight: bold; 	
}

#maincolumn ul { text-indent: 0px; line-height: 16px; font-family: Verdana, Arial, Helvetica; font-size: 12px; }
#maincolumn li { margin: 8px 0 8px 0;}

#maincolumn pre { line-height: normal; }

/* same as body text but singlespaced */
#maincolumn .singlespace { line-height: normal; text-indent: 0px; margin: 12px 0 12px 0; text-align: inherit;}

/* same as body text but without 1st line indent */
#maincolumn .noindent { text-indent: 0em; margin-top: .6em; margin-bottom: .6em; text-align: inherit;}	

/* no 1st line indent, singlespaced [! "singlespaced" = 15px! */
#maincolumn .noindentss { text-indent: 0em; line-height: 15px; margin-top: .6em; margin-bottom: .6em; text-align: inherit;}

/* singlespaced, no fancy margins above or below */
#maincolumn .ss { line-height: 15px; }

/* indent whole paragraph */
#maincolumn .indent { margin-left: 22px; text-indent: 0em; margin-top: .6em; margin-bottom: .6em; text-align: inherit;} 

/* indent whole paragraph */
#maincolumn .indent2x { margin-left: 44px; text-indent: 0em; margin-top: .6em; margin-bottom: .6em; text-align: inherit;} 

/* indent whole paragraph, singlespaced */
#maincolumn .indentss { margin-left: 22px; text-indent: 0em; line-height: 15px; margin-top: .6em; margin-bottom: .6em; text-align: inherit;} 

/* no 1st line indent, singlespaced, centered */
#maincolumn .centerss { text-indent: 0em; line-height: 15px; margin-top: .6em; margin-bottom: .6em; text-align: center; }


/* must be id not class to work... (?) */
#maincolumn #simplescreen {
	padding: 12px 24px 12px 24px;
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 16px;
	background-color: #e5e5e5;
	font-size: 11px;
}

/* like a sidebar except fills whole column; 
   uses .horizline for top & bottom border */
#maincolumn .midbar {
	padding: 10px 24px 10px 24px;
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 16px;
	border-top: 1px dotted gray; margin: 12px 0 12px 0;
	font-size: 11px;
	border-bottom: 1px dotted gray; margin: 12px 0 12px 0;
}

/* 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: 100px;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 5px;
	font-size:10px;
	line-height:normal;
}

#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.gif);
	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;
	margin-top: 6px;
	padding: 10px 0 0px 0;
	border-top: 1px dashed gray;		
	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 */

#maincolumn .pullqt {
	clear: right;
	width: 155px;
	float: right;
	margin: 10px 0px 10px 15px;
	padding: 5px 10px 5px 10px;
	
	font: bold 14px/1.8em 'Trebuchet MS', 'Lucida Sans Unicode', Arial, sans-serif;
	text-indent: 0em;
	line-height: normal;
	border: 1px solid gray;
	text-align: left;		

	-moz-border-radius: 5px; /* DOESN'T CAUSE PROBLEMS IN IE... */
	background-color: #e5e5e5;
}	

#maincolumn .box1 {
	width: 155px;
	float: right;
	margin: 15px 0 15px 15px;
	padding: 10px 0 10px 10px;
	border-left: 1px solid gray;
	color: #8C1414;
	
	font: bold 14px/1.8em 'Trebuchet MS', 'Lucida Sans Unicode', Arial, sans-serif;
	text-indent: 0em;
	line-height: 1.7em;
	text-align: right;
}

#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 */

/* body text */
#maincolumn .legal { 
	font-family:"Times New Roman", Times, serif; 
	font-size: 14px; 
}

/* no indent (usually for body text after a block quote continuing same paragraph) */
#maincolumn .legalnoindent { 
	font-family:"Times New Roman", Times, serif; 
	font-size: 14px; 
	text-indent: 0;
}

/* title (eg, "ARGUMENT") */
#maincolumn .legaltitle {
	font-family:"Times New Roman", Times, serif; 
	font-size: 14px; 
	text-indent: 0px;
	line-height: normal;
	text-align: center;
	margin-top: .7em;
	margin-bottom: .7em;
}

/* subheadings and other flush-left titling, singlespaced (eg, "A. Introduction") */
#maincolumn .legalsub {
	font-family:"Times New Roman", Times, serif; 
	font-size: 14px; 
	text-indent: 0px;
	line-height: normal;
	margin-top: .7em;
	margin-bottom: .7em;
}

/* same as above, with underline */
#maincolumn .legalsubul {
	font-family:"Times New Roman", Times, serif; 
	font-size: 14px; 
	text-indent: 0px;
	line-height: normal;
	margin-top: .7em;
	margin-bottom: .7em;
	text-decoration: underline;
}

/* blockquote - left margin offset */
#maincolumn .legalbq { 
	font-family:"Times New Roman", Times, serif; 
	font-size: 14px; 
	margin-left: 50px;
	margin-top: .7em;
	margin-bottom: .7em;
	text-indent: 0em;
	line-height: normal;
}

/* indented, same line spacing (e.g., "a. xxxx, b. xxxx, c. etc."  */
#maincolumn .legalindent { 
	font-family:"Times New Roman", Times, serif; 
	font-size: 14px; 
	margin-left: 50px;
	text-indent: 0em;
	margin-top: .7em;
	margin-bottom: .7em;
}

/* indent halfway, singlespace - for signoff */
#maincolumn .legalindenthalf { 
	font-family:"Times New Roman", Times, serif; 
	font-size: 14px; 
	margin-left: 200px;
	margin-top: .7em;
	margin-bottom: .7em;
	text-indent: 0em;
	line-height: normal;
}

/* footnote - smaller font */
#maincolumn .legalfn { 
	font-family:"Times New Roman", Times, serif; 
	font-size: 13px; 
}

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