* {
margin: 0;
padding: 0;
}
body {
position: relative;
font: normal 100% Verdana, Arial, sans-serif;
color: #8b985f;
background: #3d4131 url(../images/bg-pattern.gif) repeat-y center top;
}
h1, h2, h3 {
color: #ceea70;
font-weight: normal;
margin-bottom: 15px;
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.2em;
}
p, ol, ul {
font-size: 0.86em;
margin-bottom: 1.5em;
line-height: 1.5em;
}
ul {
margin-left: 3.0em;
}
a {
text-decoration: none;
color: #ceea70;
}
a:hover {
text-decoration: none;
color: #fff;
}
img {
border: none;
}
img.left {
float: left;
margin: 0 15px 12px 0;
}
/* for one association logo */
img.right {
float: right;
margin: 0 5px 12px 0;
}
#landscaping {
width: 760px;
background-color: #181b0f;
margin: 0 auto;
}
.topnav {
width: 735px;
color: #565736;
font-size: 12px;
text-align: right;
word-spacing: 4px;
margin: 8px auto;
}
.topnav a {
text-decoration: none;
color: #a4a668;
}
.topnav a:hover {
color: #fff;
}
#container {
width: 760px;
background: url(../images/bgcontainer.gif) repeat-y;
margin: 0 auto;
}
#header {
width: 750px;
height: 126px;
margin: 0 auto;
overflow: hidden;
}
#logo {
float: left;
width: 115px;
height: 126px;
}
#company {
float: left;
width: 400px;
height: 114px;
font: bold 43px Arial, sans-serif;
color: #ceea70;
letter-spacing: 1px;
line-height: 40px;
text-transform: lowercase;
padding-top: 12px;
}
#slogan {
width: 398px;
color: #8b985f;
font: normal 15px Verdana, Arial, sans-serif;
letter-spacing: normal;
text-transform: none;
}
#slogan em {
font-style: normal;
}
#topimage, #topimage2, #topimage3, #topimage4, 
#topimage5, #topimage6, #topimage7, #topimage8 {
float : right;
width : 216px;
height : 126px;
}
#topimage {
background: url(../images/top/t1.jpg) no-repeat;
}
#topimage2 {
background: url(../images/top/t2.jpg) no-repeat;
}
#topimage3 {
background: url(../images/top/t3.jpg) no-repeat;
}
#topimage4 {
background: url(../images/top/t4.jpg) no-repeat;
}
#topimage5 {
background: url(../images/top/t5.jpg) no-repeat;
}
#topimage6 {
background: url(../images/top/t6.jpg) no-repeat;
}
#topimage7 {
background: url(../images/top/t7.jpg) no-repeat;
}
#topimage8 {
background: url(../images/top/t8.jpg) no-repeat;
}
#navwrap {
clear: both;
width: 750px;
margin: 0 auto;
}
#nav, #nav ul {
float: left;
width: 750px;
list-style: none;
font-size: 12px;
line-height: 1em;
font-weight: bold;
border-top: 1px solid #535435;
border-bottom: 1px solid #535435;
background-color: #232903;
margin: 0;
padding: 0;
}
#nav li {
float: left;
font-size: 1.0em;
line-height: 1.5em;
border-right: 1px solid #535435;
text-align: center;
padding: 0;
}
#nav li a {
display: block;
width: 8.5em;
color: #a4a668;
text-decoration: none;
padding: 0.45em 0;
}
#nav li.resources a {
display: block;
width: 10.0em;
color: #a4a668;
text-decoration: none;
padding: 0.45em 0;
}
#nav li a:hover {
color: #fff;
}
#nav li ul {
position : absolute;
left: -999em;
width: 18.5em;
height: auto;
border: none;
font-size: 9px;
line-height: 1.0em;
margin: 0;
z-index: 10;
}
#nav li ul.about {
position: absolute;
left: -999em;
width: 12.0em;
height: auto;
border: none;
line-height: 1.0em;
margin: 0;
z-index: 10;
}
#nav li ul.resource {
position: absolute;
left: -999em;
width: 13.0em;
height: auto;
border: none;
line-height: 1.0em;
margin: 0;
z-index: 10;
}
#nav li ul li {
position: relative;
width: 18.5em;
background-color: #232903;
border: 1px solid #535435;
border-bottom: 0;
text-align: left;
}
#nav li ul.about li {
position: relative;
width: 12.5em;
background-color: #232903;
border: 1px solid #535435;
border-bottom: 0;
}
#nav li ul.resource li {
position: relative;
width: 13.5em;
background-color: #232903;
border: 1px solid #535435;
border-bottom: 0;
}
#nav li ul li.end {
border-bottom: 1px solid #535435;
}
#nav li#phone {
width: 18.0em;
word-spacing: 0.25em;
border-right: none;
padding: 0.45em 0;
}
#nav li#phone:hover {
background: transparent;
}
#nav li ul li a {
width: 14.25em;
font-size: 1.2em;
font-weight: normal;
border: none;
padding: 0.5em 0 0.5em 1.25em;
}
#nav li ul.about li a {
width: 9.25em;
font-size: 1.2em;
font-weight: normal;
border: none;
padding: 0.5em 0 0.5em 1.25em;
}
#nav li ul.resource li a {
width: 9.5em;
font-size: 1.2em;
font-weight: normal;
border: none;
padding: 0.5em 0 0.5em 1.75em;
}
#nav li:hover, #nav li ul.about li:hover, #nav li ul.resource li:hover, #nav li.iehover {
background: #45462c;
}
#nav li#phone.iehover {
background: transparent;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.iehover ul, #nav li li.iehover ul {
left: auto;
}
.clearer {
clear: both;
}
/* for SimpleView Slideshow */
#flashcontent {
clear: left;
width: 750px;
height: 246px;
background-color: #232903;
margin: 0 auto;
}
#flashcontent p {
font-size: 1.0em;
line-height: 1.5em;
padding: 1.0em;
}
#flashcontent a {
color: #ceea70;
}
#flashcontent a:hover {
color: #fff;
}
#photo {
clear: both;
width: 750px;
height: 246px;
font-family: Georgia, Times, serif;
background-color: #232903;
margin: 0 auto;
overflow: hidden;
}
#photo img {
float: left;
width: 531px;
height: 246px;
}
#photo div.headline {
float: left;
width: 200px;
text-align: center;
margin: 40px 0 0 15px;
}
#photo span.highlights {
display: block;
width: 170px;
color: #ceea70;
font-size: 18px;
text-align: left;
margin: 0 auto;
}
#photo span.detail {
display: block;
width: 170px;
color: #ceea70;
font-size: 16px;
text-align: right;
padding-top: 8px;
margin: 0 auto;
}
#photo strong {
font-size: 32px;
line-height: 1.2em;
font-style: normal;
font-weight: normal;
}
#photo span.location {
display: block;
width: 160px;
color: #a4a668;
font-size: 16px; 
text-align: right;
padding-top: 4px;
margin: 0 auto;
}
#page {
clear: both;
width: 750px;
margin: 0 auto;
}
/* Content */
#content {
float: left;
width: 531px;
background: url(../images/img03.gif) repeat-x left top;
padding-top: 5px;
}
.post {
width: 500px;
padding: 20px 0 0 20px;
overflow: hidden;
}
.post .title, .post .subtitle {
padding: 0 0 5px 0;
background: url(../images/img08.gif) repeat-x left bottom;
}
.post p.notitle {
padding: 10px 0 0 0;
background: url(../images/img08.gif) repeat-x left top;
}
.post dfn {
display: block;
font-size: 0.9em;
font-weight: bold;
font-style: normal;
margin: -10px 0 15px 0;
}
.post ul {
list-style-type: none;
}
.post li {
background-image: url(../images/arrow1.gif);
background-repeat: no-repeat;
background-position: 0 0.5em;
padding-left: 1.0em;
}
.post ol {
margin-left: 4.0em; 
}
.post ol li {
background-image: none;
padding: 0;
}
/* Sidebar */
#sidebar {
float: right;
width: 219px;
background: url(../images/img03.gif) repeat-x left top;
padding-top: 5px;
}
#box {
width: 217px;
overflow: hidden;
}
#box .heading {
height: 33px;
background: url(../images/img09.gif) repeat-x;
font-size: 1.2em;
line-height: 1.5em;
padding: 10px 0 0 20px;
margin-left: 1px;
overflow: hidden;
}
#box h2 {
margin-bottom: 0;
}
#box ul {
width: 179px;
list-style-type: none;
margin: 20px;
padding: 0;
}
#box li {
height: 1.75em;
background-image: url(../images/arrow1.gif);
background-repeat: no-repeat;
background-position: 0 0.75em;
border-bottom: 1px dotted #252617; 
padding: 0.25em 1.0em 0;
}
#box li.sub {
height: auto;
}
#box li.current {
background-image: url(../images/arrow2.gif);
background-repeat: no-repeat;
background-position: 0 0.75em;
}
#box li.subcurrent {
height: auto;
background-image: url(../images/arrow2.gif);
background-repeat: no-repeat;
background-position: 0 0.75em;
}
#box li.last {
border: none;
}
#box ul li ul {
width: 180px;
list-style-type: none;
margin: 0;
padding-bottom: 0.5em;
}
#box li a.here {
color: #fff;
}
#box ul li ul li {
height: auto;
background-image: url(../images/arrow1.gif);
background-repeat: no-repeat;
background-position: 0 0.8em;
line-height: 1.5em;
border: none; 
padding: 0.25em 1.0em 0;
}
#box ul li ul li.current {
background-image: url(../images/arrow2.gif);
background-repeat: no-repeat;
background-position: 0 0.8em;
}
#box .feature {
margin: 0;
}
#box .feature h3 {
color: #8b985f;
font-size: 0.8em;
font-weight: bold;
text-align: center;
margin-bottom: 8px;
padding: 0;
}
#box .feature a {
text-decoration: none;
background: none;
padding-left: 10px;
}
#box .feature a img {
border: 4px solid #323319;
margin-top: 10px;
}
#box .feature a:hover img {
border: 4px solid #8b985f;
}
#box blockquote {
font-style: normal;
margin: 0;
padding: 0.5em 1.25em;
}
#box blockquote p {
padding: 0;
}
#box blockquote a {
display: block;
font-size: 0.9em;
font-style: italic;
color: #b8c19b;
background: none;
text-decoration: none;
margin-top: 0.5em;
padding: 0;
}
#box blockquote a:hover {
color: #fff;
}
#footer {
width: 710px;
height: 45px;
margin: 0 auto;
background: #181b0f url(../images/img12.gif) no-repeat center top;
padding: 0 25px 12px 25px;
}
.footernav {
width: 708px;
height: 30px;
color: #565736;
font-size: 14px;
text-align: center;
padding-top: 12px;
word-spacing: 5px; 
overflow: hidden;
}
.footernav a {
text-decoration: none;
}
.footernav a:hover {
color: #fff;
}
#credits {
width: 760px;
height: 50px;
background-color: #181b0f;
color: #565736;
font-size: 12px;
text-align: center;
line-height: 16px;
margin: 0 auto;
}
#credits strong {
display: block;
}