body { color: black; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color:#0d4949; background-image:url(common/tires_back.jpg); background-repeat:no-repeat; 	background-attachment: scroll; 	background-position: top center; }

div#pageHolder { position: absolute; float: left; left: 50%; }

div#menuRegion { position: relative; background-color: #696; width: 800px; height: 85px; z-index: 99; border-color:#696; border-style: solid; border-width: 1px 1px 0; }
div#menuRegion img#topPhoto { width: 800px; height: 60px }
div#menuRegion img#bywaylogo { position: absolute; top: 5px; left: 15px }

div#pageContent { float: left; width: 760px; background-color: #cc9; position: relative; z-index: 1; padding: 20px; border-color: #696; border-style: solid; border-width: 0 1px 0; }

div.framedImage { color: #033; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: #696; text-align: left; width: 425px; overflow: hidden; margin-top: 0px; padding: 0 10px 5px; border: solid 10px white; }
div.framedImage img { width: 445px; margin: 0 0 5px -10px }

img.quotation { position: absolute; top: 50px; left: 500px }

div#textColumn { float: right; width: 430px; margin: 0 0px 0 0; }
div#textColumn div.framedImage { width: 390px }
div#textColumn div.framedImage img { width: 420px }

#mapRegion { float: left; margin: -20px 0 0 -20px }

div#textfullcolumn { float:left; width:760px; height:auto;}
img.photort { float: right;  margin: 0 0 6px 12px }
div.ltoverbottom { float:left; width:320px; height:auto; padding-top:15px;}
div.rtoverbottom { float:right; width:425px; height:auto; border-left:1px #FFFFCC solid; padding-top:15px;}
img.bywaymembership { padding-left:25px; }



div.sidePhotoLeft, div.sidePhotoRight { float: left; margin: 0 12px 6px 0; }
div.sidePhotoRight { float: right;  margin: 0 0 6px 12px }
div.sidePhotoLeft p, div.sidePhotoRight p { text-align: center; color: #013537; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin: 6px 0 0 0}

a { color: #630 }
a:visited { color: #333 } 

div#indexpageHolder { position: relative; width: 800px; margin: 20px auto 0px auto; }
div.access_button { width:295px; height:35px; float:left; position: relative; top: 0px; left: -1px; display:block; visibility: visible; overflow: hidden; z-index: 2; margin:0; padding:0; }
div#splash_text { width:780px; display:inline-block; height:auto; position: absolute; top: 540px; left: -1px; padding: 20px 10px 10px 10px; border-color:#696; border-style: solid; border-width: 0px 1px 1px 1px; background-color: #cc9; }

div#footer_index { float:left; position: relative; top: 835px; left: 0px; display:block; visibility: visible; overflow: hidden; text-align:center; width:800px;  }
img.colorchart {border-color:#696; border-style: solid; border-width: 0 1px 1px;}


table#buttonbar { position: absolute; top: 0px; right: 0px; height: 25px; padding: 0; border-style: none; border-spacing: 0; border-collapse: collapse  }
table#buttonbar td { background-color: #066; color: white; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-align: center; vertical-align: middle; padding: 0 10px; }
table#buttonbar td.special { background-color: #633; }
table#buttonbar td#hoverButton { background-color: #9cc }
table#buttonbar td.special#hoverButton { color: #033; background-color: #9cc }


table#menubar { position: absolute; top: 60px; right: 0px; height: 25px; border-spacing: 0; border-collapse: collapse  }
table#menubar td { color: #033; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; vertical-align: middle; white-space: nowrap; padding: 0 6px }
table#menubar td#topmenuover { background-color: #9cc}

table.submenu { color: #033; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 12px; background-color: #ffc; position: absolute; z-index: 99; display: none; border-spacing: 0; border-collapse: collapse; border-color: #663; border-style: solid; border-width: 0 0 1px 0;    }
table.submenu td { padding: 2px 6px; border-color: #663; border-style: solid; border-width: 1px 0 1px 0; white-space: nowrap; }
table.submenu th { padding: 2px 6px;  border-style: none;  }
table.submenu td.indented { padding: 2px 6px 2px 2px; border-color: #006165; border-style: solid; border-width: 1px 0 0 0; white-space: nowrap; }
table.submenu td#submenuover { background-color: white }


h1 { color: #066; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold;background-image: url(common/ellipsis.gif); background-repeat: repeat-x; margin: 10px 0 0       ; }
h1 span { background-color: #cc9; background-image: none; }
h1.middleSection {  background-color: #066; }

h1.southgate { background-color: #363; color:#363; }
h1.lowsec { background-color: #933; color:#933; }
h1.midsec { background-color: #636; color:#636; }
h1.upsec { background-color: #963; color:#963; }
h1.northgate { background-color: #069; color:#069; }

h2 { font-size: 15px; color: #003333; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 15px 0 0;}
h3 { font-size: 13px; color: #330000; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; letter-spacing: 0.1em; margin: 5px 0 6px;}
h4 {
	font-size: 14px;
	color: #003333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0 18px;
	line-height: 19px;
	font-weight: normal;
}
h5 { font-size: 12px; color: black; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; letter-spacing: 0.1em; margin: 6px 0 3px 0}

p { margin: 0 0 12px 0; }

p.footer { color: #330; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; margin: 0 0 0 0; }

p.udsb_text {font-size: 12px; line-height:16px;}

span.goldmember { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#066;}
span.silvermember { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#066;}

span.events {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000;}
span.events a:link {color:#000; text-decoration:none; font-weight:bold;}
span.events a:visited {color:#000; text-decoration:none; font-weight:bold;}
span.events a:hover {color:#999; text-decoration:underline; font-weight:bold;}
span.events a:active{color:#000; text-decoration:none; font-weight:bold;}


div.didYouKnow_right, div.didYouKnow_left { color: #033; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-size: 10px; background-color: #ffc; background-image: url(common/did_you_know.gif); background-repeat: no-repeat; background-position: 10px 10px; width: 103px; padding: 24px 10px 10px; }
div.didYouKnow_right { float: right; margin: 5px 0 5px 10px }
div.didYouKnow_left { float: left; margin: 5px 10px 5px 0 }

p.copyright { color: #fff; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; margin: 0 0 5px 0; }
p.copyright a { text-decoration: none; color:#fff;}
p.copyright a:visited { color: #fff; } 
p.copyright a:hover { color: #996;}


p.footnote { font-style: italic; padding: 6px 0 0; border-color: #666; border-style: solid; border-width: 1px 0 0; }

p.statement { font-size:12px; color:#033; line-height: 15px;0}
img.placemat { padding-left:10px;}

iframe#popupFrame { background-color: white; position: absolute; top: 250px; left: 450px; width: 250px; height: 375px; border: solid 1px #999; }
body.popupPage { background-color: white; margin: 10px }
body.popupPage h1 { font-size: 13px; color: #033; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: inherit; background-image: none; margin: 10px 0 0   }
body.popupPage h2 { font-size: 12px; color: black; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; margin: 0 0 0 0 }
body.popupPage p  { font-size: 12px; color: black; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; margin: 10px 0 0 0 }
body.popupPage a { text-decoration: underline; color: #300}
body.popupPage a.windowCloser { text-decoration: underline; color: #963}




body.directoryPage div#pageContent { background-color: white ; background-image: url(/common/business_directory_background.gif); background-repeat: repeat-x; height: 460px; }
body.directoryPage div.businessDirectory { margin: 0px -20px 0 180px; }
body.directoryPage div.businessDirectory h1 { margin-top: 0px; }		
body.directoryPage div.subcategoryMenu { color: #066 ; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; margin: 4px 0 8px -8px  }
body.directoryPage div.subcategoryMenu a { color: black; text-decoration: none; margin: 0 8px }
body.directoryPage div.subcategoryMenu a:hover { color: white; }


body.directoryPage div.directoryColumn { width: 270px; position: absolute; top: 120px; }
body.directoryPage div#directoryColumn1 { left: 200px; }
body.directoryPage div#directoryColumn2 { left: 500px; }
body.directoryPage div.separator { background-image: url(/common/dottedline.gif); background-repeat: repeat-x; height: 2px; margin: 6px 0; }
body.directoryPage img.sectionTitle { margin: 10px 0 0 0 }
body.directoryPage div#pageFlipper { position: absolute; top: 80px; right: 20px;  }
body.directoryPage div#pageFlipper a { text-decoration: none; color: black; padding: 0 2px }
body.directoryPage div#pageFlipper a:hover { color: silver }
body.directoryPage div#pageFlipper a#current { font-weight: bold }


div.directoryItem { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-size: 10px; margin: 0}
p.unknownRegion { margin: 0; font-weight: bold }
p.SouthernGateway { margin: 0; font-weight: bold; color: #093 }
p.LowerSection { margin: 0; font-weight: bold; color: #933 }
p.MiddleSection { margin: 0; font-weight: bold; color: #639 }
p.UpperSection { margin: 0; font-weight: bold; color: #c63 }
p.NorthernGateway { margin: 0; font-weight: bold; color: #36f }
div.directoryItem p.description { font-style: italic; margin: 0 }
div.directoryItem p.address { margin: 0 }
div.directoryItem p.learnmore { margin: 6px 0 0 0; font-weight: bold }

div.directoryItem a { text-decoration: none; color: black }
div.directoryItem a:hover { color: gray }


div#sampleBusinessPhotos { position: absolute; top: 0px; left: 0px; width: 180px; height: 500px; background-color: #cc9 }
div#sampleBusinessPhotos div.photoHolder { position: relative; }
div#sampleBusinessPhotos div.photoCaption { color: #cc9; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #033; position: absolute; right: 0; bottom: 0; padding: 2px 3px    }




table.galleryForm { border: 0; border-spacing: 0; border-collapse: collapse }
table.galleryForm th { color: black; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-align: left; vertical-align: bottom; padding: 0 6px 0 0; }
table.galleryForm td { color: black; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; vertical-align: top; padding: 0 6px 6px 0; }
table.galleryForm input[type="text"], table.galleryForm textarea { width: 100% }







span.bold { font-weight: bold }
span.italic { font-style: italic }
span.bolditalic { font-style: italic; font-weight: bold }
.paidcategories {font-size: 14px; color: #330000; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; padding: 0px 0px 0 20px;}
.paidcategories a{color: #996633; text-decoration:none;}
.paidcategories a:hover{color: #993300; text-decoration:none;}
.paidcategories a:visited{color: #330000; text-decoration:none;}