/* Montgomery County: Main CSS  */
/* Shannon-Rose Design 2008	*/

/* Swatches
	Background Color: c3cbc5
	Gray Font: 4b4b4b
	Tan Sidebar: ebe9dc
	About Bkgd: 39545c
	About Hover Bkgd: 668892
	History Bkgd: 64512f
	History Hover Bkgd: 96815c
	Seasons Bkgd: 404d36
	Seasons Hover Bkgd: 768769
	Explore Bkgd: 5b3a46
	Explore Hover Bkgd: 9e7182
	Left Nav Font: 908f8f
	Left Nav Hover: f7f6f1
	Header Font: 4d6884
	Right Column Bkgd: d3d1c6
	Orange: e5b055
	Light Tan: e0dfd7
	Photo Border: 2f4760
	Footer Bkgd: 97aec5
*/

/* == Common Rules ============================ */
.clear { clear: both; }
div.clear { font-size: 1px; line-height: 1px; height: 0; visibility: hidden; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.noBorder { border: none!important; }
p { font-size: 11px; line-height: 15px; }
a { text-decoration: underline; color: #787878; }
a:hover { text-decoration: none; color: #313030; }
a.subNavActive { background-image: none!important; color: #908f8f!important; }
img { border: 1px solid #2f4760; display: inline; }
img.insetRight { margin: 5px 0 5px 10px; }
img.insetLeft { margin: 5px 10px 5px 0; }
strong { font-weight: bold; }
em { font-style: italic; }
/* ============================================ */
html, body { height: 100%; }
body { font-size: 62.5%; line-height: 140%; background: #c3cbc5 url(/imgs/bodyBkgd.jpg) repeat-y 50% 0; font-family: Helvetica, Arial, sans-serif; color: #4b4b4b; }
div.whiteSpace { margin: 0 auto; background-color: #fff; width: 900px; height: 20px; display: block; }
div#wrapper { width: 900px; background: #ebe9dc url(/imgs/wrapperBkgd.gif) repeat-y 0 0; margin: 0 auto -129px; min-height: 100%; height: auto !important; height: 100%; }
div#leftColumn { float: left; display: inline; width: 200px; background-color: #ebe9dc; }
div#mainColumn { float: left; display: inline; width: 700px; }
div#mastHead.homePageHeader { height: 393px; background: transparent url(/imgs/home/mastHeadBkgd.jpg) no-repeat 0 0; }
div.pageHeader { width: 700px; height: 79px; }
div.aboutSection { background-color: #39545c; }
div.historySection { background-color: #64512f; }
div.seasonsSection { background-color: #404d36; }
div.generalSection { background-color: #605e52; }
div.exploreSection { background-color: #5b3a46; }
img.pageHeaderImage { position: relative; margin: 8px 0 0 22px; border: none; float: left; display: inline; }
img.shorterImage { margin: 20px 0 0 22px; }
img.mediumImage { margin: 14px 0 0 22px; }
img.pageHeaderCallout { position: relative; margin: 18px 16px 0 0; border: none; float: right; display: inline; }
img#ilnylogo { float: right; display: inline; margin: 135px 25px 0 0; border: none; }
div#homeCallout { height: 43px; margin: 144px 0 0; display: inline; width: 700px; float: left; }
#homeCallout a { height: 43px; width: 167px; text-decoration: none; float: left; display: inline; }
#homeCallout a:hover { text-decoration: none; }
#homeCallout a em { display: none; }
#homeCallout a.homeAboutCallout { background-color: #39545c; background-image: url(/imgs/home/aboutCalloutBkgd.png); background-position: 0 0; }
#homeCallout a.homeAboutCallout:hover { background-color: #668892; background-position: 0 100%; }
#homeCallout a.homeHistoryCallout { background-color: #64512f; width: 166px; background-image: url(/imgs/home/historyCalloutBkgd.png); background-position: 0 0; }
#homeCallout a.homeHistoryCallout:hover { background-color: #96815c; background-position: 0 100%; }
#homeCallout a.homeSeasonsCallout { background-color: #404d36; background-image: url(/imgs/home/seasonsCalloutBkgd.png); background-position: 0 0; }
#homeCallout a.homeSeasonsCallout:hover { background-color: #768769; background-position: 0 100%; }
#homeCallout a.homeExploreCallout { background-color: #5b3a46; background-image: url(/imgs/home/exploreCalloutBkgd.png); background-position: 0 0; width: 200px; }
#homeCallout a.homeExploreCallout:hover { background-color: #9e7182; background-position: 0 100%; }
ul#mainNavigation { margin: 17px 0 25px; }
ul#mainNavigation li { width: 200px; display: block; font-size: 12px; line-height: 16px; margin: 0 0 1px; }
ul#mainNavigation li a { width: 200px; height: 31px; display: block; text-decoration: none; color: #908f8f; background-color: #ebe9dc; background-image: url(/imgs/mainNavBkgd.gif); background-position: 0 0; }
ul#mainNavigation li a:hover { text-decoration: none; background-color: #f7f6f1; background-position: 0 62px; }
ul#mainNavigation li a span { margin: 0 0 0 31px; top: -1px; border-top: 1px solid #c8c7be; width: 139px; position: relative; line-height: 31px; display: block; }
ul#mainNavigation li.here a { color: #000; background-color: #f7f6f1; background-image: url(/imgs/mainNavActiveBkgd.gif); }
ul#mainNavigation li.here a.subNavActive:hover { color: #000!important; }
ul#mainNavigation li.here ul { margin: 0; background-color: #f7f6f1; padding: 0 0 5px; }
ul#mainNavigation li.here ul li { padding: 0 0 5px; }
ul#mainNavigation li.here ul li a { height: auto; background-image: none; color: #908f8f; padding: 0 0 0 45px; width: 155px; }
ul#mainNavigation li.here ul li a:hover { color: #000; }
ul#mainNavigation li.here ul li.subHere a { color: #000; background-image: url(/imgs/mainNavActiveBkgd.gif); background-position: 0 -8px; }
img.leftColumnImg { position: relative; margin: 0 0 0 26px; border: none; }
img.centeredLeftColumnImage { position: relative; margin: 0 0 15px 30px; border: none; }
img.centeredLeftColumnImageSquare { position: relative; margin: 0 0 15px 26px; border: none; }
img.justGo { margin-left: 12px;}
img.facebookIcon { position: relative; margin: 0 0 15px 29px; border: none; }
img.marginTopRight { margin: 35px 0 0 45px; }
#leftColumn h1 { margin: 5px 0 25px; font: normal 12px/20px Georgia, "Times New Roman", TImes, serif; color: #878787; text-align: center; text-transform: uppercase; letter-spacing: 0.2em; }
#leftColumn h1 strong { font-size: 16px; letter-spacing: normal; text-transform: none; }
div#contentLeft { float: left; display: inline; width: 500px; padding: 20px 0 0; }
div#contentWide { float: left; display: inline; width: 700px; padding: 20px 0 0; }
#contentLeft h1, #contentWide h1 { color: #4d6884; font: normal 20px/24px Georgia, "Times New Roman", Times, serif; position: relative; margin: 0 0 10px 28px; }
#contentLeft p, #contentWide p { margin: 0 28px 10px; }
#contentLeft h2, #contentWide h2 { color: #39545c; font: normal 16px/20px Georgia, "Times New Roman", Times, serif; margin: 0 28px 10px; }
#contentLeft h3, #contentWide h3 { color: #39545c; font: normal 13px/17px Georgia, "Times New Roman", Times, serif; margin: 0 28px 5px; }
#contentLeft ul, #contentWide ul { margin: 0 0 10px 28px; }
#contentLeft ul li, #contentWide ul li { margin: 0 25px 3px 22px; font-size: 11px; line-height: 15px; list-style-type: disc; }
div#contentRight { float: left; display: inline; width: 200px; background-color: #d3d1c6; }
#contentRight p.interactiveMapNote { width: 200px; text-align: center; height: 14px; color: #fff; background-color: #e5b055; margin: 0; display: block; font-size: 0.95em; line-height: 12px; padding: 5px 0 0; text-transform: uppercase; letter-spacing: 0.1em; }
#contentRight p.learnMoreNote { margin: 0 0 10px; position: relative; padding: 8px 15px 6px; width: 170px; font-color: #767272; background-color: #e0dfd7; font-size: 10px; line-height: 12px; }
#contentRight ul.secondaryNavigation { list-style-type: disc; margin: 0 0 10px; }
#contentRight ul.secondaryNavigation li { margin: 0 15px 6px 26px; }
#contentRight ul.secondaryNavigation li a { font-weight: bold; font-size: 11px; line-height: 17px; }
div#contentRight.insideContentRight { padding: 15px 0 0; }
#contentRight p.calloutLinks { width: 167px; margin: 0 0 8px 16px; border-bottom: 1px solid #b4b2a8; font: normal 14px/18px Georgia, "Times New Roman", Times, serif; }
#contentRight p.calloutLinks a { text-decoration: none; color: #787878; display: block; padding: 0 0 7px; background-image: url(/imgs/inside/calloutBkgd.gif); background-position: 0 55px; background-repeat: no-repeat; }
#contentRight p.calloutLinks a:hover { color: #313030; }
#contentRight p.calloutLinks a img { border: 1px solid #ebe9dc; margin: 0 0 8px; }
#contentRight h1 { color: #787878; font: normal 18px/22px Georgia, "Times New Roman", Times, serif; margin: 0 15px 10px; }
#contentRight h2 { color: #39545c; font: normal 14px/18px Georgia, "Times New Roman", Times, serif; margin: 0 15px 10px; }
#contentRight h2.homeFeaturedCallout { margin: 0 15px 5px; }
#contentRight p { color: #787878; margin: 0 15px 10px; }
#contentRight p.thumbnailCallout { padding: 0 0 10px; border-bottom: 1px solid #b4b2a8; }
#contentRight ul { margin: 0 0 10px; }
#contentRight ul li { font-size: 11px; line-height: 15px; margin: 0 15px 3px; }
div.push { height: 129px; visibility: visible; }
p.ilnyTrademark { position: relative; font: normal 8px/10px Arial, sans-serif; text-align: center; width: 200px; color: #908F8F; }
div#footerWrap { margin: 40px auto 0; width: 900px; height: 99px; background-color: #fff; }
div#footer { width: 900px; height: 79px; background-color: #97aec5; margin: 0 auto; }
#footer h1, #footer p { color: #fff; font-size: 11px; line-height: 15px; position: relative; margin: 0 0 0 228px; }
#footer h1 { padding-top: 12px; }
#footer p em { margin: 0 5px; }
#footer p#photoCredit {
	font-size: 8px;
}
#footer a { text-decoration: underline; color: #fff; }
#footer a:hover { text-decoration: none; color: #fff; }
/* TYPO3 Styles */
#contentLeft table.contenttable { margin: 0 0 10px; }
#contentLeft table.contenttable td p.bodytext { margin: 0 0 3px 28px; }
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; margin-top: 5px; }
div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap { margin-right: 15px !important; margin-left: 28px; }
div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap { margin-left: 15px !important; margin-right: 28px; }
div.csc-textpic img { border: 1px solid #2F4760; }
/* Right hand gallery styles */
#contentRight.photoGallery div.csc-textpic-imagewrap { margin: 0 0 0 15px; }
#contentRight.photoGallery dl.csc-textpic-image { float: left; display: inline; margin: 0 5px 5px 0; width: 52px!important; }
#contentRight.photoGallery div.csc-textpic-equalheight div dl dt a { border: 1px solid #ebe9dc; display: block; }
#contentRight.photoGallery div.csc-textpic-equalheight div dl dt a:hover { border: 1px solid #ffb12a; }
#contentRight.photoGallery div.csc-textpic-equalheight div dl dt a img { border: none; }
div#lightbox div#imageDataContainer div#imageData div#bottomNav { float: right; margin: -4px 0 4px; }
div#imageData span#numberDisplay { display: none; }
/* Contact Page Styles */
form#contactForm { width: 384px; background-color: #f7f6f1; border: 1px solid #d3d1c6; margin: 0 0 10px 28px; padding: 10px 0; }
form#contactForm.formWide { width: 640px; }
form#contactForm p { margin: 0 10px 10px 15px; }
form#contactForm ul { margin: 0 0 10px; }
form#contactForm ul li { margin: 0 10px 3px 15px; list-style-type: none; float: left; display: inline; width: 60px; }
form#contactForm ul li.formField { width: 275px; margin: 0 0 3px; }
form#contactForm h3 { margin: 0 10px 5px 15px; }
/* General Form Styles */
input.textBoxMedium { width: 250px; border: 1px solid #d3d1c6; float: left; display: inline; }
input.textBoxShorter { width: 220px; border: 1px solid #d3d1c6; float: left; display: inline; }
input.textBoxLogin { width: 150px; border: 1px solid #C2BFAA; margin: 2px 0 5px; }
textarea { width: 250px; height: 150px; border: 1px solid #d3d1c6 }
textarea#funfact { width: 150px; height: 100px; border: 1px solid #C2BFAA; }
select { width: 598px; border: 1px solid #d3d1c6; }
input.emptyRequiredField, textarea.emptyRequiredField, select.emptyRequiredField { border: 1px solid #fe1919; }
p.errorMessage { position: relative; margin: 10px 10px 0!important; color: #ee252a!important; }
p.successMessage { position: relative; margin: 10px 10px 0!important; color: #012e9e!important; }
.requiredField { color: #ee252a!important; }
.requiredFieldInput { border: 1px solid #ee252a!important; }
form#contactForm img { border: 1px solid #d3d1c6; float: right; display: inline; width: 18px; height: 18px; }
span.select-box { width: 598px; }
/* Differences to the form for the itinerary register page */
form#contactForm.itineraryRegister ul li { margin: 0 10px 3px 15px; list-style-type: none; float: left; display: inline; width: 90px; }
form#contactForm.itineraryRegister ul li.formField { width: 245px; margin: 0 0 3px; }
#contentLeft a.removeItinerary { font-size: 10px; }