/* ---------- LOGIN BUTTONS ------------ */

#login-button	{
height:31px;
line-height:31px;
margin:0 0 10px 0;
padding:0;
border:0;
padding:0;
clear:both;
}

#login-button img	{
border:0;
}

.login-button-left	{
background:#e8e8e8 url(img/login-box-left.gif) no-repeat;
width:16px;
height:31px;
}

.login-button-right	{
background:#e8e8e8 url(img/login-box-right.gif) no-repeat;
width:16px;
height:31px;
}

.login-button-middle	{
background:#e8e8e8 url(img/login-box-background.gif) repeat center center;
height:31px;
line-height:31px;
width:auto;
}

.login-button-middle a:link, .login-button-middle a:visited, .login-button-middle a:hover, .login-button-middle a:active	{
margin:0;
padding:0;
border:0;
background:transparent;
text-decoration:none;
text-transform:uppercase;
font:11px verdana,arial,helvetica,sans-serif;
color: #3a6084;
width:auto;
height:auto;
}



/* container, body */

body { 
	text-align:center;
	margin: 0;
	}

#container { 
	padding: 0;  
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;	
	border-top: 8px solid #333;
	background-color: #fff;
	width:814px;
	text-align:left;
	margin: 10px auto;
	}



/* Generic hyperlinks throughout the site -- in LVHA order
------------------------------------------*/
	
a:link {
text-decoration: underline;
color: #3a6084;
font:bold 11px verdana,arial,helvetica,sans-serif;
	}

a:visited {
text-decoration: underline;
color: #3a6084;
font:bold 11px verdana,arial,helvetica,sans-serif;
	}

a:hover {
text-decoration: underline;
color: #3a6084;
background-color:#b8b8b8;
font:bold 11px verdana,arial,helvetica,sans-serif;
	}	
	
a:active {
text-decoration: underline;
color: #3a6084;
background-color:#b8b8b8;
font:bold 11px verdana,arial,helvetica,sans-serif;
	}

/* You Are Here Effect
-----------------------------------------*/	
	
#here a:link, #here a:visited, #here a:hover, #here a:active {
background-color:#b8b8b8;
	}


	
/* para, headers */

p, ul { 
font:11px verdana,arial,helvetica,sans-serif;
	}

	ul	{
	padding-left:40px;
	margin:20px auto;
	}




/* ---------- TOP TABLE ------------ */

.toptable	{
margin:2px 4px;
width:805px;
}

/* ---------- MAIN NAV TABLE ------------ */

.mainnavtable	{
margin: 0 4px 4px 4px;
width:805px;
}



/* ---------- TOP TABLE LEFT ------------ */

.toptableleft	{
background-color:#e8e8e8;
padding:10px 0 10px 12px;
vertical-align:top;
border-bottom:1px solid #fff;
}

.toptableleft img	{
border:0;
padding:0;
margin:0;
float:left;
}

.toptableleft div	{
border-top:1px solid #fff;
border-bottom:1px solid #b4b4b4;
margin:0;
padding:0;
}

.toptableleft h1	{
text-transform:uppercase;
font:11px/24px verdana,arial,helvetica,sans-serif;
color: #3a6084;
border-top:1px solid #b4b4b4;
border-bottom:1px solid #fff;
margin:0 20px;
padding:0;
width:350px;
float:right;
}

/* ---------- TOP TABLE RIGHT ------------ */
.toptableright	{
background:#e8e8e8 url(img/table-top-separator.gif) no-repeat center left;
padding:10px 0 0 10px;
vertical-align:middle;
border-bottom:1px solid #fff;
text-align:right;
}

.toptableright p	{
margin:0 10px;
}

/* ---------- top navigation row ------------ */

#topnavigationrow {
background-color:#ccc;
margin:0;
}

.topnavcell	{
border-bottom:1px solid #a1a1a1;
border-left:1px solid #ececec;
border-right:1px solid #ababab;
text-align:center;
width:auto;
}

.topnavcell a:link, .topnavcell a:visited {
background-color:#ccc;
display:block;
padding:4px 0;
height:19px;
line-height:19px;
margin:0;
width:auto;
}

.topnavcell a:hover, .topnavcell a:active {
background-color:#b8b8b8;
display:block;
padding:4px 0;
height:19px;
line-height:19px;
margin:0;
width:auto;
}

.topnavcell img	{
margin:0;
border:0;
padding:0;
}

/* ---------- middle ------------ */


#middle	{
background-color:#fff;
vertical-align:top;
border:0;
margin:0;
padding:0 4px;
height:81px;
clear:both;
}

.search-front	{
height:81px;
width:200px; /* 188 */
padding:0;
border:0;
background-color:#e8e8e8;
float:left;
}

.search-front h1	{
width:190px; /* 178 */
background-color:#ccc;
text-transform:uppercase;
font:11px/24px verdana,arial,helvetica,sans-serif;
color: #333;
padding: 0 0 0 10px;
height:20px;
line-height:20px;
margin:0;
}

.search-front2	{
height:81px;
width:188px; /* 188 */
padding:0;
border:0;
background-color:#e8e8e8;
float:left;
}

.search-front2 h1	{
width:178px; /* 178 */
background-color:#ccc;
text-transform:uppercase;
font:11px/24px verdana,arial,helvetica,sans-serif;
color: #333;
padding: 0 0 0 10px;
height:20px;
line-height:20px;
margin:0;
}

.search-field	{
padding:0 0 0 10px;
margin:10px 0 0 0;
vertical-align:top;
}

.search-field a:link	{
font:11px verdana,arial,helvetica,sans-serif;
}

.search-field input	{
margin:0;
padding:0;
vertical-align:top;
}

.search-field form	{
margin:0;
padding:0;
vertical-align:top;
}

input.searchfrontpage	{
height:24px;
line-height:24px;
border-top:1px solid #bfbfbf;
border-left:1px solid #bfbfbf;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
width:130px;
}

.top-middle	{
background:#fff;
width:407px;
height:81px;
padding:0;
margin:0 5px;
border:0;
color:#fff;
float:left;
}
 
.top-right	{
background-color:#333;
width:200px;
height:81px;
padding:0;
border:0;
float:left;
}
 
.top-right h1	{
padding:0 0 0 10px;
margin:10px 0 0 0;
border:0;
text-transform:uppercase;
font:10px verdana,arial,helvetica,sans-serif;
color:#fff;
}



/* ---------- MAIN CONTENT ------------ */


#main-content	{
background-color:#fff;
vertical-align:top;
border:0;
margin:0;
padding:0;
clear:both;
}

.content-table	{
margin:2px;
padding:0;
width:810px;
}


/* ---------- left navigation  ------------ */

.leftnavcell	{
border-bottom:1px solid #a1a1a1;
margin:0 0 0 4px;
padding:0 4px;
background-color:#efefef;
width:180px;
clear:both;
}

.leftnavcell a:link, .leftnavcell a:visited {
background:#efefef url(img/leftnavline.gif) no-repeat bottom center;
display:block;
padding:4px 0 0 10px;
margin:0;
text-transform:uppercase;
text-decoration:none;
font:11px verdana,arial,helvetica,sans-serif;
height:19px;
line-height:19px;
}

.leftnavcell a:hover, .leftnavcell a:active {
background:#ccc url(img/leftnavline-hover.gif) no-repeat bottom center;
display:block;
padding:4px 0 0 10px;
margin:0;
text-transform:uppercase;
text-decoration:none;
font:11px verdana,arial,helvetica,sans-serif;
height:19px;
line-height:19px;
}


/* ---------- left navigation 2  ------------ */

.leftnavcell2	{
border-bottom:1px solid #a1a1a1;
margin:0 0 0 0;
padding:0 4px;
background-color:#efefef;
width:176px;
clear:both;
}

.leftnavcell2 a:link, .leftnavcell2 a:visited {
background:#efefef url(img/leftnavline.gif) no-repeat bottom center;
display:block;
padding:4px 0 0 10px;
margin:0;
text-transform:uppercase;
text-decoration:none;
font:11px verdana,arial,helvetica,sans-serif;
height:19px;
line-height:19px;
}

.leftnavcell2 a:hover, .leftnavcell2 a:active {
background:#ccc url(img/leftnavline-hover.gif) no-repeat bottom center;
display:block;
padding:4px 0 0 10px;
margin:0;
text-transform:uppercase;
text-decoration:none;
font:11px verdana,arial,helvetica,sans-serif;
height:19px;
line-height:19px;
}

#left-nav-front	{
padding:0;
border:0;
background-color:#e8e8e8;
clear:both;
}

#left-nav-front h1	{
background-color:#ccc;
text-transform:uppercase;
font:11px/24px verdana,arial,helvetica,sans-serif;
color: #333;
padding: 0 0 0 10px;
height:20px;
line-height:20px;
margin:5px 0 0 0;
clear:both;
}

#left-nav-front-tall h1	{
background-color:#ccc;
text-transform:uppercase;
font:11px/24px verdana,arial,helvetica,sans-serif;
color: #333;
padding: 0 0 0 10px;
height:40px;
line-height:20px;
margin:5px 0 0 0;
clear:both;
}

#indent	{
margin:2px 0 0 0;
padding-left:40px;
background:transparent;
clear:both;
}

.significant-issues	{
margin:0 0;
border:0;
padding:0 2px;
}


.significant-content	{
padding:10px;
}

.significant-content img	{
margin: 0 10px 5px 0;
float:left;
}

.significant-content h1	{
font: bold 14px verdana,arial,helvetica,sans-serif;
margin:0 0 10px 0;
padding:0;
border-bottom:1px solid #bfbfbf;
}

.significant-content p	{
margin: 0 0 10px 0;
padding:0;
font:11px/18px verdana,arial,helvetica,sans-serif;
}

#declaration	{
width:200px;
height:81px;
padding:0;
border:0;
}




/*  BEGIN THREE LOWER FEATURE BOXES ON FRONT PAGE
---------------------- */


#gray-feature	{
border:1px solid #efefef;
background-color:#f5f5f5;
padding:3px;
}

.feature-box	{
width:195px;
border:1px solid #efefef;
background-color:#f5f5f5;
padding:3px;
vertical-align:top;
text-align:center;
}

.feature-box h1	{
text-transform:uppercase;
font:11px/24px verdana,arial,helvetica,sans-serif;
color: #3a6084;
margin:0;
padding:0 0 0 5px;
text-align:left;
}

.feature-box p	{
font:11px/18px verdana,arial,helvetica,sans-serif;
color: #000;
padding: 0 8px 10px 8px;
text-align:left;
margin:0;
}

.feature-box img	{
border:3px solid #fff;
padding:0;
margin:0;
}

.feature-box form	{
border:0;
padding:0;
margin:0 0 20px 0;
}

.feature-box input	{
border:0;
padding:0;
margin:0;
}

.feature-box select	{
border:1px solid #999;
padding:0;
margin:0;
font:11px verdana,arial,helvetica,sans-serif;
}


/* END FORMAT FEATURE BOXES
----------------- */




/* THESE ARE LEGACY SELECTORS I AM LEAVING FOR NOW
----------------- */

.feature-dropdown	{
width:120px;
margin:10px 0;
padding:10px 0;
text-align:left;
clear:both;
}

.feature-dropdown select	{
font: 11px/11px verdana,arial,helvetica,sans-serif;
}


/* ---------- NEWS in FRONT PAGE LEFT NAV ------------ */

#news	{
clear:both;
height:auto;
}

#news p	{
clear:both;
height:auto;
}

#news a:link	{
font:bold 11px verdana,arial,helvetica,sans-serif;
text-transform:none;
text-decoration:none;
background:transparent;
clear:both;
height:auto;
}

#news a:visited	{
font:bold 11px verdana,arial,helvetica,sans-serif;
text-transform:none;
text-decoration:none;
background:transparent;
clear:both;
height:auto;
}

/* ---------- format news; declarations taken from 21CSF "news" style sheet ------------ */

.news-l-hp {
font:bold 11px verdana,arial,helvetica,sans-serif;
text-transform:none;
text-decoration:underline;
background:transparent;
clear:both;
height:auto;
}

.news-hh-hp {
font:bold 11px verdana,arial,helvetica,sans-serif;
text-transform:none;
text-decoration:none;
background:transparent;
clear:both;
height:auto;
}

.news-h-hp { font: 11px verdana,arial,helvetica,sans-serif;clear:both;height:auto;}

.news-date-hp {font: 11px verdana,arial,helvetica,sans-serif;clear:both;height:auto;}



/* ---------- this adds silver dashed line between news items ------------ */
.news-p-hp {
font: 11px verdana,arial,helvetica,sans-serif;
border-bottom:1px solid #ccc;
padding: 0 0 5px 0;
margin:5px 0;
clear:both;
}



/* ---------- bars, boxes  ------------ */

.silverbar {
background-color:#e8e8e8;
color:#3a6084;
padding: 8px;
font: bold 12px verdana,arial,helvetica,sans-serif;
margin:0;
text-indent:5px;
}

.silverbar2 {
background-color:#e8e8e8;
color:#3a6084;
padding: 8px;
font: bold 12px verdana,arial,helvetica,sans-serif;
margin:0;
}

.forceIndent {
text-indent:5px;
}

.silverbox	{
background-color:#ccc;
color:#000;
padding: 8px;
font: 11px verdana,arial,helvetica,sans-serif;
margin:0;
}

.silverbox h1, .graybox h1	{
font: 14px verdana,arial,helvetica,sans-serif;
margin:0;
padding:0;
}

/* ---------- FOOTER ------------ */
#footer	{
height:60px;
width:814px;
background-color:#333;
color:#fff;
vertical-align:top;
border:0;
margin:0;
padding:0;
clear:both;
}

#footernav {
text-align:right;
float:right;
border:0;
padding:0;
margin:10px 5px 0 0;
}

#footernav a	{
color:#fff;
font:11px arial,verdana,helvetica,sans-serif;
text-decoration:none;
border-right:1px solid #989898;
border-right:1px solid #989898;
margin:0;
padding:0 5px;
background-color:transparent;

}

#copyright	{
font:bold 12px arial,verdana,helvetica,sans-serif;
float:left;
border:0;
margin:5px 0;
padding:6px;
}



/* ---------- INTERNAL PAGES ------------ */

.top-middle-internal	{
width:388px;
height:61px;
padding:10px;
margin:0 5px;
border:0;
color:#fff;
float:left;
}


#search-field	{
padding:0 0 0 10px;
margin:10px 0 0 0;
vertical-align:top;

}

#search-field a:link, #search-field a:visited, #search-field a:hover, #search-field a:active	{
font:bold 11px verdana,arial,helvetica,sans-serif;
text-decoration:underline;
color:#3a6084;
text-transform:none;
background-color:#e8e8e8;
}

#search-field input	{
margin:0;
padding:0;
vertical-align:top;
}

#search-field form	{
margin:0;
padding:0;
vertical-align:top;
}


#search-field a:link, #search-field a:visited, #search-field a:hover, #search-field a:active	{
font:11px verdana,arial,helvetica,sans-serif;
background:transparent;
}



#partnerlogin	{
background: transparent;
padding:5px;
border:1px dashed #333;
margin: 10px 0 0 0;
font: 11px verdana,arial,helvetica,sans-serif;
}

#partnerlogin h1	{
font: bold 14px verdana,arial,helvetica,sans-serif;
margin:0;
padding:0;
}


#printerfriendly	{
background-color: #f5f5f5;
padding:5px;
border:1px solid #eeeeee;
margin: 10px 0 0 0;
font: 11px verdana,arial,helvetica,sans-serif;
}

#printerfriendly h1	{
font: bold 14px verdana,arial,helvetica,sans-serif;
margin:0;
padding:0;
}

.printerfriendly td	{
padding:3px;
font: 11px verdana,arial,helvetica,sans-serif;
}

#printerfriendly2	{
background-color: #f5f5f5;
padding:5px;
border:1px solid #eee;
margin: 10px 0 20px 20px;
font: 11px verdana,arial,helvetica,sans-serif;
width:188px;
float:right;
}

#printerfriendly2 h1	{
font: bold 14px verdana,arial,helvetica,sans-serif;
margin:0;
padding:0;
}

.printerfriendly2 td	{
padding:3px;
font: 11px verdana,arial,helvetica,sans-serif;
}



#subscribe	{
background-color:#333;
padding:5px 0;
border:0;
margin: 0;
height:70px;
}
 
#subscribe h1	{
padding:0 0 0 10px;
margin: 0;
border:0;
text-transform:uppercase;
font:10px verdana,arial,helvetica,sans-serif;
color:#fff;
}

h2	{
font: bold 14px verdana,arial,helvetica,sans-serif;
color:#333;
margin: 0 0 10px 0;
}

/* format spotlight main page component */
.spotlightbox	{
background-color:#efefef;
color:#000;
padding: 8px;
font: 11px verdana,arial,helvetica,sans-serif;
margin:0;
}

.spotlightbox h1	{
font: 14px verdana,arial,helvetica,sans-serif;
margin:0;
padding:0;
}

/* format Policymakers, Advocates, Researchers pages
----------------- */

.graybox	{
background-color: #ebebeb;
border:1px solid #000;
width:360px;
padding:10px;
font: 11px verdana,arial,helvetica,sans-serif;
margin:20px 0 0 0;
}

.graybox a	{
color:#c00;
}

.graybox h3	{
margin: 0 0 5px 0;
}




/* format Policymakers, Advocates, Researchers pages
----------------- */

/* graybox2 has no top margin
----------------- */

.graybox2	{
background-color: #ebebeb;
border:1px solid #000;
width:340px;
padding:10px;
font: 11px verdana,arial,helvetica,sans-serif;
margin:0 0 20px 0;
}

.graybox2 a	{
color:#c00;
}

.graybox2 h3	{
margin: 0 0 5px 0;
}

/* ---------- right navigation links  ------------ */

.rightlinkscell	{
/*border-bottom:1px solid #a1a1a1;*/
margin:0 0 0 0;
padding:0 4px;
background-color:#efefef;
width:192px;
clear:both;
}

.rightlinkscell a:link, .rightlinkscell a:visited {
background:#efefef url(img/leftnavline.gif) no-repeat bottom center;
display:block;
padding:4px 0 0 10px;
margin:0;
text-transform:uppercase;
text-decoration:none;
font:11px verdana,arial,helvetica,sans-serif;
height:19px;
line-height:19px;
}

.rightlinkscell a:hover, .rightlinkscell a:active {
background:#ccc url(img/leftnavline-hover.gif) no-repeat bottom center;
display:block;
padding:4px 0 0 10px;
margin:0;
text-transform:uppercase;
text-decoration:none;
font:11px verdana,arial,helvetica,sans-serif;
height:19px;
line-height:19px;
}


/*STYLES DECLARATION ON DEFAULT PAGE----------------- */
.declaration	{
background-color:#efefef;
padding: 8px;
text-align:center;
border:1px solid #999;
margin: 0 0 10px 0;
}

.declaration img	{
border:0;
}

.declaration a:link, .declaration a:visited, .declaration a:hover, .declaration a:active	{
border:0;
background-color:transparent;
}


/*THESE ARE USEFUL SELECTORS I USE GENERALLY ----------------- */
/*ADDED OCTOBER 10 2007----------------- */


/* FLOATS, CLEARS, ALIGNS, BORDERS, PADDING
----------------- */
.float-left	{
float:left;
}

.float-right	{
float:right;
}

.float-left-img	{
float:left;
margin: 0 20px 20px 0;
}

.float-right-img	{
float:right;
margin: 20px 0 20px 20px;
}

.clear-both	{
clear:both;
}

.clear-none	{
clear:none;
}

.clear-left	{
clear:left;
}

.clear-right	{
clear:right;
}

.align-right	{
text-align:right;
}

.align-center	{
text-align:center;
	}

.align-left	{
text-align:left;
}
	
	
.border0	{
border:0 !important;
}

.border1	{
border:1px solid #000; !important;
}

.padding10	{
padding:1em;
}

.padding20	{
padding:2em;
}


/* WIDTHS
----------------- */
.width100px	{
width:100px;
}

.width150px	{
width:150px;
}

.width175px	{
width:175px;
}

.width200px	{
width:200px;
}

.width225px	{
width:225px;
}

.width250px	{
width:250px;
}

.width300px	{
width:300px;
}

.width350px	{
width:350px;
}

.width400px	{
width:400px;
}


/*COLORS----------------- */

.red	{
color:#80170e !important;
}


/*HEIGHT ADJUSTMENT TO SILVERBAR----------------- */

.height15px	{
height:15px;
}


/* COLUMN FLOATS RIGHT on DECLDOC.ASP----------------- */

.decl-column	{
background-color:#e8e8e8;
color:#3a6084;
padding: 10px;
font: bold 12px verdana,arial,helvetica,sans-serif;
margin:10px 0 0 20px;
float:right;
width:150px;
text-transform:none !important;
}

.decl-column h2	{
font: bold 14px verdana,arial,helvetica,sans-serif;
color:#000;
margin: 0 0 10px 0;
}

.decl-column h2, .decl-column p, .decl-column strong	{
text-transform:none !important;
}

.small	{
font-size:11px;
}
