/**
 * Defaults and Resets
 */
html, body {margin: 0px; padding: 0px; height: 100%; background: #bbcb99 url(../images/bg.gif);}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 13px; color: #4a4545; line-height: 22px;}

form {margin: 0px; padding: 0px;}

img {border: 0px;}

td {vertical-align: top;}

p {margin-top: 0px;}

h1 {margin: 0px 0px 20px 0px; font-size: 19px; font-weight: normal;}
h2 {margin: 0px 0px 5px 0px; font-size: 16px; font-weight: normal; color: #52774c;}
h3 {margin: 0px 0px 0px 0px; font-size: 12px;}
h4 {margin: 0px 0px 10px 0px; font-size: 12px; color: #656565;}

a {color: #90531c; text-decoration: none;}
a:hover {color: red; text-decoration: none;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

/**
 * Lists
 */
ul.inline {margin: 0px; padding: 0px; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0px; padding: 0px; list-style-type: none;}

img.right {float: right; margin: 0px 0px 10px 20px;}
/**
 * Layout
 */
body div {width: 100%; height: 100%; background: url(../images/page-bg.jpg) no-repeat -155px 297px;}
body div div {height: auto; background: url(../images/body-header-bg.gif) repeat-x left top;}
body div div div {background: url(../images/bar-bg.gif) repeat-x;}
body div div div div {width: auto; background: none;}

#sidebar {float: left; width: 212px; background: url(../images/sidebar-bg-top.gif) no-repeat;}

#logo {position: relative; height: 128px;}
#logo img {position: absolute; top: 32px; left: 33px; display: block;}

#nav {position: absolute; top: 128px; left: 0px;}
#nav ul {width: 212px; margin: 0px; padding: 0px; list-style-type: none; font-size: 12px; line-height: 28px; text-transform: uppercase;}
#nav ul li a {display: block; height: 28px; padding: 0px 33px 0px 33px; color: #fff; text-decoration: none;}
#nav ul li a:hover {color: #fff; background: url(../images/nav-over-bg.gif) no-repeat right top;}
#nav ul li.on a:hover {color: #fff; background: none;}

#pageWrapper {float: left; width: 766px; margin: 19px 0px 0px -7px;}
#pageWrapper div {width: 100%; background: #fff url(../images/right-shadow.gif) repeat-y right top}
#pageWrapper div div {width: 100%; background: url(../images/bottom-shadow.gif) repeat-x left bottom;}
#pageWrapper div div div {width: 100%; background: url(../images/left-shadow.gif) repeat-y left top;}
#pageWrapper div div div div {width: 100%; background: url(../images/page-header-bg.gif) no-repeat left top;}
#pageWrapper div div div div div {width: 100%; background: url(../images/bottom-right-corner.gif) no-repeat right bottom;}
#pageWrapper div div div div div div {width: 100%; background: url(../images/bottom-left-corner.gif) no-repeat left bottom;}
#pageWrapper div div div div div div div {width: auto; background: none;}

#pageWrapper #page {width: 752px; padding: 8px 7px 8px 7px; background: url(../images/bar-bg.gif) repeat-x;}

#pageWrapper #subnav {height: 36px; padding-left: 20px; font-size: 12px; line-height: 29px; text-transform: uppercase; background: url(../images/subnav-sprites.gif) repeat-x;}
#pageWrapper #subnav ul {margin: 0px; padding: 0px; list-style-type: none;}
#pageWrapper #subnav ul li {float: left; display: block; padding: 0px 20px 0px 20px;}
#pageWrapper #subnav ul li a {float: left; display: block; height: 36px; color: #fff; text-decoration: none;}
#pageWrapper #subnav ul li.on a, #pageWrapper #subnav ul li a:hover {background: url(../images/subnav-sprites.gif) repeat-x left -36px;}

#pageWrapper #footer {height: 29px; padding-top: 15px; font-size: 12px; color: #333432; line-height: 28px; text-align: center; background: #a7ba7d url(../images/footer-shadow.gif) repeat-x;}
#pageWrapper #pageFooter {padding: 3px 0px 20px 0px; font-size: 12px; color: #555; text-align: center; background: transparent;}
#pageWrapper #pageFooter a {color: #555;}
#pageWrapper #pageFooter a:hover {color: red;}

#header img {display: block;}

#body {padding: 20px 35px 0px 40px;}
#body .content {float: left; width: 675px;}
#body .sidebar {float: right; width: 180px; font-size: 12px; line-height: 17px; color: #656565;}
#body .sidebar .photo {display: block; margin-bottom: 15px;}
#body .sidebar ul {margin: 0px; padding: 0px; list-style-type: none;}
#body .sidebar ul li {padding-bottom: 8px;}

.sidebarLayout #body .content {width: 460px;}

/**
 * Front (i.e. home) Page
 */
.front div div div {background-image: none;}

.front #pageWrapper #page {background-image: none;}

.front #pageWrapper #subnav {height: 11px; font-size: 1px; line-height: 1px;}

.front #body {padding-top: 30px;}

/**
 * Section-specific Styles
 */
.firstSection div div div {background-position: left 128px;}
.firstSection #pageWrapper #page {background-position: left 109px;}

.secondSection div div div {background-position: left 156px;}
.secondSection #pageWrapper #page {background-position: left 137px;}

.thirdSection div div div {background-position: left 184px;}
.thirdSection #pageWrapper #page {background-position: left 165px;}

.fourthSection div div div {background-position: left 212px;}
.fourthSection #pageWrapper #page {background-position: left 193px;}

.fifthSection div div div {background-position: left 240px;}
.fifthSection #pageWrapper #page {background-position: left 221px;}

.sixthSection div div div {background-position: left 268px;}
.sixthSection #pageWrapper #page {background-position: left 249px;}

/**
 * Slideshow
 */
#slideshow {position: relative; height: 269px; /*\*/overflow: hidden;/**/}
#slideshow img {display: none; position: absolute; top: 0; left: 0;}
#slideshow .first {display: block; opacity: 0.99;}
#slideshow .secondary {display: none; opacity: -0.01;}