/* ==== ALL ELEMENT STYLE 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,
dl, dt, dd, ol, ul, li, div,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}


a:link,
a:visited,
a:hover,
a:active {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* ===============  END STYLE RESET =============== */



/* ===============  BEGIN STRUCTURAL DIVs =============== */

#site-container {
    width: 100%;
    margin: 0;
    padding: 0 0 50px 0;
    text-align: left;
    }
    
#homepage-header,
#homepage-gallery,
#homepage-main-nav,
#header,
#main-nav,
#content,
#footer {
    width: 100%;
    clear: both;
    }

.container {
    width: 750px;
    margin: 0 auto;
    clear: both;
    }

#header {
    background: #554231 url(img/homepage_top_bg.gif) top center repeat-x;
    /*
    background-color: #554231;
    background-image: url(img/homepage_top_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    */
    }

#header-logo {
    width: 300px;
    float: left;
    }

#meta-nav {
    float: right;
    width: 430px;
    }

#homepage-gallery {
    padding: 30px 0 5px 0;
    background-color: #f2e9d8;
    background-image: url(img/homepage_header_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    }

#homepage-main-nav,
#general-main-nav {
    padding-top: 43px;
    background-color: #004236;
    background-image: url(img/homepage_nav_top_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    }

#general-main-nav {
    padding-top: 38px;
    background-image: url(img/header_bg.gif);
    }

.feature {
    width: 750px;
    margin-bottom: 22px;
    }

.feature-image {
    width: 370px;
    float: left;
    margin-bottom: 20px;
    }

.feature-text {
    width: 360px;
    float: right;
    margin-bottom: 20px;
    }

#content {
    padding-top: 50px;
    background-color: #fcf8f1;
    background-image: url(img/content_top_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    }

.three-column, .two-column, .one-column {
    width: 750px;
    margin-bottom: 10px;
    }

.column {
    margin-right: 22px;
    float: left;
    }


.one-column .column {
    width: 738px;
    margin: 0;
    float: none;
    }

.two-column .column {
    width: 490px;
    margin: 0;
    }

.three-column .column {
    width: 235px;
    }

.sidebar {
    width: 235px;
    float: right;
    }

.sidebar img,
img.border-img {
    background: #fff;
    border: 1px solid #cab8a2;
    padding: 4px;
    margin: 0 10px 10px 0;
    }

.sidebar-nav {
    width: 235px;
    margin-bottom: 10px;
    background-image: url(img/sidebar_nav_bg.gif);
    background-repeat: repeat-y;
    }

.sidebar-general {
    width: 235px;
    margin-bottom: 10px;
    background-image: url(img/sidebar_content_bg.gif);
    background-repeat: repeat-y;
    }

.sidebar-content {
    margin: 3px 17px;
    }

.sidebar-top {
    width: 235px;
    height: 5px;
    clear: both;
    background: transparent url(img/sidebar_content_top.gif) top center no-repeat;
    }
    
.sidebar-bottom {
    width: 235px;
    height: 5px;
    clear: both;
    background: transparent url(img/sidebar_content_bottom.gif) bottom center no-repeat;
    }

.footer-logo {
    float: left;
    }

.clear {
    clear: both;
    }

/* =============== END STRUCTURAL DIVs =============== */



/* =============== BEGIN HTML ELEMENTS =============== */

body {
    font-size: 62.5%;
    text-align: center;
    background-color: #fcf8f1;
    }

.feature-image img {
    padding: 4px;
    border: 1px solid #cab8a2;
    background: #fff;
    }

.gallery img,
img.border-img {
    background: #fff;
    border: 1px solid #cab8a2;
    padding: 4px;
    margin: 0px 10px 10px 0px;
    }

img.border-img {
    margin: 10px 10px 10px 5px;
    }

a:link,
a:visited,
a:hover,
a:active {
	text-decoration: underline;
	font-family: Verdana;
	color: #004236;
    }

a:hover,
a:active {
	text-decoration: underline;
	color: #000000;
    }

#meta-nav a:link,
#meta-nav a:visited,
#meta-nav a:hover,
#meta-nav a:active {
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #cdbfb2;
    text-decoration: none;
    text-transform: uppercase;
    }

#meta-nav a:hover,
#meta-nav a:active {
    color: #fff;
    }

#main-nav a:link,
#main-nav a:visited,
#main-nav a:hover,
#main-nav a:active {
    font-family: Times New Roman, Times, Georgia, serif;
    font-size: 1.2em;
    color: #fff;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    }

#main-nav a:hover,
#main-nav a:active,
#main-nav a.current-main {
    color: #ccffff;
    }

.sidebar-nav a:link,
.sidebar-nav a:visited,
.sidebar-nav a:hover,
.sidebar-nav a:active {
    font-family: Times New Roman, Times, Georgia, serif;
    font-size: 1.2em;
    line-height: 1.8em;
    letter-spacing: .008em;
    color: #f5ecdc;
    text-transform: uppercase;
    text-decoration: none;
    }

.sidebar-nav a:hover,
.sidebar-nav a:active,
.sidebar-nav a.current-sub {
    color: #ccffff;
    }

.footer-nav a:link,
.footer-nav a:visited,
.footer-nav a:hover,
.footer-nav a:active {
    font-family: Times New Roman, Times, Georgia, serif;
    font-size: 1.1em;
    color: #403221;
    text-decoration: none;
    }

.footer-nav a:hover,
.footer-nav a:active {
    color: #004236;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: Times New Roman, Times, Georgia, serif;
    font-weight: normal;
    color: #004236;
    clear: both;
    }

h1 {
    font-size: 2.4em;
    line-height: 1.2em;
    margin-bottom: 1em;
    }

.feature-text h1 {
    font-size: 2.8em;
    line-height: 1.1em;
    font-style: italic;
    margin: 0.4em 0;
    }

h2 {
    font-size: 2.2em;
    line-height: 1.2em;
    margin: .4em 0 .3em 0;
    }

h3 {
    font-size: 2em;
    line-height: 1.2em;
    margin: .5em 0 .3em 0;
    }

h4 {
    font-size: 1.8em;
    line-height: 1.2em;
    margin: .4em 0;
    }

h5 {
    font-size: 1.6em;
	font-style:italic;
    line-height: 1.2em;
    margin: .4em 0;
    }

h6 {
    font-size: 1.4em;
    line-height: 1.1em;
    margin: .1em 0;
    color: #4c3a29;
    }

p, li {
    font-family: Verdana, Arial, sans-serif;
    margin-bottom: 15px;
    color: #444;
    font-size: 1.1em;
    line-height: 1.6em;
    }


ul {
    margin: 0 0 15px 10px;
    list-style: circle inside;
    }

.sidebar p, .sidebar ul {
    margin-bottom: 8px;
    }

li {
    margin-bottom: 1.2px;
    }

.sidebar-nav ul {
    margin: 10px 10px 10px 0;
    list-style: none;
    }

.sidebar-nav li {
    margin-bottom: 0;
    line-height: 1.6em;
    }

.sidebar-general ul {
    margin: 10px 10px 10px 0;
	
    }

#meta-nav ul {
    list-style: none;
    padding: 15px 0 0 0;
    text-align: right;
    }

#meta-nav ul li {
    margin-left: 5px;
    display: inline;
    }

ul#main-nav {
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
    }

ul#main-nav li {
    display: inline;
    background: transparent url(img/main_nav_icon.gif) right center no-repeat;
    padding-right: 20px; 
    margin: 0 0 0 7px;
    }
    
ul#main-nav li.last-nav-item {
    background: none;
    }

ul.footer-nav {
    margin: 0 50px 0 20px;
    list-style: none;
    float: left;
    }