/***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, input {  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: Arial; font-size: 12px; color: #000; line-height: 18px; background: url('images/bkg.jpg') no-repeat top center #FFF; }
body.tourstops { font-family: Arial; font-size: 14px; color: #000; line-height: 18px; background: url('images/tourstopbkg.jpg') repeat-y top left #FFF; }
body.print { font-family: Arial; font-size: 12px; color: #000; line-height: 18px; background: none; margin-left: 20px; margin-right: 20px;}
a { font-weight: bold; color: #864721; text-decoration: none; }
a:hover, #footer a:hover { color: #536EBD; }
h1 { color: #B44B0C; font-size: 22px; margin-bottom: 20px; }
h1 span { color: #4E735C; font-size: 36px; font-weight: bold; }
h2 { color: #864721; font-size: 20px; }
h2 span { font-size: 28px; font-weight: bold; }
h1, h2 { text-transform: uppercase; font-weight: normal; line-height: 24px; }
h3 { font-size: 18px; color: #000; font-weight: normal; line-height: 22px; }
h3 span { font-size: 14px; color: #4E735C; text-transform: uppercase; font-weight: bold; }
h4 { float: left; width: 300px; text-align: center; color: #B44B0C; text-transform: uppercase; font-size: 15px; }
.green { color: #737F3F; }
.small { font-size: 23px; }

.tourstopstitle { font-size: 16px; color: #B44B0C; text-align: center; text-transform: uppercase; }
.tourstopstitle span { color: #4E735C; font-size: 20px; font-weight: bold; }
.tourstopSubTitle { float: left; width: 320px; text-align: center; color: #B44B0C; font-size: 15px; }

#container { margin: 0 auto; position: relative; width: 1057px; }
#mainBkg { float: left; width: 1057px; height: 913px; background: url('images/contentBkg.png') no-repeat; }

/***HEADER***/

#header { float: left; width: 999px; height: 373px; }
.logo { float: right; width: 692px; height: 33px; margin: 50px 100px 30px 0; }
#forecast { float: left; width: 94px; margin: 110px 0 0 170px; font-size: 14px; color: #828282;}
.sun { float: left;}
#flash { position: absolute; width: 792px; height: 286px; top: 105px; left: 230px; background: url('images/flash.png') no-repeat; padding-top: 2px; }

/**NAV STYLES***/

#nav { float: right; position: relative; margin-top: -10px; width: 718px; height: 30px; margin-right: 20px; font-size: 16px; text-transform: uppercase; z-index: 2; }
#nav span { font-size: 22px; }
.main a, .mainON { width: 85px; }
.northern a, .northernON { width: 167px; }
.central a, .centralON { width: 155px; }
.southern a, .southernON { width: 170px; }
.resources a, .resourcesON { width: 133px; }
.main a, .northern a, .southern a, .central a, .resources a { float: left; padding-top: 10px; height: 20px; color: #864721; font-weight: normal; text-transform: uppercase; text-decoration: none; text-align: center; }
.main a:hover, .northern a:hover, .central a:hover, .southern a:hover, .resources a:hover, .mainON, .northernON, .centralON, .southernON, .resourcesON { height: 30px; color: #864721; font-weight: bold; background: url('images/navRoll.png') no-repeat top right; }
.mainON, .northernON, .centralON, .southernON, .resourcesON { float: left; padding-top: 10px; text-transform: uppercase; text-decoration: none; text-align: center; }

/***FOOTER***/

#footer { float: left; width: 917px; margin-top: 20px; padding: 0 70px; font-size: 9px; color: #864721; }
#footer a { color: #864721; text-transform: uppercase; text-decoration: none; }
.footerLogo { float: right; margin-right: 10px; }
.plateauLogo, .plateauLogo a { float: right; width: 140px; height: 74px; background: url('images/plateauLogo.jpg') no-repeat; }
.plateauLogo a:hover { background: url('images/plateauLogoON.jpg') no-repeat; }
.tnLogo, .tnLogo a { float: right; width: 148px; height: 66px; background: url('images/tnLogo.jpg') no-repeat; }
.tnLogo a:hover { background: url('images/tnLogoON.jpg') no-repeat; }

#footer2 { float: left; width: 917px; margin-top: 20px; padding: 0 70px; font-size: 9px; color: #864721; }
#footer2 a { color: #864721; text-transform: uppercase; text-decoration: none; }

/***BODY STYLES***/

.contentContainer { float: left; width: 643px; }
.contentBlock { float:left; width:605px; height: 380px; overflow: auto; }

.contentBlockLong { float:left; width:865px; height: 380px; overflow: auto; position: relative;}

#homeContent { float: left; width: 650px; height: 474px; margin: 10px 0 0 90px; padding: 30px 0 0; font-size: 11px; line-height: 14px; overflow: hidden; background: url('images/homeContent.png') no-repeat; }
#homeContent p { position: relative; margin: 10px; z-index: 5; }
.blank { float: right; width: 200px; height: 50px; }
.homeMap { float: right; width: 440px; margin: -35px 10px 0 0; background: url('images/homeMap.jpg') no-repeat;  }
.homeLegend { position: relative; width: 379px; height: 225px; bottom: 200px; left: 0; background: url('images/homeLegend.jpg') no-repeat; }
.beforeSign { margin: 176px 0 0 0; }
.beforeSign, .beforeSign a { float: right; width: 123px; height: 191px; right: 0; bottom: 0; background: url('images/beforeOFF.jpg') no-repeat; }
.beforeSign a:hover { background: url('images/beforeON.jpg') no-repeat; }
#homeSide { float: right; position: relative; width: 270px; height: 517px; right: 60px; top: -10px; font-size: 12px; }
#stickyNote { float: left; width: 200px; height: 223px; padding: 30px; background: url('images/stickyNote.png') no-repeat; }
#homeKnow { float: left; margin-left: 30px; }

.subContent { float: left; width: 614px; height: 474px; margin: 20px 0 0 90px; padding: 10px 0 0; font-size: 11px; line-height: 14px; overflow: hidden; background: url('images/subContent.png') no-repeat; }
.subContent p { margin: 10px; }

.subContentLong { float: left; width: 874px; height: 474px; margin: 20px 0 0 90px; padding: 10px 0 0; font-size: 11px; line-height: 14px; overflow: hidden; background: url('images/subContentLong.png') no-repeat; }
.subContentLong p { margin: 10px; }

.subLegend { position: relative; bottom: 220px; left: -610px; }
.subMap { position: relative; left: 60px; bottom: 330px; }
.southMap  { left: 150px; }
.southLegend { left: -500px; }
.subSide { float: right; position: relative; width: 310px; height: 454px; right: 25px; top: 0; padding: 20px 10px 10px 20px; font-size: 10px; background: url('images/subSideBkg.png') no-repeat; }
.subSidePic { float: right; width: 122px; height: 120px; margin: 22px 22px 20px 0; }
.divider { float: left; width: 303px; height: 5px; background: url('images/divider.jpg') no-repeat; }
.sitesContainer { float: left; width: 300px; height: 250px; overflow: auto; line-height: 14px; z-index:3; }
.sitesContainer span { color: #666; }

.highlightTitle {width:135px;}

.tourdetails {width: 380px; padding:20px 10px 10px 10px; }
.tourpictures { float: right; width: 130px; padding: 7px; right: 0px; top: 0;}
.tourdivider { float: left; width: 360px; height: 5px; background: url('images/tourdivider.jpg') no-repeat; }

.tourpin { position: relative;
float: left; 
background: url('images/pushpin.png') transparent no-repeat; 
margin-top:-15px; 
padding: 5px 0 0 0px; 
width:29px; 
color:#ffffff; 
font-size: 15px;
height:41px;
text-align:center;
}

.print, .print a, .print h1, .print h2, .print h3, .print span { color: #000000 }

.clear { clear: left; }