/* stylesheet by Bear Alley */

html {
overflow: -moz-scrollbars-vertical;
}

html, body {
margin:0;
padding:0;
text-align:center;
}

body {
background-color: #fff;
background-image: url(../images/drop_shadow.gif);
background-repeat: repeat-x;
background-position: left top;}

#pagewidth {
width:762px;
text-align:left;
margin: 2em auto;
background-color: #fff;
}

#siteaddress {
background-color: #fff;
padding: .5em 0;
}

#header {
position:relative;
height:150px;
width:100%;
background-image: url(../images/header-bg.png);
}

#slogan {
background-color: #fff;
padding: .5em 0;
border-bottom: 5px #D4D4D4 double;
}

#content-wrapper {
width: 100%;
}

#content-body {
padding-top: 1.5em;
}

#main-content {
float: left;
display:inline;
position: relative;
width:500px;
}

#secondary-content {
position: relative;
width: 200px;
float: right;
}

#extra {
border-bottom: 1px #505050 solid;
}

#footer {
clear:both;
padding: .5em 0;
background-color: #fff;
border-top: 1px #D4D4D4 solid;
}

/*typography*/

/*
------
start with a reset
------
*/

html, body, div, span, object, h1, h2, h3, h4,p, blockquote, a,
em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, {
margin: 0;
padding: 0;
border: 0;
}

/*text styles*/

body {
font-size: 76%;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #505050;
}

#siteaddress p {
font-size: 1em;
font-weight: bold;
color: #333;
text-align: right;
letter-spacing: .15em;
margin: 0 4% 0 0;
}

#slogan p {
font-size: 1.4em;
font-weight: bold;
color: #333;
text-align: center;
letter-spacing: .25em;
margin: 0;
}

h1 {
font-size: 1.4em;
font-weight: normal;
color: #333;
border-bottom: 1px #505050 solid;
padding-bottom: .5em;
margin: 1.2em 4% .75em 4%;
}

#main-content h2 {
font-size: 1.1em;
font-weight: normal;
color: #333;
border-top: 1px #505050 solid;
border-bottom: 1px #505050 solid;
padding: .5em 0 .5em 0;
margin: 1.2em 4% .75em 4%;
}

div.extra h2 {
position: relative;
font-size: 1.1em;
font-weight: bold;
color: #505050;
border-bottom: 1px #6D6B61 solid;
padding: .25em;
margin: 1.2em 4% .5em 0;
}

#main-content h3 {
font-size: 1em;
font-weight: normal;
color: #333;
border-bottom: 1px #6D6B61 solid;
padding: .25em;
margin: 1.2em 4% .5em 4%;
}

#main-content p {
font-size: 1.1em;
line-height: 1.8em;
margin: 1.2em 4% 1.2em 4%;
}

#main-content ul.services li {
margin-left: 2em;
padding: .15em;
list-style-type: circle;
}

#footer p {
font-size: .9em;
color: #333;
margin: 0 4%;
}

/*links*/

a img {
border: 0;
outline: none;
}

#main-content a:link, #main-content a:visited,
#secondary-content .extra a:link, #secondary-content .extra a:visited {
color: #683E28;
text-decoration: underline;
}

#main-content a:hover, #secondary-content .extra a:hover {
color: #B05831;
text-decoration: none;
border-bottom: 1px #B05831 dashed;
}

#siteaddress a:link, #siteaddress a:visited {
color: #333;
text-decoration: none;
}

#siteaddress a:hover {
color: #333;
text-decoration: underline;
border: 0;
}

#secondary-content .extra p.valid a:link, #secondary-content .extra p.valid a:visited {
border: 0;
outline: 0;
}

#secondary-content .extra p.valid a:hover {
border: 0;
outline: 0;
text-decoration: none;
}

/*other stuff*/

blockquote {
margin: 1.2em 5%;
padding: .5em 0;
}

blockquote p.center {
font-size: 1.4em;
font-weight: bold;
text-align: center;
margin: 0;
}

#secondary-content p.valid {
text-align: center;
margin-top: 3em;
margin-bottom: 1.5em;
}

.narrow p {
font-size: .9em;
width: 90%;
line-height: 1.3em;
margin-bottom: 1em;
}

/*colors*/



blockquote {
background-color: #f4f4f4;
border: 1px #D4D4D4 solid;
}

p.center {
color: #505050;
}

/*lists*/

#main-content ul {
list-style-type: circle;
font-size: 1.0em;
line-height: 1.8em;
margin: 0 1.5em 1.5em 1.5em;
padding: 0 2em;
}

/*navigation*/

#navcontainer  {
/* container div set-up */
margin-top: 2em;
padding: 1em 1em 1em 0;
font-size: .9em;
line-height: 2em;
letter-spacing: .075em;
position: relative;
}

#navcontainer a {
/* Set text-decoration and color so there is no default */
text-decoration: none;
color: #000;
letter-spacing: .15em;
}

#navcontainer a:hover {
font-weight: bold;
letter-spacing: 0;
/* Set letter-spacing back to 0 so text don't jump as much when it turns to bold on hover (Still jumps some though) */
background: none;
}

#navcontainer ul {
list-style-type: none;
padding-left: 0px;
margin: 0px;
}

#navcontainer ul ul {
padding-left: 15px;
/* offset sub menu */
}

#navcontainer ul li {
padding-left: 5px;
margin-left: 2px;
/* Set margin-left to set-up the left border */
}

#navcontainer ul li#active {
margin-left: 0px;
/* Set margin back half of left-border width (5px) */
}

#navcontainer ul ul li#subactive {
margin-left: 0px;
/* Set margin back half the 30px padding above */
border-left: 5px solid #000;
}

#navcontainer li {
border-left: 1px solid #000;
}

#navcontainer li#active {
border-left: 5px solid #000;
}

a#current {
font-weight: bold;
color: #000;
letter-spacing: 0;
border-bottom: 1px dashed #000;
}

a#subcurrent {
font-weight: bold;
color: #000;
letter-spacing: 0;
border-bottom: 1px dashed #000;
}

/*footer links*/

#footer a:link, #footer a:visited {
color: #000;
text-decoration: underline;
}

#footer a:hover {
text-decoration: none;
}