﻿n/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
html { overflow-y: scroll; color: #000000; }
body { background: #e1e1e1; font-family: Georgia; font-size: 12px; margin: 0; padding: 0;}
ol { margin-bottom: 1.3em; margin-left: 15px; list-style-position: inside; }
ol li { background: none; padding: 0; }
ul { margin-bottom: 1.3em; margin-left: 15px; list-style-type: disc; }
li ul { margin: 0; }
li ul li { margin: 0.25em 0 0 0; }
li { margin-top: 0.25em; margin-bottom: 0.25em; }
p { margin-bottom: 1.3em; font-size: 1em; }
h1 { font-size: 2.500em; margin-top: 4px; color: #000000; display: block; margin-bottom: 10px; }
h2 { font-size: 1.500em; margin-top: 4px; color: #000000; display: block; margin-bottom: 10px; }
h3 { display: block; margin-top: 4px; margin-bottom: 10px; font-size: 1.500em; color: #003757; }
h4 { display: block; margin-top: 4px; margin-bottom: 10px; }
h5 { display: block; margin-top: 4px; margin-bottom: 10px; color: #003757; }
a:link { text-decoration: none; color: #003757; }
a:visited { text-decoration: none; color: #003757; }
a:active { text-decoration: none; color: #003757; }
a:hover { color: #003757; text-decoration: underline; }
a img { border: none; }
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; height: 1px; overflow: hidden; margin-top: -1px; }

/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

#outside_container {
	width: 960px;
	min-height:400px;
	height:auto !important;
	height:400px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#search { 
  position: absolute;
  top: 35px;
  right: 0;
}

.Search_Button { display: block; text-align: right; }
.SearchTxtBox { display: block; width: 200px; margin: 0 0 10px 0; }

#header {
  width: 960px;
  height: 126px;
  background: #e1e1e1;
}

#banner1 {
  width: 960px;
  margin: 0;
  padding: 0;
}

#banner1 ul, #banner1 li {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 0 0 0 !important;
}

#banner2 ul, #banner2 li {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 0 0 0 !important;
}

#nav {
  height: 53px;
  width: 960px;
  background: url(../images/hfo2a-navbg.jpg) repeat-x top left;
  margin: 0;
  padding: 0;
}

#nav ul, #nav li {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 0 0 0 !important;
}

#nav a:link.FlyOut_Level01, #nav a:active.FlyOut_Level01, #nav a:visited.FlyOut_Level01 {
  color: #666666;
  font-size: 1.167em;
  line-height: 53px;
  font-weight: bold;
  padding: 0 10px 0 10px;
}

#nav a:hover.FlyOut_Level01 {
  background: url(../images/hfo2a-navbg-over.jpg) repeat-x top left;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer !important;
}

#nav a:link.FlyOut_Level02, #nav a:active.FlyOut_Level02, #nav a:visited.FlyOut_Level02 {
  background: #cfcfcf;
  color: #666666;
  line-height: 1.75em;
  padding: 0 15px 0 5px;
}

#nav a:hover.FlyOut_Level02 {
  background: #464240;
  cursor: pointer !important;
  text-decoration: none;
}

#breadsandlogin {
  width: 920px;
  padding: 10px 20px 10px 20px;
  background: #ffffff;
  font-size: .917em;
  margin: 20px 0 0 0;
  color: #999999;
}

#breadsandlogin a:link, #breadsandlogin a:active, #breadsandlogin a:visited, #breadsandlogin a:hover {
  color: #999999;
}

.breads {
  width: 600px;
  float: left;
}

.login {
  width: 320px;
  float: right;
  text-align: right;
}

#main {
  width: 920px;
  padding: 10px 20px 10px 20px;
  background: #ffffff;
}

.column1 {
  float: left;
  width: 650px;
  padding: 0 20px 0 0;
}

.column2 {
  float: left;
  width: 250px;
}

.subnav a:link.FlyOut_Level01, .subnav a:active.FlyOut_Level01, .subnav a:visited.FlyOut_Level01 {
  color: #3fc3f0;
  font-style: normal;
  font-size: 1em;
  line-height: 1.75em;
  border-bottom: 1px solid #3fc3f0;
  border-right: none;
  width: 125px;
}

.colad1 {
  margin: 0 0 15px 0;
}

#footer {
  width: 920px;
  padding: 10px 20px 10px 20px;
  font-size: .917em;
}

#footer a:link, #footer a:active, #footer a:visited {
  color: #999999;
}

#footer a:hover {
  color: #999999;
}

/* END STRUCTURE */

/* ------------------------------------------ */
/* RSS FEEDS */
/* ------------------------------------------ */

.WebBox_TitleText {
	padding: 0 0 0 10px;
	font-size: 1.333em;

}

.WebBox_TitleDiv {
  background: url(../images/hfo2a-rsstitlebg.jpg) repeat-x top left;
	border-bottom: 1px solid #e0e0e0;
}

.WebBox_ItemOuterDiv {
  padding: 0 10px 0 10px;
}

.WebBox_UnderTitleSpacerDiv {
	height: 10px;
}

.WebBox_UnderItemTitleSpacerDiv {
	height: 5px;
}

.WebBox_UnderItemDescriptionSpacerDiv {
	height: 15px;
}

.WebServiceBox_ListServiceTitle {
  color: #3fc3f0;
  font-size: 1.5em;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 10px 0;
}

.WebServiceBox_ListServiceItemTitle {
  margin: 0 0 5px 0;
  font-weight: bold;
}

.WebBox_BoxOuterDiv {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
}

/* END STRUCTURE */

/* ------------------------------------------ */
/* PARENT SECTION */
/* ------------------------------------------ */

.ParentSection_ListTitleLink {
  font-size: 1.500em; margin-top: 4px; color: #004688; display: block; margin-bottom: 10px; font-weight: bold;
}

.ParentSection_ListBriefDescription {
  margin: 10px 0 0 0;
  float: left;
}

/* END STRUCTURE */

/* ------------------------------------------ */
/* ARTICLES PAGE */
/* ------------------------------------------ */

span[id$='PostedInfo1'] {
display: block;
margin-left: 18px;
margin-bottom: 7px;
}

.ArticleSection_ListTitle {
  font-size: 1.167em;
  display: block;
}

.hasRead {
  float: left;
  margin: 0 5px 0 0;
}

.itemBriefDescription {
  margin: 8px 0 8px 20px;
  display: block;
}

.itemReadMoreLink {
  margin: 8px 0 0 20px;
}

.Article_Title {
  font-size: 1.167em;
  display: block;
}

/* END STRUCTURE */

/* ------------------------------------------ */
/* LINKS PAGE */
/* ------------------------------------------ */

.itemLinkTitle {
  font-size: 1.167em;
  display: block;
  width: 400px;
}

.itemBriefDescription {
  display: block;
  width: 400px;
}

/* END STRUCTURE */

/* ------------------------------------------ */
/* DOWNLOADS PAGE */
/* ------------------------------------------ */

.itemTitle {
  font-size: 1.167em;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

.fileName {
  margin: 0 0 0 20px;
}

.itemBriefDescription {
	display: block;
}

.itemDownloadLink {
  margin: 0 0 0 20px;
}

/* END STRUCTURE */

.editContentMenu {
margin: 15px 0 0 0;
}

.GeoMapMainMapDiv {
height:350px;
}

.SurveyResultTextCell { margin-left: 15px; }

.ContactFormFieldTitleCell { padding-bottom: 10px; }