@import "../styles/font.css";

body {
	margin: 0;
    padding: 0;
    color: #000000;
	background: #777777;
}

a:link, a:visited { 
	color: #e31836; 
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
}

a:hover, a:active { 
	color: #e31836; 
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline; 
}

/* moved to fonts.css
h1, .h1 {
	margin: 0;
	padding: 0;
	color: #e31836; 
	font-size: 14pt; 
	font-family: verdana; 
	font-weight: normal; 
	text-decoration: none;
}

h1.pageTitle {
	padding: 0 0 0 0.75em;
	background: url(../images/LgBlueSq.gif) 0% 75% no-repeat;
}

h5, .h5 {
	margin: 0;
	padding: 0;
	color: #e31836;
	font: 10pt Georgia, sans-serif;
	font-style: italic;	
	font-weight: bold;
} */

.hdr{
	color: #1c2674; font-size: 11pt; font: Verdana, Arial, Helvetica, sans-serif;font-weight: bold; text-decoration: none;
}

div.ClearHack {clear: both; line-height: 0; height: 5; }

#container {
	background: #ffffff;
	margin: 0 auto;
	width: 1000px;
}

#pageHeader {
	border-top: 0.75em solid #1c2674;
	border-bottom:0.75em solid #e31836;
}

#headerContent {
	clear: left;
}

#topMenuBar {
	margin: 0 0 0 1.25em;
}

#bottomMenuBar {
	margin: 0 400px 0 0;
}
#pageSidebar {
	float: left;
	width: 160px;
	padding: 0.25em 1em 1em 1em;
}
#pageContent {
	clear: right;
	background: #ffffff;
	min-height: 200px;	/* keep contentless page from collapsing */
	height: 220px;		/* IE/Win fix - does what min-height: 250px should do */
	padding: 0.25em 1em 1em 1em;
}
#pageContent.withSidebar {
	float: left;
	width: 500px;
}

/* IE/Win doesn't understand #container>#pageBody and ignores this selector */
#container>#pageContent 
{
	height: auto; /* IE/Win fix - undoes height: 250px above for non-IE browsers */
}

#pageFooter {
	clear: left;
	float: left;
	width: 1000px;
	border-top:0.75em solid #e31836;
	background: #1c2674;
	color: white;
	padding: 0.25em 0;
}

#pageFooterLeft {
	float: left;
}
#pageFooterMiddle {
	float: left;
}
#pageFooterRight {
	float: left;
}

.footerBannerRight {
	border: 0;
	margin: 1em;
}
.rightlink {
	float: right;
}
.hoverbg {
	background-color:#95b6f2;
	cursor:pointer;
}

/* CSS for Out of Reach 2003
   Author: Joel Burton, <joel@joelburton.com> */

/* General page structure / appearance */

H1 { font: normal 200% Arial,Helvetica;
    text-align: center;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
    padding: 10px;
}

H2 { font: normal 150% Arial,Helvetica;
    text-align: center;
}

H3 { border-top: solid 1px black;
    font:  150% Arial,Helvetica bold;
    margin-top: 2em;
    padding-top: 3px;
}

.bottom { font-size: small;
    background-color:#cff;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    border-top: solid 1px black;
    margin-top: 45px;
}

DIV.msg { padding: 1em;
    background-color: #c66;
    margin: 1em 0;
    border: solid 1px #ccc;
    font-weight: bold;
}

/* OOR Data Tables */

TD.left { text-align: left;
}

TD.right { text-align: right;
}

TABLE.data { margin-top: 20px;
    font-size: 70%;
    border-bottom: solid 2px #AAA;
    border-left: solid 1px #AAA;
}

TABLE.data TH { background-color: #ddd;
    padding: 2px 3px;
    text-align:center;
    font-weight: bold;
    border-right: solid 1px #AAA;
    border-top: solid 1px #AAA;
}

TABLE.data TD { padding: 2px 6px;
    border-right: solid 1px #AAA;
    border-top: solid 1px #AAA;
}


.state { background-color: #cfc;
}

.msa { background-color: #ffc;
}

.country { background-color: #fff;
}

.nonmetro { background-color: #ccf;
}