html,
body { margin: 0;
padding: 0;
text-align: center;
font-family: georgia, times, serif;
background: url(img/bodyBKG.png);
}
.wrapper { background-color: #FFFFC7;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width: 940px;
-moz-box-shadow: 0px 0px 10px #3D2412;
-webkit-box-shadow: 0px 0px 10px #3D2412;
}
/* TEXT STYLES
================================================== */
@font-face { font-family: 'BebasRegular';
src: url('BEBAS___.eot');
src: local('Bebas Regular'), local('Bebas'), url('BEBAS___.woff') format('woff'), url('BEBAS___.ttf') format('truetype'), url('BEBAS___.svg#Bebas') format('svg');
}
h1 { color: #3d2412;
font-size: 1.6em;
line-height: normal;
font-weight: normal;
font-family: 'BebasRegular', georgia, serif;
text-align: center;
word-spacing: 6px;
}
h2 { font-size: 1.3em;
line-height: normal;
font-weight: normal;
font-family: 'BebasRegular', georgia, serif;
text-align: center;
color: #FFFFC7;
background: url('img/banner-cream.png') no-repeat;
padding-bottom: 7px;
word-spacing: 6px;
}
#footer h2 { background: url('img/banner-black.png') no-repeat;
color: #CCCA8E;
}
h3 { font-size: 1em;
line-height: normal;
font-weight: normal;
font-family: 'BebasRegular', georgia, serif;
text-align: center;
word-spacing: 6px;
}
p { font-size: 0.9em;
line-height: 135%;
text-align: left;
margin-bottom: 10px;
}
strong { font-style: italic;
font-weight: bold;
padding: 0px;
}
.subhead { font-family: Georgia, Times, serif;
font-style: italic;
font-weight: bold;
text-align: center;
}
/* TEXT STYLES END
================================================== */
/* LINK STYLES
================================================== */
a { color: #3D2412;
-moz-outline: none;
text-decoration: none;
border-bottom: 1px dotted;
}
#footer a { color: #FFFFC7;
-moz-outline: none;
text-decoration: none;
border-bottom: 1px dotted;
}
.action a,
.three-col a,
.three-col-last a { color: #FFFFFF;
font-style: italic;
font-weight: bold;
}
a img { border: 0 }
a:hover { text-decoration: none;
border-bottom: 1px solid;
}
#footer a:hover { text-decoration: none;
border-bottom: 1px solid;
}
a:active { outline: none }
/* LINK STYLES END
================================================== */
/* NAVIGATION
================================================== */
#header-wrap { display: block;
position: relative;
width: 100%;
margin: 0 auto;
padding: 0;
text-align: left;
background: #CCCA8E;
}
#header { height: 32px;
width: 940px;
padding: 0;
position: relative;
margin: 0 auto;
display: block;
background: url('img/header.jpg') no-repeat;
}
/* NAVIGATION DROP DOWNS
================================================== */
ul.menu { list-style-type: none;
margin: 0;
margin: 2px 0 0 230px;
padding: 0;
float: left;
}
ul.menu li { display: block;
height: 30px;
float: left;
position: relative;
margin: 0 7px 0 0;
padding: 0;
-khtml-opacity: 0.75; /* khtml, old safari */
-moz-opacity: 0.75; /* mozilla, netscape */
opacity: 0.75; /* fx, safari, opera */
}
ul.menu li.current { background: #3D2412;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
ul.menu li:hover { background: #3D2412;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
ul.menu li a { display: block;
float: left;
color: #FFFFC7;
margin-top: 2px;
text-decoration: none;
padding: 2px 6px 5px 6px;
line-height: 18px;
}
ul.menu li a span { font-weight: normal;
padding-left: 3px;
}
ul.menu li.drop a { padding-right: 7px;
border: none;
}
ul.menu li.drop:hover li { border: none;
border-bottom: 1px, solid #3d2412;
}
ul.menu li.drop span.toggle { display: block;
float: left;
width: 21px;
height: 26px;
background: transparent url(img/toggle.png) no-repeat 0 -20px;
padding: 0;
margin: 3px 0 0 0;
}
ul.menu li.drop:hover span.toggle,
ul.menu li.drop.current span.toggle { background-position: 1px 5px }
ul.menu li.drop:hover,
ul.menu li.current:hover { -moz-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
ul.menu li.drop:hover ul { display: block;
z-index: 1;
padding-bottom: 8px;
}
ul.menu li ul { display: none;
position: absolute;
width: 100%;
top: 30px;
left: 0;
list-style-type: none;
margin: 0;
padding: 9px 0 0 0;
background: #3D2412;
filter: alpha(opacity=75); /* internet explorer */
}
ul.menu li ul li { float: none;
height: auto;
margin: 0;
padding: 0;
border: none;
filter: alpha(opacity=100); /* internet explorer */
}
ul.menu li ul li a { float: none;
background: none;
margin: 0;
padding: 0;
display: block;
font-size: 13px;
height: auto;
margin: 0;
padding: 4px 13px 4px 13px;
font-weight: normal;
}
/* drop down menu hover styles */
ul.menu li:hover ul { border: none;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}
ul.menu li:hover ul * { background: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
ul.menu li ul li:hover { background-color: #3D2412 }
/* ALL NAVIGATION ENDS
================================================== */
#logo { text-align: center;
margin: 30px;
}
#logo img { margin-top: 10px;
margin-bottom: 20px;
}
.pullout { background: url(img/pullout.jpg);
border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 20px;
padding: 10px 20px;
}
.action { float: left;
margin: 0 0 20px 0;
width: 440px;
border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
}
.action p { position: relative;
top: 145px;
text-align: center;
color: #FFFFFF;
}
.content-left { float: left;
margin: 0px 10px 10px 20px;
width: 440px;
}
.content-right { float: right;
margin: 0px 20px 20px 10px;
width: 440px;
}
.content-full { float: left;
margin: 0px 10px 10px 20px;
width: 900px;
}
.three-col,
.three-col-last { width: 290px;
text-align: center;
border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
}
.three-col { float: left;
margin: 5px 15px 15px 0;
}
.three-col-last { float: right;
margin: 5px 0 15px 0;
}
.three-col p,
.three-col-last p { position: relative;
top: 145px;
text-align: center;
color: #FFFFFF;
font-style: italic;
font-weight: bold;
}
.content-left img,
.content-right img,
.content-full img { border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 10px;
}
.content ul { margin: 15px 0;
padding-left: 1em;
text-indent: -1em;
}
.content li { padding: 5px 0;
list-style: none;
font-style: italic;
line-height: 140%;
font-size: 0.9em;
}
.content li:before { content: "~ " }
.breaker { text-align: center }
#breakerbottom { text-align: center }
.clear { clear: both;
margin-bottom: 10px;
}
select { margin: 20px 0 }
form { margin: 20px 0 }
/* FOOTER STYLES
================================================== */
#footer { background: url(img/footerBKG.jpg);
color: #FFFFC7;
text-align: center;
width: 940px;
margin-bottom: 0px;
}
#footer p { text-align: center }
#footer li { text-align: center;
padding-bottom: 2px;
}
#footer ul { margin-bottom: 10px }
#footer-left { float: left;
margin: 10px 10px 10px 20px;
text-align: center;
width: 440px;
}
#footer-right { float: right;
margin: 10px 20px 10px 10px;
text-align: center;
width: 440px;
}
#credit { position: relative;
bottom: 10px;
clear: both;
color: #CCCA8E;
font-size: 0.8em;
margin-top: 0px;
text-align: center;
}
/* FOOTER STYLES END
================================================== */