/* CSS Document */ * {margin: 0; padding: 0;} body,html {background-color: #dfdfbc; width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif;} p, h1, h2, h3 {font-family: Arial, Helvetica, sans-serif;} p {font-size: 12px; margin: 0px 0 10px 0;} #background {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('../images/bckgrd.gif'); background-repeat: repeat-x; background-position: left top; margin-left: 0; margin-top: 0; text-align: left;} /*fixes background image not at top bug - frp*/ #container {width: 800px; margin: 0 auto; margin-top: 25px; text-align: left;} #header {width: 798px; height: auto; background: #d5d5a8 url('../images/headimg.jpg') no-repeat bottom right; border: 1px solid #1b3159;} #header img {display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; border: 0;} #content {width: 500px; min-height: 512px; background: #d9d9b9 url('../images/contentbck.gif') repeat-x; float: left; padding: 15px 35px 10px 35px; line-height: 110%;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} /* Hides from IE-mac \*/ .clearfix {display: block;} /* End hide from IE-mac */ #content h1, #content h2, #content h3, #content h4 {line-height: 110%; font-family: Arial, Helvetica, sans-serif;} #content h1 {font-size: 20px; color: #20314d;} #content h2 {font-size: 16px; color: #006633;} #content h3 {font-size: 14px; color: #006633;} #content h4 {font-size: 13px; color: #006633; font-weight: bold;} #content hr {border: 0; background: #b2b284; height: 1px; margin-top: 3px; margin-bottom: 10px;} #content a {color: #006600;} #content a:hover {text-decoration: none;} #content img {border: 1px solid #20314d; margin: 3px;} #content ul {margin-left: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} #content ul li {margin: 0 0 10px 0;} #content ul.vlap {margin: 0; padding: 3px 0 15px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; list-style-type: none;} #content ul.vlap li {margin: 0; padding: 0 0 0 10px;} #rightcol {width: 204px; background: #d5d5a8; border: 1px solid #1b3159; float: right; padding: 9px;} #rightcol ul.vlap {margin: 0; padding: 0 0 10px 0; list-style-type: none; font-size: 12px; text-align: center; border: 1px solid black; border-width: 1px 0 0 0;} #rightcol ul li {margin: 0; padding: 10px 0 0 0;} #rightcol h1 {font-size: 16px; color: #005c00;} #rightcol p {color: #515140; margin-bottom: 14px;} #rightcol a {color: #000066; text-decoration: none;} #rightcol a:hover {text-decoration: underline;} #rightcol hr {border: 0; background: #b2b284; height: 1px; margin-bottom: 3px; margin-top: 3px;} #rightcol img {display: block; margin: 0 auto 0 auto; padding: 10px 0 10px 0;} #rightcol h3 {font-size: 16px; color: #005c00;} #rightcol h3 a {text-decoration:none; color: #005c00;} #rightcol h3 a:hover {color: #CC6600;} #btmbar {width: 790px; height: 33px; background: url('../images/btmbar.gif') repeat-x bottom; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; padding: 20px 10px 0 0;} /*********************** Navigation ***********************/ #navcon {position: relative; top: 5px; left: 0; height: 41px; width: 800px; background: url('../images/navbck.gif') repeat-x; background-position: 0 0;} #menuh-container {top: 30px; left: 0;} #menuh {font-size: 15px; font-family: Arial, Helvetica, sans-serif; width: 100%; float: left; margin: 0;} #menuh a {text-align: center; display: block; white-space: nowrap; margin: 0; padding: 6px 0 7px 0;} #menuh a {color: #ffffff; text-decoration: none;} /* menu at rest */ #menuh a:hover {color: #d3d3a9;} /* menu at mouse-over */ #menuh a.top_parent, #menuh a.top_parent:hover {background-repeat: no-repeat; background: no-repeat url('../images/navline.gif');} /* controls main menu color */ #menuh a.parent, #menuh a.parent:hover {background-image: url('../images/arrow.gif'); background-position: right center; background-repeat: no-repeat;} /* controls the button that opens the sub sub menu */ #menuh ul {list-style: none; margin: 0; padding: 0; float: left; width: 130px;} /* width of all menu boxes */ #menuh li {position: relative; min-height: 1px; vertical-align: bottom;} /* Sophie Dennis contribution for IE7 */ #menuh ul li {/*border-bottom: 1px solid #00FF00;*/} #menuh ul ul {background-color: #005c00; border-bottom: none; position: absolute; z-index: 500; top: auto; display: none; padding: 0; margin: 0; width: auto; font-size: 13px; font-family: Arial, Helvetica, sans-serif;} /*controls sub menu*/ #menuh ul ul a {text-align: left; border-bottom: 1px solid #006600; border-right: 1px solid #006600; padding: 5px 20px 5px 7px; margin: 0;} #menuh ul ul ul {background-color: #7d1a04; top: 0; left: 100%;} /*controls sub sub menu*/ #twocolumn {width: 100%;} #leftcolumn {float: left; width: 50%;} #rightcolumn {float: right; width: 50%;} div#menuh li:hover {cursor: pointer; z-index: 100;} div#menuh li:hover ul ul, div#menuh li li:hover ul ul, div#menuh li li li:hover ul ul, div#menuh li li li li:hover ul ul {display: none;} div#menuh li:hover ul, div#menuh li li:hover ul, div#menuh li li li:hover ul, div#menuh li li li li:hover ul {display: block;} /*********************** End Navigation ***********************/ /*********************** Table Styles ***********************/ #info {margin-top: 5px; width: 500px; background-color: #d5d5a8; border-top: 1px #b2b284 solid; border-bottom: 1px #b2b284 solid; border-collapse: collapse; border-spacing: 0;} #info th {background-color: #516279; text-align: left; text-indent: 10px; padding: 3px 0 3px 0;} #info th p {color: #ffffff;} #info tr {text-indent: 5px;} #info p {padding: 0; margin: 0;} #info p a {color: #006600;} #info p a:hover {text-decoration: none;} #info td {border-bottom: 1px solid #b2b284;} table.center {margin-left: auto; margin-right: auto;} .vertline {border-left: 1px solid #b2b284;} .floatleft {float: left; margin: 3px 20px 7px 0;} .headline {font-weight: bold; color: #006633;} .smalltext, .smallnews {font-size: 11px;} .smallnews {font-weight: bold;} .centertext {text-align: center;} .centertextwithbtmspace {margin-bottom: 10px; text-align: center;} .greentext {color: #006633;} .greener {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #006600;} #rightvideo {border: 1px solid #006633; background-color: #006633; text-align: center; margin: auto;} /*********************** Right Menu ***********************/ #navlist {width: 100%; background-image: url('../images/hrright.gif'); background-position: top; background-repeat: repeat-x;} #navlist li {list-style: none; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; display: inline;} #navlist li ul li a {padding-left: 15px; width: 190px;} #navlist li a {background-image: url('../images/hrright.gif'); background-position: bottom; background-repeat: repeat-x; text-decoration: none; color: #083a81; display: block; width: 195px; padding: 3px 0 3px 10px;} #navlist li a:hover {color: #CC6600;} /*********************** End Right Menu ***********************/ /*********************** Links ***********************/ a#facebook_link {display: block; float: left; width: auto; height: 23px; margin: 0; padding: 7px 0 10px 90px; background: url('../images/facebook_logo.jpg') no-repeat top left;} a#survey_link {display: block; float: left; width: auto; height: 24px; margin: -5px 0 0 50px; padding: 12px 0 0 40px; background: url('../images/survey.png') no-repeat top left;} /*********************** End Links ***********************/