/* CSS Document */

body {
	background-color:#FFFDE9;
	background-image:url(../images/bg_bar.jpg);
	background-repeat:repeat-x;
	color:#555555;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
}

	
/* don't center align table headers by default */
TH  {
	text-align: left;
	}

/* Page Wrappers, Containers and Columns --------------------------------------------- */

#outsidewrapper {
	display: block;
	width: 1020px;
	overflow: visible;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	/*border-width: 0px 1px 0px 1px;
	border-color: #B2B7B5;
	border-style: solid;
	background-color:#FFFFFF;*/
	background-image:url(../images/bg_1020.gif);
	background-repeat:repeat-y;
}	

#header {
	display: block;
	width: 1000px;
	height: 124px;
	text-align: left;
	background: #FFFFFF;
	border-bottom: 1px solid #B2B7B5;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	clear: both;
	}


/* UO Bar ----------------------------------------------------------- */

#uobar {
	background-repeat: repeat-x;
	display: block;
	height: 35px;
	margin: 0px;
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#uologobox {
	float:left;
	height:35px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	width:235px;
}

#uologo {
	float: left;
	display: block;
	width: 221px;
	height: 31px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}

#uolinks {
	color:#E9E6D6;
	float:right;
	margin: 0px 5px 5px 5px;
	padding: 9px 4px 4px 4px;
	text-align:right;
	width:300px;
}

a.uonav:link, a.uonav:visited {
	color:#FFFFFF;
	font-size:0.9em;
	line-height:1em;
	text-decoration:none;
}

a.uonav:hover {
	color:#FFFFFF;
	font-size:0.9em;
	line-height:1em;
	text-decoration:underline;
}

/* --------------UTILITY NAV ------------------------- */

#utilitynavcontainer {
	display: block;
	float: left;
	width:1000px;
	height: 26px;
	color: #7C7D7D;
	background-color: #e9f0ee;
	border-bottom: 1px solid #B2B7B5;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	}

#utilitynav, #utilitynav ul {
	float:left;
	margin:0px;
	padding:5px 8px;
	width:auto;
}

#utilitynav li {
	color:#7c7d7d;
	float:left;
	list-style-image:none;
	list-style-type:none;
	background-image: none;
	margin: 1px 3px;
}

#utilitynav a:link, #utilitynav a:active, #utilitynav a:visited {
	color:#7c7d7d;
	font-size:11px;
	display:block;
	font-weight:normal;
	text-decoration:none;
}

#utilitynav a:hover {
	color:#7c7d7d;
	font-size:11px;
	text-decoration: underline;
}

#utilitynav li.dividerline {
	color:#7c7d7d;
	margin: 0px 2px;
}


/* Masthead ----------------------------------------------------------------------- */

#oqlogo {
	display: block;
	float:left; 
	width: 610px; 
	height: 105px; 
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#issueinfo {
	display: block;
	float: right;
	text-align: right; 
	font-size: 14px; 
	font-weight: bold; 
	color: #b71820; 
	margin: 50px 10px 0px 0px; 
	}
	
/* Featured Banner Ad --------------------------------------------- */

#bannerad {
	display: block;
	width: 980px;
	height: 100px;
	background: #FFFFFF;
	padding: 10px;
	text-align: center;
	margin: 0px 10px 0px 10px;
	}
	
	

/*MAIN NAV ---------------------------------------------------------------- */

#main_nav_container {
	display: block;
	float: left;
	width:1000px;
	height: 30px;
	text-align: left;
	color: #00653C;
	background-color: #E9F0EE;
	border-width: 1px 0px 1px 0px;
	border-color: #B2B7B5;
	border-style: solid;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}

#mainnav, #mainnav ul {
	display: block;
	list-style: none;
	float: left;
	width: 1000px;
	height: 30px;
	font-size: 1em;
	color: #00653C;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#mainnav li {
	display: block;
	float: left;
	height: 26px;
	list-style-type: none;
	list-style-image: none;
	background-image: none;
	padding-top: 5px;
	padding-bottom; 9px;
	border-right: 1px #B2B7B5 solid;
	}

#mainnav li a:link, #mainnav li a:active, #mainnav li a:visited {
	color: #00653C;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 13px 9px 13px;
	}

#mainnav li a:hover {
	color :#00653C;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 13px 9px 13px;

	}

#mainnav li #current {
	color :#00653C;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 13px 9px 13px;
	border-bottom: 1px solid #ffffff;
}

	

	
		


/* Content Area Layout Formatting */

div.line hr { /* take out the troublemaking HR */
display:none;
}

div.line { /* DIV that wraps and replaces the HR */
    height:1px;
    width:auto;
	background: #b0afaf;
	clear:both;
}

a:link, a:visited {
	color: #00653C;
	text-decoration: underline;
}
   
a:hover, a:active {
	color: #00653C;
	text-decoration: underline;
}

#leftColumn {
	display: block;
	float: left;
	width: 635px;
	border-right: 1px solid #b0afaf;
	margin-left: 10px;
	min-height: 900px;
}

#mainFeatures {
	display: block;
	padding: 0px;
	margin: 15px;
	clear: both;
	line-height: 20px;
}

#rightColumn {
	display: block;
	float: right;
	margin-top: 15px;
	margin-right: 20px;
	padding: 0px;
	text-align: left;
	width: 340px;
}

#rightFeature1 {
	display: block;
	border: 1px solid #b0afaf;
	margin: 10px 0px;
	clear: both;
}

#rightFeature2 {
	display: block;
	border: 1px solid #b0afaf;
	margin: 10px 0px;
	clear: both;
}

#rightFeature3 {
	display: block;
	border: 1px solid #b0afaf;
	margin: 10px 0px;
	clear: both;
}

#rightFeature4 {
	display: block;
	border: 1px solid #b0afaf;
	margin: 10px 0px;
	clear: both;
}

#rightFeature5 {
	display: block;
	border: 1px solid #b0afaf;
	margin: 10px 0px;
	clear: both;
}

#rightFeature6 {
	display: block;
	border: 1px solid #b0afaf;
	margin: 10px 0px;
	clear: both;
}

/* Text Formatting Styles */

#sectionHeaderRed {
	font-size:0.95em;
	letter-spacing: 8px;
	font-weight: bold;
	color:#ad0000;
	text-transform: uppercase;
	padding: 15px 0px 10px 15px;
	clear:both;
}

.headerRed {
	font-size:0.95em;
	letter-spacing: 8px;
	font-weight: bold;
	color:#ad0000;
	text-transform: uppercase;
	padding: 15px 0px 10px 0px;
	clear:both;
}

.kicker {
	font-size:0.9em;
	letter-spacing: 6px;
	text-transform: uppercase;
	padding: 15px 0px 10px 0px;
	clear:both;
}

.kickerSm {
	font-size:0.85em;
	letter-spacing: 2px;
	color:#333333;
	text-transform: uppercase;
	padding: 15px 0px 10px 0px;
	clear:both;
}

.kickerSmLink {
	font-size:0.85em;
	letter-spacing: 1px;
	padding: 15px 0px 10px 0px;
	clear:both;
}

#rightSectionHeaderRed {
	font-size:0.95em;
	letter-spacing: 8px;
	font-weight: bold;
	color:#ad0000;
	text-transform: uppercase;
	padding: 10px 0px 10px 0px;
	clear:both;
	border-width: 1px 0px 1px 0px;
	border-color: #B2B7B5;
	border-style: solid;	
}

.mainFeatureHeadline {
font-family:Georgia, Times New Roman, Times, serif;
font-size: 1.4em;
font-weight: bold;
color: #006840;
padding-bottom: 5px;
}

.mainFeatureHeadline a:link, .mainFeatureHeadline a:active, .mainFeatureHeadline a:visited, .mainFeatureHeadline a:hover{
font-family:Georgia, Times New Roman, Times, serif;
font-weight: bold;
color: #006840;
text-decoration: none;
padding-bottom: 5px;
}

.mainFeatureSub {
font-family:Georgia, Times New Roman, Times, serif;
font-size: 1.4em;
font-weight: bold;
color: #006840;
padding-bottom: 5px;
}

.mainFeatureSub2 {
font-family:Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-weight: bold;
color: #006840;
padding-bottom: 5px;
}

.greenTitle {
font-family:Georgia, Times New Roman, Times, serif;
font-size: 1.75em;
font-weight: bold;
color: #006840;
padding-bottom: 10px;
margin-bottom: 10px;
line-height: 30px;
}

.mainByline {
font-family:Georgia, Times New Roman, Times, serif;
font-size: 1.0em;
font-style:italic;
}

.mainSmByline {
font-family:Georgia, Times New Roman, Times, serif;
font-size: 1.0em;
font-style:italic;
}

.photoCreditRight {
color: #777777;
letter-spacing: 1px;
font-size: 9px;
float:right;
line-height: 13px;
margin-top: 5px;
margin-bottom: 5px;
}

.photoCreditRight2 {
color: #777777;
letter-spacing: 1px;
font-size: 9px;
float:right;
line-height: 9px;
margin-top: 5px;
}

.smCredit {
color: #777777;
letter-spacing: 1px;
font-size: 9px;
margin-top: 5px;
}

.smCredit2 {
color: #777777;
letter-spacing: 1px;
font-size: 9px;
line-height: 9px;
}

#greenInset {
background-color: #dce5c1;
padding: 10px;
border: 1px #CCCCCC solid;
}

.greenInsetRight {
background-color: #dce5c1;
padding: 5px;
border: 1px #CCCCCC solid;
float:right;
margin-left: 8px;
}

#orangeInset {
background-color: #f0ecc8;
padding: 10px;
border: 1px #CCCCCC solid;
}

.orangeInsetLeft {
background-color: #f0ecc8;
padding: 5px;
border: 1px #CCCCCC solid;
float:left;
margin-left:8px;
}

.orangeInsetRight {
background-color: #f0ecc8;
padding: 5px;
border: 1px #CCCCCC solid;
float:right;
margin-left:8px;
}

.whiteInsetLeft {
background-color: #ffffff;
padding: 5px;
border: 1px #CCCCCC solid;
float:left;
margin-left:8px;
}

.whiteInsetRight {
background-color: #ffffff;
padding: 5px;
border: 1px #CCCCCC solid;
float:right;
margin-left:8px;
}

.photoCaption {
font-size: 0.85em;
text-align:center;
margin-top: 5px;
font-style:italic;
line-height: 18px;
}

.photoCaptionRom {
font-size: 0.85em;
text-align:left;
margin-top: 5px;
line-height: 18px;
}

.photoCaptionLeft {
font-size: 0.85em;
text-align:left;
margin-top: 5px;
font-style:italic;
line-height: 18px;
}

#backToTop {
	float:right;
	font-size: .85em;
}


/* Footer Styles */

#footerText {
	padding: 15px;
	color: #929396;
	font-size: 11px;
	line-height: 16px;
	margin: 10px 10px 0px 10px;
	border-top: 1px #B2B7B5 solid;
	display: block;
	clear: both;
}

a.footerNav:link, a.footerNav:visited {
	color: #929396; 
	text-decoration: none;
}

a.footerNav:hover {
	color: #929396; 
	text-decoration: underline;
}

#footerWrapper {
	display: block;
	width: 1020px;
	overflow: visible;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

#footerGradient {
	display: block;
	background-image:url(../images/footer_gradient.gif);
	background-repeat:repeat-x;
	width:1000px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}