* { margin: 0; padding: 0; }
/* font */
html { font-size: 100.01%; }
body { font-size: 62.5%; background: #55452C; }
input, select, textarea { font-size: 100%; }
/* layout - general */
img { border: none; }
acronym { cursor: help; }
a:link, a:visited { cursor: hand; cursor/**/: /**/pointer; }
input.text, textarea {
padding: 1px 0px;
}
.submit {
cursor: hand; cursor/**/: /**/pointer;
}
ul, ol { margin: 0 0 1em 2.5em; padding: 0; list-style: disc; }
ul li, ol li { margin: .2em 0; padding: 0; }
select > option { margin: 0 5px 0 3px; }
.ul { margin: 0; padding: 0; list-style-type: none; }
.ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none; }
#page .flR { float: right; }
#page .flL { float: left; }
#page .alR { text-align: right; }
#page .alC { text-align: center; }
.hide { display: none; }
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; text-indent: -1000em; z-index: 10; }
a:link, a:visited {
color: #392c17;
text-decoration: underline;
}
a:visited {
color: #392c17;
}
a:link:hover, a:visited:hover {
color: #392c17;
text-decoration: none;
}
a.inv:link, a.inv:visited {
text-decoration: none;
}
a.inv:link:hover, a.inv:visited:hover {
text-decoration: underline;
}
.cols {
overflow: hidden;
margin: 0;
}
.cols .col {
float: left;
width: 48%;
margin: 0 3.5% 0 0;
}
body #page .last {
margin-right: 0;
}
/* Clear Floats Without Structural Markup */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix { display: inline-block; }
/* \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* */
/* layout - specific */
body {
font-family: Verdana, sans-serif;
text-align: center;
background: #FFFFFF url(img/page-t.gif) repeat-x 0 0;
color: #1B1B1B;
}
.page {
width: 796px;
margin: 0 auto;
text-align: left;
font-size: 1.2em;
position: relative;
}
#page {
}
#top {
position: relative;
width: 100%;
overflow: hidden;
height: 105px;
color: #d3d2b6;
background: url(img/top-m.png) no-repeat 100% 100%;
}
.hp #top {
background: none;
}
#top a:link, #top a:visited {
color: #d3d2b6;
}
#logo {
position: relative;
left: 9px;
top: 30px;
width: 371px;
height: 43px;
z-index: 50;
}
#logo a:link, #logo a:visited {
display: block;
width: 371px;
height: 43px;
}
#logo a:link span, #logo a:visited span {
background: url(img/logo-top.png) no-repeat 0 0;
}
#links1 {
position: absolute;
right: 1em;
top: 1em;
}
#menuBar {
width: 794px;
z-index: 100;
height: 26px;
margin: 0 0 25px;
border: solid 1px #dbdac3;
position: relative;
}
#menuBar li {
float: left;
position: relative;
border: solid 1px #dbdac3;
border-width: 0 1px 0 0;
}
#menuBar li.last {
border: none;
}
#menuBar li a:link, #menuBar li a:visited {
float: left;
display: block;
line-height: 26px;
padding: 0 .495em;
text-decoration: none;
color: #302514;
}
#menuBar li a:link:hover, #menuBar li a:visited:hover {
background: #dbdac3;
}
#menuBar li.active a:link, #menuBar li.active a:visited {
font-weight: bold;
color: #924a01;
}
#menuBar li ul {
visibility: hidden;
position: absolute;
left: 0;
top: 26px;
background: #FFFFFF;
border: solid 1px #dbdac3;
}
#ie7 #menuBar li ul {
width: 200px;
}
#menuBar li:hover ul,
#menuBar a:hover ul {
visibility: visible;
}
#menuBar li li {
float: none;
display: block;
width: 100%;
border-width: 0 0 1px 0;
}
#menuBar li li.last {
border-width: 0;
}
#menuBar li li a:link, #menuBar li li a:visited {
float: none;
width: auto;
line-height: 1.8em;
height: 1.8em;
padding: 0 .505em;
background: none;
white-space: pre;
}
#menuBar li li a:link:hover, #menuBar li li a:visited:hover {
background: #dbdac3;
}
#colWrap {
clear: both;
width: 100%;
overflow: hidden;
}
.hp #colWrap {
padding: 0 0 60px;
background: url(img/hp-bot.png) no-repeat 50% 100%;
}
#content {
float: left;
width: 535px;
padding: 0 0 0 15px;
}
.hp #content {
float: none;
width: auto;
padding: 0;
}
#content h1 {
color: #924a01;
font-family: "Times New Roman", serif;
font-size: 275%;
font-weight: normal;
margin: .1em 0 .5em;
}
.hp #content h1 {
margin-bottom: 1em;
}
#content h2 {
color: #924a01;
font-size: 130%;
margin: 1.25em 0 1em 0;
}
#content h3 {
color: #4C4C4C;
font-size: 130%;
margin: 1.25em 0 1em 0;
}
#colWrap h3 {
font-size: 127%;
margin: 1em 0 .25em 0;
letter-spacing: -1px;
}
#content p {
line-height: 1.5em;
margin: 0 0 .75em 0;
}
#content li {
line-height: 1.5em;
}
.hp #content p {
margin: 0 0 1.5em 15px;
width: 290px;
}
#colSide {
float: right;
width: 202px;
border: solid 1px #d3d2b6;
padding: 0 0 20px;
}
#colSide h2 {
color: #924a01;
font-family: "Times New Roman", serif;
font-size: 200%;
font-weight: normal;
margin: .4em 0 .4em 20px;
}
#menuSide {
margin: 0 20px;
background: url(img/box-2-b.png) no-repeat 0 100%;
font-family: Verdana, sans-serif;
overflow: hidden;
}
#menuSide li {
float: left;
width: 100%;
line-height: 24px;
border-bottom: solid 1px #ececec;
}
#menuSide li a:link, #menuSide li a:visited {
display: block;
padding: 0 0 0 17px;
background: url(img/bullet-1.gif) no-repeat 7px 50%;
color: #000000;
text-decoration: none;
}
#menuSide li a:link:hover, #menuSide li a:visited:hover {
text-decoration: underline;
}
#menuSide li.active a:link, #menuSide li.active a:visited {
font-weight: bold;
background: url(img/bullet-2.gif) no-repeat 7px 50%;
}
#menuSide li.activedouble a:link, #menuSide li.activedouble a:visited {
font-weight: bold;line-height: 17px;
background: url(img/bullet-2.gif) no-repeat 7px 50%;
padding-top: .4em;
padding-bottom: .4em;
}
#menuSide li.double a:link, #menuSide li.double a:visited {
line-height: 17px;
background: url(img/bullet-1.gif) no-repeat 7px 50%;
padding-top: .4em;
padding-bottom: .4em;
}
#bot {
background-color: #55452c;
height:400px;
}
#bot .page {
font-size: 1em;
color: #999177;
padding: 1em 0 0;
line-height: 1.3;
overflow: hidden;
}
#bot a:link, #bot a:visited {
color: #999177;
text-decoration: none;
}
#bot a:link:hover, #bot a:visited:hover {
text-decoration: underline;
}
#copyright {
float: left;
width: 160px;
margin: 0 20px 0 0;
}
#links2 {
float: left;
width: 360px;
margin: 0 20px 0 0;
}
#disclaimer {
float: left;
width: 230px;
}
#hpLinks {
float: right;
width: 430px;
height: 290px;
position: relative;
}
#hpLinks li {
z-index: 5;
position: absolute;
}
#hpLinks li a:link, #hpLinks li a:visited {
display: block;
width: 100%;
height: 100%;
}
#hpLinks li a:link span, #hpLinks li a:visited span {
display: block;
text-indent: -1000em;
width: 100%;
height: 100%;
}
#hpLinks li.i1 {
top: 19px;
left: 30px;
width: 176px;
height: 123px;
}
#hpLinks li.i1 a:link span, #hpLinks li.i1 a:visited span {
background: url(img/img-community.jpg) no-repeat 0 0;
}
#hpLinks li.i2 {
top: 0;
left: 208px;
width: 155px;
height: 129px;
}
#hpLinks li.i2 a:link span, #hpLinks li.i2 a:visited span {
background: url(img/img-leadership.jpg) no-repeat 0 0;
}
#hpLinks li.i3 {
top: 143px;
left: 0;
width: 165px;
height: 104px;
}
#hpLinks li.i3 a:link span, #hpLinks li.i3 a:visited span {
background: url(img/img-enviroment.jpg) no-repeat 0 0;
}
#hpLinks li.i4 {
top: 146px;
left: 165px;
width: 95px;
height: 144px;
}
#hpLinks li.i4 a:link span, #hpLinks li.i4 a:visited span {
background: url(img/img-farming.jpg) no-repeat 0 0;
}
#hpLinks li.i5 {
top: 130px;
left: 261px;
width: 119px;
height: 135px;
}
#hpLinks li.i5 a:link span, #hpLinks li.i5 a:visited span {
background: url(img/img-health.jpg) no-repeat 0 0;
}
#content p.resources {
margin-bottom: 20px;
}
#content p.underlined {
padding-bottom: 20px;
border-bottom: solid 1px #D8C8B0;
}