@import "reset.css";

body { padding-bottom: 1em; background-color: #824d29; color: #fff; font: .75em/normal Arial, Helvetica, sans-serif; text-align: center; }

html
{
height: 101%;
}


a,a:link,a:visited { color: #824d29; }
a:hover { color: #000000; text-decoration: underline; }

img.star { display: inline; float: right; margin: 0 0 1em 10px; }
img.port { display: inline; float: left; margin: 0 10px 1em 0; }

p { margin-bottom: 1em; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }

.highlight { color: #824d29; }


/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; }

h1 { font-size: 140%; }
h2 { font-size: 135%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }


/* Column group model */

.colgroup { clear: both; }
.colgroup .colgroup { clear: none; }
.colgroup .colset { clear: both; width: 100%; }
.colgroup .col { display: inline; float: left; width: 49.9%; }
.colgroup .port { float: left; }
.colgroup .star { float: right; }


/* Box models */

.box { margin-bottom: 1em; }

.col colB { padding: 15px 15px 1px; border: solid 1px #442715; }


/* List models */

.listA {  }


/* Custom headings */

#logo { margin: 0; }


/* Single layers */

div.outwards {
	width: 100%;
	text-align: center;
}
div.inwards { width: 707px; margin: 0 auto; text-align: left; }


/* The Header */

#header #top {
	background: #442715 url(../images/grad1.png) 0 100% repeat-x;
}
#header #top #flash { height: 207px; }
#header #tagline { padding: 8px 0; background-color: #000; color: #fff; }
#header #tagline .border { overflow: hidden; padding-top: 5px; border-style: solid; border-width: 1px 0; border-color: #fff; }
#header #tagline h1 { position: relative; margin-bottom: 2px; }


/* Custom column groups */

#content { background-color: #d7bc9a; color: #442715; }
#content .inner { position: relative; width: 729px; margin: 0 -11px; background: #d7bc9a url(../images/box1-bg.png) 0 0 repeat-y; }
#content .inner .after { padding: 12px 23px 11px 31px; background: url(../images/box1-bottom.png) 0 100% no-repeat; }
#content .colA { float: left; width: 136px; }
#content .colB { float: right; width: 505px; }
#content .colB .colgroupA .colB1 { float: left; width: 295px; }
#content .colB .colgroupA .colB2 { float: right; width: 166px; }
#content .colC { float: right; width: 647px; }



/* Navigation */

#nav { overflow: hidden; float: left; width: 100%; height: 11px; padding: 1.5em 0; }
#nav li { float: left; height: 11px; padding: 0 21px 0 18px; background: url(../images/divider1.png) 100% 50% no-repeat; color: #824d29; }
#nav li.first { padding-left: 0; }
#nav li.last { background: none; padding-right: 0; }
#nav a { overflow: hidden; float: left; height: 0; padding-top: 11px; background: url(../images/nav.png) 0 0 no-repeat; color: #fff; }
#nav a, #nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover, #nav a.on { color: #824d29; }

#navi1 a { width: 37px; background-position: 0 0; }
#navi2 a { width: 105px; background-position: -37px 0; }
#navi3 a { width: 153px; background-position: -142px 0; }
#navi4 a { width: 86px; background-position: -295px 0; }
#navi5 a { width: 73px; background-position: -381px 0; }
#navi6 a { width: 58px; background-position: -454px 0; }

#navi1 a:hover, #navi1 a.on { background-position: 0 -11px; }
#navi2 a:hover, #navi2 a.on { background-position: -37px -11px; }
#navi3 a:hover, #navi3 a.on { background-position: -142px -11px; }
#navi4 a:hover, #navi4 a.on { background-position: -295px -11px; }
#navi5 a:hover, #navi5 a.on { background-position: -381px -11px; }
#navi6 a:hover, #navi6 a.on { background-position: -454px -11px; }

#subnav li { padding: 6px 0 9px; background: url(../images/pattern1.png) 0 100% repeat-x; color: #442715; }
#subnav a, #subnav a:visited { color: #442715; text-decoration: none; }
#subnav a:hover, #subnav a.on { color: #824d29; }


/* Story section */

#story { font-family: "Century Gothic", Arial, Helvetica, sans-serif; line-height: 1.5em; }
#story p, #story blockquote, #story ul, #story ol { margin-bottom: 1.5em; }
#story h1, #story h2, #story h3, #story h4, #story h5, #story h6 { color: #29170c; font-weight: normal; }

#story hr
{
color:#442715;
height:1px;
width:auto;
}


/* Footer */

#footer { clear: both; width: 100%; color: #d7bc9a; font-size: .917em; text-align: center; }
#footer a, #footer a:visited { color: #fff; }
#footer a:hover, #footer a.on { color: #fff; }
#footer ul { margin-bottom: .75em; }
#footer ul li { display: inline; padding: 0 4px 0 7px; border-left: solid 1px #fff; line-height: 1.1em; }
#footer ul li.first { padding-left: 0; border: none; }
#footer ul li.last { padding-right: 0; }








/* DO NOT EDIT OR ADD CODE BELOW */

.clearfix:after, .box:after, .colgroup:after, .section:after, .after:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .box, .colgroup, .section, .after { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix, * html .box, * html .colgroup, * html .section, * html .after { height: 1%; }
.clearfix, .box, .colgroup, .section, .after { display: block; }
/* end hide */