/*****CSS 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, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/****BODY STYLES********/

body { font-family: Georgia; font-size: 15px; color: #4F2B13; background: url(../images/bkg.jpg) repeat-x top center #4F2B13; }

p { line-height: 22px; }
a { color: #BD7A49; text-decoration: none; }
a:hover, a.active { color: #4F2B13; }

h1 { font-size: 24px; font-style: italic; font-weight: normal;  }
h2 { font-size: 17px; font-weight: normal; }
h1 a, h2 a { color: #4F2B13; }
h1 a:hover, h2 a:hover { color: #BD7A49; }

#container { margin: 0 auto; width: 983px; }

/****HEADER STYLES*******/

.logoHome { float: left; padding: 9px 0 0 230px; }
.logoSub { float: left; padding-left: 7px; }

/*****NAV STYLES*******/

ul#nav { margin: 0 auto;  width: 690px; height: 22px; padding-top: 10px; color: #FEF3CB; font-family: Verdana; font-size: 11px; text-transform: uppercase; }
ul#nav li { float: left; }
ul#nav li a { color: #FEF3CB; padding: 0 20px; }
ul#nav li a:hover, ul#nav a.active { color: #B7713D !important; }
ul#nav li.active a { color: #B7713D !important; }


/*****FOOTER STYLES*******/

#footer { float: left; width: 100%; padding: 15px 0; color: #FEF3CB; text-align: center; line-height: 22px;}
#footer a { color: #FEF3CB; text-decoration: underline; }
#footer  a:hover { color: #BD7A49; }

/*****HOME CONTENT STYLES*******/

#homeContainer { float: left; width: 983px; height: 630px; background: url(../images/homeContainerBkg.jpg) no-repeat; }
#homeContent { float: right; width: 665px; height: 159px; margin-top: 375px; padding: 25px; line-height: 22px; background: url(../images/homeContentBkg.jpg) no-repeat; }
#homeContent h1 { padding-bottom: 10px; }

#rightColumn { position: relative; float: right; width: 184px; height: 616px; margin-left: 60px; top: -35px; right: 30px; background: url(../images/homeSideBkg.jpg) no-repeat; }
.rightBox { float: left; width: 165px; padding: 11px; }
.rightBox h2 { padding: 2px 0 5px; text-align: center; }

/*****SUB CONTENT STYLES*******/

#rightColumnSub { position: relative; float: right; width: 400px; height: 300px; margin-left: 60px; top: -35px; right: 30px;  }
.rightBoxSub { float: left; width: 165px; padding: 11px; }
.rightBoxSub h2 { padding: 2px 0 5px; text-align: center; }

.subContainer { position: relative; float: left; width: 977px; top: -3px; background: url(../images/subContentRepeat.png) repeat-y; }
.subContent { float: left; width: 877px; padding: 50px; background: url(../images/subContent.jpg) no-repeat; }
.subImage { float: right; position: relative; top: -137px; }
.subContainer h1 { padding-bottom: 20px; }
.btm { float: left; position: relative; top: -3px; }

#slideshow { float: right; width: 400px; height: 300px; padding-left: 35px;}
#indent { padding-left: 50px;}
#imageright {float: right;}
#imageleft {float: left;}