/* CSS by Craig Erskine - qrayg.com : Based on css-boilerplate*/

/* Reset */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; border: 0; padding: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; text-align: left; vertical-align: baseline; }

/* Elements */
body { font: 12px/1.5 Arial, sans-serif; text-align: center; background: #E0E0E0; color: #333; }
a { color: #039; text-decoration: underline; }
a:hover,a:focus,a:active { color: #999; text-decoration: underline; }
a:focus,a:active { overflow: hidden; }

h1,h2,h3,h4,h5,h6 { margin: 0 0 1em; font-weight: bold; font-size: 1em; line-height: 1; }
h1 { padding: 4px; font-weight: normal; font-size: 1.8em; letter-spacing: -1px; background: #900; color: #FFF; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }

p { margin: 0 0 1.5em; }
ul,ol { margin: 0 2em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 2em 1.5em; }
dl dt { font-weight: bold; }
dl dd { margin: 0 0 0 1.5em; }
abbr,acronym { border-bottom: 1px dotted #000; }
address { margin: 1.5em 0 0; font-style: italic; }
del { }
blockquote { margin: 1.5em 2em; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em monospace; line-height: 1.5; }
tt { margin: 1.5em 0; display: block; line-height: 1.5; }
hr,legend { display: none; }
table { margin: 0 0 1.5em; }
tfoot { font-style: italic; }
caption { background: #FFC; }

/* Clear */
.clear { display: inline-block; }
.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clear { display: block; }

/* Some classes */
.small { margin: 0 0 1.875em; font-size: .8em; }
.large { margin: 0 0 1.25em; font-size: 1.2em; }
.quiet { color: #999; }
.highlight { background: #FFC; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.left { margin: 0 1.5em 1.5em 0; float: left; }
.right { margin: 0 0 1.5em 1.5em; float: right; }
.hide { display: none; }

.sub { padding: 1.5em; font-size: 11px; }
.sub strong { color: #039; }
.sub .pic { border: 1px solid #676767; }

/* Layout */
#page { margin: 0 auto; width: 900px; text-align: left; }

/* Head */
#head { background: #FFF;  height: 117px; background: url(../images/head-bg.gif) repeat-x 0 0; position: relative; }
#head-logo { margin: 0; text-indent: -9999px; position: absolute; top: 0; left: 0; width: 268px; height: 156px; }
#head-logo a { background: url(../images/logo.gif) no-repeat 0 0; display: block; height: 156px; }

/* Nav */
#nav { margin: 0; font: normal 13px/40px Georgia, serif; background: url(../images/nav-div.gif) repeat-x center; color: #FFF; position: absolute; top: 54px; left: 270px; }
#nav a { margin: 0 1px 0 0; padding: 0 6px; background: #900; color: #FFF; text-decoration: none; float: left; display: block; }
#nav a:hover,#nav a:focus,#nav a:active { color: #FFF; text-decoration: underline; }
#nav a.last { margin: 0; }

/* Body */
#body-container { background: #FFF; }
#body { }
#content-mast { background: url(../images/mast-bg.jpg) no-repeat 0 0; font-family: Georgia, serif; width: 632px; height: 267px; float: right; }
#content-mast h3 { padding: 22px 0 0 16px; color: #000; font-weight: normal; font-size: 1.5em; }
#content-mast ul { margin: 0 3em 1.5em; list-style: url(../images/mast-li.gif); font-size: 1.2em; }
#content-col { border-left: 1px dotted #900; float: right; width: 247px; background: #FFF; font-size: 11px; }
#content-col h4 { padding: 0 0 0 14px; color: #000; font-size: 16px; letter-spacing: -1px; }
#content-col p { margin: 0 14px 14px 14px; border-bottom: 1px dotted #666; padding: 0 0 6px; color: #666; }
#content-col a span { color: #333; }
#content-gallery { margin: 0 0 0 14px; float: left; width: 600px; display: inline; }
#content { margin: 0 0 0 14px; float: left; width: 356px; display: inline; }
#content-sub { padding: 39px 0 0; float: left; width: 268px; }
#content-sub #message { background: url(../images/sub-bg.jpg) no-repeat 0 0; min-height: 396px; height: auto !important; height: 396px; }
#content-sub #message p { padding: 20px 20px; font: italic 13px/1.7 Georgia, serif; }

/* Foot */
#foot { clear: both; }
#foot-nav { border: 5px solid #FFF; padding: 4px 0; text-align: center; background: #900; color: #FFF; }
#foot-nav a { margin: 0 5px; color: #FFF; text-decoration: none; }
#foot-nav a:hover,#foot-nav a:focus,#foot-nav a:active { color: #FFF; text-decoration: underline; }
#foot-copy { text-align: center; color: #039; }