html {height: 100%;
overflow: scroll}

* {margin: 0;
padding: 0;}

body {font: normal .80em 'trebuchet ms', arial, sans-serif;
background: #cfcfcf;
color: #777;
overflow: -moz-scrollbars-vertical !important;}

p {padding: 0 0 20px 0;
line-height: 1.7em;}

img {border: 0;}



h2, h3 {
margin: 0em 0em 8px 0em;
padding: 15px 0 5px 0;}

h1 {font: normal 270% 'century gothic', arial, sans-serif;
color: #8997af;
}

h2 {font: normal 175% 'century gothic', arial, sans-serif;
color: #8997af;}

h3 {font: normal 125% 'century gothic', arial, sans-serif;
color: #8997af;}

a, a:hover {outline: none;
text-decoration: underline;
color: #768397}

a:hover {text-decoration: none;}




.left {float: left;
width: auto;
margin-right: 10px;}

.right {float: right;
width: auto;
margin-left: 10px;}

.center {display: block;
text-align: center;
margin: 20px auto;}

#main, #logo, #menubar, #site_content, #footer {margin-left: auto;
margin-right: auto;}

#header {background: #f5e5d6;
border-bottom: 1px solid #f5e5d6;
height: 170px;}

#logo {width: 829px;
position: relative;
height: 110px;}

#logo #logo_text {position: absolute;
top: 25px;
left: 0;}

#logo h1 {
border-bottom: 0;
text-transform: none;
margin: 0;
padding: 22px 0 0 0;
color: #94a4bd;
letter-spacing: 0.1em;}

#menubar {width: 875px;
height: 71px;
padding: 0px 0 0 0px;
background-color: #f5e5d6;}

ul#menu {float: left;
margin: 0;
padding: 0;}

ul#menu li {float: left;
margin: 0px 0 0 0;
padding: 0px 0 0 0px;
list-style: none;}

ul#menu li a {letter-spacing: 0.1em;
font: normal 100% 'trebuchet ms', arial;
display: block;
float: left;
height: 28px;
padding: 18px 22px 4px 22px;
text-align: center;
color: #59523e;
text-transform: uppercase;
text-decoration: none;
border-right: 1px solid #f5e5d6;
background: transparent;}

ul#menu li a:hover, ul#menu li.selected a, ul#menu li.selected a:hover {color: #0b0b0b;}

ul#menu li.menu1 {background-color:#94a4bd;}

ul#menu li.menu2 {background-color: #eadbcc}

ul#menu li.menu3 {background-color:#fac484;}

ul#menu li.menu4 {background-color:#f4a378;}

#site_content {width: 845px;
overflow: hidden;
margin: 0 auto 0 auto;
padding: 25px 20px 20px 33px;
background: #FFF url(../images/content.png) repeat-y;}

.sidebar {float: right;
width: 190px;
padding: 0em 15px 20px 0px;background-color: #ffffff;}

.sidebar ul {width: 190px;
padding: 4px 0 0 0;list-style:none;
margin: 4px 0 0px 0;}

.sidebar li {padding: 0em 0em 6px 4px;list-style:none;
margin: 0em 0em 6px 0em;
padding: 0 0 0px 4px;
line-height: 1.5em;}


#content {text-align: left;
width: 590px;
padding: 0;}

#content1 {text-align: left;
width: 800px;
padding: 0;}

#content ul {margin: 2px 0 22px 0px;}

#content ul li {list-style-type: none;
margin: 0 0 6px 0;
padding: 0 0 4px 25px;
line-height: 1.5em;}

#footer {width: 898px;
height: 10px;
padding: 2px 0em 2px 0em;

background: #f5e5d6;
}

.gallery {list-style: none;}

.gallery a {}

.gallery img {background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 200px;
height: 140px;}

.gallery li {background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative;
font-size: 70%;
font-family: arial, verdana, helvetica, sans-serif}

.separator {width: 100%;
height: 0;
border-top: 1px solid #D9D5CF;
border-bottom: 1px solid #FFF;
margin: 0 0 20px 0;}

.quotes {
color: #474747;}