/********* QUICK NOTES *********/
/* This site has 3 templates:  1 homepage, 1 internal with left column, and 1 internal with no left column */
/* Content width for template with left column: 514px */
/* Content width for template without left column: 664px */
/* Matte color is #FDECBD for yellow-orange page background */
/* Matte color is #F7F8E8 for content (parchment) background */

/********* GENERAL BODY ELEMENTS *********/
body { margin: 0 auto; padding: 0 0 20px 0; text-align: center; background:#6C3014 url(../images/general_template/silver_plume_panel_low.jpg) repeat; }
body, p, div, a, form, td, li { font: 13px/20px Georgia, Times, "Times New Roman", serif; color: #281d13; }
p { margin: 0 0 20px 0; }
img { border: 0; }
a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: none;}
h1, h1 a { margin: 28px 0 12px 0; padding: 0; font-size: 17px; font-weight: bold; color: #ab420e; }
h1.pageHeading { font-size: 23px; margin: 12px 0 20px 0; font-weight: bold; text-align: center; color: #ab420e;}
h1#homepageHeading { font-size: 21px; line-height:24px; margin: 0 0 13px 0; font-weight: bold; text-align: center; color: #ab420e;}
.headStart { margin-top: 14px; }
h2, h2 a { margin: 28px 0 2px 0; padding: 0; font-size: 17px; font-weight: bold; color: #ab420e; }
h3, h3 a { margin: 20px 0 12px 0; padding: 0;  font-size: 15px; line-height: 17px; font-weight: bold; color: #ab420e;  }
h4, h4 a { margin: 20px 0 2px 0; padding: 0;  font-size: 15px; line-height: 17px; font-weight: bold; color: #ab420e; }
h5, h5 a { margin: 0 0 12px 0; padding: 0;  font-size: 13px; line-height: 15px; font-weight: bold;  }
h6, h6 a { margin: 0 0 2px 0; padding: 0;  font-size: 13px; line-height: 15px; font-weight: bold;  }


/******* DROP-DOWN MENUS *******/
.menu { position: absolute;  margin: 0; padding: 1px; visibility: hidden; z-index: 101;
background-color: #3a4b31; }

.menu a { display: block; margin: 0; border: 1px solid #aca861; border-top:0; border-bottom: 0; padding: 6px 4px 6px 20px; 
width: 150px; text-align: left; color: #d0c772; font-size: 13px; background-color: #transparent; }
.menu a:link, .menu a:visited { text-decoration: none; background: url(/images/general_template/arrow_green.gif) no-repeat top left; }
.menu a:hover { text-decoration: none; color: #f6ed98; background:  #546f47 url(/images/general_template/arrow_green_ro.gif) no-repeat top left; }
.menu a.menuItemLast { border-bottom: 1px solid #aca861; }
.menu a.menuItemFirst { border-top: 1px solid #aca861; }

/********* LISTS *********/
ul { margin: 0 0 12px 0; padding: 0 0 0 30px; text-align:left;  }
ul li { padding-bottom: 0;  list-style-type:disc; }
.extraSpacing li { padding-bottom: 8px; }
.sponsorLevelsList { }
.sponsorLevelsList li { list-style-type: none; padding: 0 0 4px 0; }
.sponsorLevelsBenefitsList { margin: 0; }
.sponsorLevelsList .sponsorLevelsBenefitsList li { list-style-type:square; padding: 0 0 4px 0; }
.timesList { margin: 0; }
.timesList li { list-style-type: none; text-align: right; }

/********* FORMS AND FORM ELEMENTS *********/

/* Form */
form { margin:0; padding: 0; }
#contactUsForm { margin-top: 25px; }
.joinButtonForm { margin: 0 0 24px 0; }

/* Form Layout */
.standardFormTable { margin: 0 auto; width: 500px; }
.formTableLeft { padding: 6px 10px 6px 0; width: 150px; font-weight: bold; text-align: right; vertical-align: top; }
.formTableRight { padding: 6px 0; width: 340px;  text-align: left; vertical-align: top; }

/* Form Elements */
.submit { margin: 0 10px 0 0; }
select { font: 11px verdana, arial, sans-serif; color: #61605B; background-color: #FFF;  }
option { padding: 2px 0 2px 2px; }
.error { font-weight: bold; color: #D3610F; }
.admin { color: #000000; }

/********* GENERAL FORMATTING AND APPEARANCE *********/
.smallText { font-size: 10px; }
.largeText { font-size: 14px; }
.timesNewRoman { font-family: "Times New Roman", Times, verdana, arial, serif; }
.red { color: #9E3501; }
.boldRed { font-weight: bold; color: #ab420e; }
.boldGreen { color: #3B4A2A; font-weight: bold;  }
.normalColorText { color: #281d13; }
.bold { font-weight: bold; }
.notBold {font-weight: normal; }
.largerAsterisk { font: 14px bold verdana, tahoma, arial, sans-serif; }

/********* SPACING AND ALIGNMENT *********/
.block { display: block; }
.center { text-align: center; }
.justify { text-align: justify; }
.margin0 { margin: 0; }
.marginAuto { margin: 0 auto; }
.marginTop0 { margin-top: 0; }
.marginTop2px { margin-top: 2px; }
.marginTop6px { margin-top: 6px; }
.marginTop8px { margin-top: 8px; }
.marginTop10px { margin-top: 10px; }
.marginTop12px { margin-top: 12px; }
.marginTop24px { margin-top: 24px; }
.marginTop30px { margin-top: 30px; }
.marginTop40px { margin-top: 40px; }
.marginBottom0 { margin-bottom: 0; }
.marginBottom4px { margin-bottom: 4px; }
.marginBottom8px { margin-bottom: 8px; }
.marginBottom10px { margin-bottom: 10px; }
.marginBottom12px { margin-bottom: 12px; }
.marginBottom24px { margin-bottom: 24px; }
.marginBottom40px { margin-bottom: 40px; }
.right { text-align: right; }
.floatRight { display: block; margin: 0 20px 12px 16px; float: right;  }
.floatLeft { display: block; margin: 0 18px 12px 0; float: left;  }
.clearBoth { clear: both; }
.horizontalRuleNarrow { margin: 0 auto; border-top: 1px solid #bbb; width: 360px; height: 1px; }
.inline { display: inline; }
.indent90 { margin-left: 90px; }
.indent60 { margin-left: 60px; }
.indent30 { margin-left: 30px; }
p + ul { margin-top: -6px; } /* Doesn't work in IE  */

/********* GENERAL TEMPLATE LAYOUT *********/
#header { margin: 0 auto; padding:39px 0 8px 0; width: 746px; height: 44px; text-align: center; }
#headerTitle {margin: 0 auto; width: 487px; height: 44px; vertical-align: top; }
#pageTop { margin: 0 auto; padding: 0; width: 746px; height: 33px; background: transparent url(/images/general_template/page_top_gif.gif) no-repeat top; }
#pageBorder { margin: 0 auto; border: 1px solid #b67924; border-top: 0; border-bottom: 0; padding: 0 7px;; width: 730px; background-color: #251d19; }
#pageContainer { margin: 0; padding:0; width: 730px; text-align: center; background: #f3db8e url(../images/general_template/bkg_parchment.jpg) repeat; }

#mainNav { margin: 0 auto 21px auto; padding-top: 2px; width: 678px; height: 32px; text-align: center; background: transparent url(../images/general_template/bkg_navbar.gif) no-repeat top; }

#mainNav img { padding: 1px 0;  } 
#mainNav img.navButton { margin-right: -4px; }


.masthead { margin: 0 auto 28px auto; border: 1px solid #2e261f; padding: 1px; width: 664px; text-align: center; }
.mastheadInnerBorder { margin: 0; border: 2px solid #2e261f; padding: 1px; width: 658px; }
.announcementInnerBorder { margin: 0; border: 2px solid #2e261f; width: 660px; }
#announcementBoxTop { width: 660px; height: 20px; background: url(/image/general_template/announcement_top.jpg) no-repeat;}
#announcementBoxTile { width: 660px; background: #F9E0A7 url(/images/general_template/anouncement_tile.gif) repeat-y; }
#announcementBox {  padding: 12px 24px 20px 24px; width: 612px; background: url(/image/general_template/announcement_btm.jpg) no-repeat bottom;}
#announcementBox h3 {line-height: 18px; }
#announcementBox h1.pageHeading { margin-top: 0; padding-top: 0; }

#promoBox {margin: 0 0 24px 0;  border-top: 1px solid #2e261f;border-bottom: 1px solid #2e261f;  padding: 12px 24px 20px 24px; background: #F9E0A7; }

.mainContentTable { margin: 0; padding: 0; width: 730px; }
#leftColumn { padding: 5px 31px 10px 31px; width: 207px; vertical-align: top; text-align: left; }
.buyTickets { margin: 0 auto 20px auto; padding: 0;}
.leftColImage { display: block; margin: 0 auto 20px auto; }
.historyPageImage { display: block; margin: 0 auto 40px auto; }
#historyPageImageFirst { margin: 40px auto; }
.decoration { display: block; margin: 0 auto 20px auto; }
.sponsorHeading { margin: 40px 0 12px 0; text-align: center; }
.sponsorPartnerHeading { margin: 55px 0 2px 0; padding: 0; text-align: center; }
.sponsorLogo { display: block; margin: 0 auto; }
#mainColumn { padding: 0 31px 30px 0; width: 430px; vertical-align: top; text-align: left; }
#mainContentTableHomepage #mainColumn { padding-bottom: 0; }
#oneWideColumn { padding: 0 31px 30px 31px; width: 668px; text-align: center; } 
.homepageIntro { text-align: left; line-height: 20px; }
#sideNavTop { margin: 0 auto; width: 207px; height: 20px; background: transparent url(../images/side_nav/side_nav_top.jpg) no-repeat top; }
#sideNav { margin: 0 auto; padding:0 10px; width: 187px; background: transparent url(../images/side_nav/sidenav_tile.jpg) repeat-y; }
.sideNavHeading { margin: 0 0 12px 0; padding: 0 0 7px 0;text-align: center; font-size: 14px; 
background: transparent url(../images/side_nav/sidenav_dotted_line.gif) no-repeat bottom center;}
#sideNav a { display: block; margin: 0; padding: 8px 0 8px 38px; text-decoration: none; font-size:12px; font-weight: bold; line-height: 14px; color: #625745; }
#sideNav a:link, #sideNav a:visited {}
#sideNav a:hover { background: transparent url(/images/side_nav/hand.jpg) no-repeat top left; }
#sideNavBottom { margin: 0 auto 20px auto; width: 207px; height: 20px; background: transparent url(../images/side_nav/side_nav_bottom.jpg) no-repeat top; }

.printableVersion { float: right; margin: 9px 0 0 0; width: 150px; }
.printableVersionMapsDirections { margin: 0 0 20px 0; text-align: center; }
#directionsMapsHeading { margin-bottom: 8px; }

.faresTable { margin: 0 0 16px 0; width: 360px;  }
.faresLeft { padding: 3px 20px 3px 30px; width: 190px; text-align: left; vertical-align: top; font-weight: bold; color: #3B4A2A;  }
.faresRight { padding: 3px 20px 3px 0; width: 100px; text-align: left; vertical-align: top; }
.schoolFaresLeft { padding: 3px 20px 8px 30px; width: 130px; text-align: left; vertical-align: top; font-weight: bold; color: #3B4A2A;  line-height: 15px; }
.schoolFaresRight { padding: 3px 20px 8px 0; width: 160px; text-align: left; vertical-align: top; }

.trainFareTable { margin: 0 0 12px 0; border: 1px solid #73665E; border-bottom: 0; width: 428px; background: #FBE2AC; }
.trainFareLeft { border-bottom: 1px solid #73665E; padding: 6px 12px 6px 0; width: 60px; vertical-align: top; text-align: right; }
.trainFareRight { border-bottom: 1px solid #73665E; padding: 6px 12px 6px 0; width: 344px; vertical-align: top; text-align: left; }

#timeTable { border: 1px solid #73665E; border-bottom: 0; width: 428px; background: #FBE2AC; }
#timeTable th { padding: 4px 6px; color: #F9EAC0; text-align: center; vertical-align: middle; border-right: 0; border-bottom: 0; }
td.timeTableSilverPlume li, td.timeTableDevilsGate li  { font-family: verdana, Tahoma,  "Lucida Grande", sans-serif; font-size: 11px;  }
.timeTableDates { padding: 12px 12px 12px 10px; width: 180px; text-align: left; vertical-align: top; border-right: 1px solid #73665E; border-bottom: 1px solid #73665E; }
.timeTableSilverPlume { padding: 12px 12px 12px 0; width: 101px; text-align: left; vertical-align: top; border-right: 1px solid #73665E; border-bottom: 1px solid #73665E;}
.timeTableDevilsGate { padding: 12px 12px 12px 0; width: 101px; text-align: left; vertical-align: top; border-bottom: 1px solid #73665E;}

#loopPhotosTable { margin: 0 auto; width: 424px; }
.loopPhotosLeft { padding: 14px 8px 14px 0; width: 204px; text-align: center; vertical-align: middle; }
.loopPhotosRight { padding: 14px 0 14px 8px; width: 204px; text-align: center; vertical-align: middle; }
.loopPhotoThumb { display: block; margin: 0 auto; border: 1px solid #73665E; padding: 1px; }
.loopPhotoLarge { display: block; margin: 0 auto 10px auto; border: 1px solid #2e261f; padding: 2px; }

#contactUsTable { margin: 0 auto; width: 420px; }
.contactUsLeft { padding: 0 30px 0 0; width: 198px; text-align: left; vertical-align: top; }
.contactUsRight { padding: 0; width: 192px; text-align: left; vertical-align: top; }

/********* EMAIL FORM SUCCESSS OR ERROR MESSAGES *********/
.error {
	color: red;
	font-weight: bold;
	border: 2px solid red;
	padding: 20px;
}
.success {
	color: green;
	font-weight: bold;
	border: 2px solid green;
	padding: 20px;
}

/******** FOOTER *********/
#footerTop { margin: 0 auto; width: 746px; height: 27px; vertical-align: top; background: transparent url(/images/general_template/page_bottom_gif.gif) no-repeat top; }
#footer { margin: 0 auto; padding: 7px 0 0 0; width: 746px; text-align: center;  }
#footer a, #footer p { font-size: 11px; color: #E0BB5A;  }



