/* This first style specification (for iepngfix.htc) is a simple, effective way of making translucent PNG's work perfectly in IE6. */ img,div,h2 { behavior: url("iepngfix.php"); } body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: #fff url("art/pagebg_bottom.jpg") 0px 354px repeat-x; } html > body { height: 120%; } a { color: #5d89ea; } /* This makes it so that all 's have the same font size applied to it as the rest of the page. IE6 insists on forcing a 14px font size by default for some reason. This overrides it. */ table tr td { font-size: 12px; } /* This is for SEO. This makes it so that any headers or blocks of text that are replaced with an image can still be readable by search engines. The main header (i.e. Welcome to the Oasis!) uses this technique, for example. */ .alt { display: none; } /* This comes in handy for images. By adding: class="image" to an tag, it forces a margin on it keeping you from having to apply constant hspace and vspace parameters to your tags. */ .image { margin: 10px; } /* Need some aligned to the right or left? Rather than add align="right" or align="left", you can separate this design aspect from the HTML by using class="left" or class="right" instead. This way, if you want to apply *additional* styles to anything aligned left or right, you can add them here rather than having to go and search and replace any and all elements that have an HTML alignment set. */ .left { float: left; } .right { float: right; } /* This is a feature that can force an element to sit by itself, without anything floating to the left or right of it. For example, if you want a

to span the full width of the page without worrying that some element will end up floating beside it and messing up its layout, then you can apply: class="columnFix" to it and it will stand alone. */ .columnFix { clear: both; } /* All nav elements with an Unordered List will have its list elements removed (bullets, margins, etc.) so that it just appears as individual links. */ .nav ul { list-style: none; margin: 0; padding: 0; } /* This is the main div that encompasses the entire page. */ #page { display: block; text-align: center; background: url("art/clouds.jpg") top left repeat-x; } /* This is one level down from the main div that encompasses the entire page. */ #layout { height: 100%; text-align: left; } #layoutTable { margin-top: 50px; width: 100%; } #header { padding-top: 50px; } /* #miniNav */ /* This is navigation at the very top for Home, Add to Favorites and Email to a Friend. */ #miniNav ul { width: 335px; float: right; } #miniNav ul li { float: left; } #miniNav ul li a { color: #4173de; text-decoration: none; font-size: 10px; display: block; padding: 0 10px; font-weight: bold; } #miniNav ul li a:hover { color: #fff; text-decoration: underline; } /* This is the

tag on the left of the main content area. */ #boxLeft { width: 26px; height: 100%; } /* This is the

tag on the right of the main content area. */ #boxRight { width: 26px; height: 100%; } /* This is space that houses the bottom navigation. */ * html #contentFooter { position: absolute; } #content { margin: 0 15px; } #contentText { background: #e9f7c5; } #content #headerText h2 { height: 59px; font-size: 20px; color: #ff4e00; font-style: italic; text-align: left; position: absolute; z-index: 100; margin-top: -73px; } #index #content #headerText h2 { top: 140px; margin-top: 0; } * html #content #headerText h2 { margin-top: 40px; } /* The "#index" here is specifying that these styles are for the homepage only. The tag on the index.html page has an id="index" parameter which makes it the only page that has these styles applied to it. */ #index #content #headerText h2 { width: 500px; background: url("art/index_header.png") top left no-repeat; } * html #index #content #headerText h2 { margin-top: 0; top: 130px; } #content #headerText #headerBG { width: 100%; height: 113px; } * html #content #headerText #headerBG { position: absolute; z-index: 50; } #content .container { position: relative; z-index: 50; margin-top: -20px; } #content .container .blurbBox { clear: both; margin: 20px; position: relative; z-index: 55; border: 1px solid #fd4e00; } #content .container .blurbBox .cont { background: #d1eb90; padding: 10px; } * html #content .container .blurbBox .cont p { width: 425px; } #content .container img { position: relative; z-index: 50; } #content .container p { margin: 0; padding: 7px 0; } #content .container h3 { background: url("art/h3bg.gif") bottom left repeat-x; color: #ff4e00; padding: 5px; margin: 0 -10px 10px -10px; font-size: 14px; } * html #content .container h3 { margin-left: 0; position: relative; z-index: 100; } * html .blurbBox h3 { margin: -10px -10px 10px -10px !important; } #content .container .blurbBox h3#convenientLocation { background: url("art/header_location.gif") top left no-repeat; } #content .container h4 { font-size: 14px; color: #678720; } #content .container h5 { font-size: 13px; color: #678720; } #content .container h6 { font-size: 12px; color: #678720; } #logo { margin-left: 15px; } #contactSmall { color: #fff; text-align: center; font-size: 10px; width: 210px; height: 64px; background: url("art/nav_top.png") top left no-repeat; padding-top: 3px; margin-bottom: -3px; } * html #contactSmall { padding-top: 10px; margin: 0; } #contactSmall strong { font-size: 13px; } #contactSmall a { color: #fff; } #navBar { margin-right: 15px; } #topNav #navBottom{ width: 210px; height: 19px; } #topNav ul li { display: inline; } #topNav a { display: block; width: 210px; height: 36px; background-position: 0 0; background-repeat: no-repeat; } #topNav a:hover { background-position: -210px 0; } #topNav a#navWelcome { background-image: url("art/nav_welcome.gif"); } #topNav a#navAmenities { background-image: url("art/nav_amenities.gif"); } #topNav a#navGolf { background-image: url("art/nav_golfcourse.gif"); } #topNav a#navArea { background-image: url("art/nav_area.gif"); } #topNav a#navTravel { background-image: url("art/nav_travelinfo.gif"); } #topNav a#navParkmap { background-image: url("art/nav_parkmap.gif"); height: 30px; } #sideLinks { width: 210px; background: url("art/nav_bg.png") top left repeat-y; text-align: center; } * html #sideLinks { margin-top: -2px; } #sideLinks a img { border: 1px solid #000; } #sideLinks h3 { margin: 0; padding: 10px 0 0 0; text-align: center; font-size: 14px; color: #214ba6; } #sideLinks h4 { margin: 0; padding: 10px 0 0 0; text-align: center; font-size: 13px; color: #214ba6; } #sideLinks h5 { margin: 0; padding: 10px 0 0 0; text-align: center; font-size: 12px; color: #214ba6; } #sideLinks p { margin: 0; padding: 10px 0 0 0; margin-left: 10px; } #sideLinks a {color : #496900; text-decoration : none; } #sideLinks avisited{color : #496900; text-decoration : none; } #sideLinks a:active{color : #496900; text-decoration : none; } #sideLinks a:hover{color : #5A8000; text-decoration : none; } #sideLinks #contactInfo p { margin: 0; } #sideLinks #contactInfo { color: #214ba6; text-align: center; font-weight: bold; } #bottomNav { position: absolute; margin: 7px 0 0 -10px; font-weight: bold; z-index: 100; } #bottomNav ul li { float: left; } #bottomNav ul li a { display: block; padding: 0 10px; color: #ff4e00; } #footer { background: url("art/pagebg_trees.gif") bottom center repeat-x; height: 176px; } #footer .container { background: url("art/pagebg_hills.gif") bottom center repeat-x; } #footer .golfers { background: url("art/golfers.gif") bottom center no-repeat; height: 154px; } #copyright { color: #fff; position: relative; top: 125px; text-align: center; font-size: 10px; } #copyright p { margin: 0; } #copyright a { color: #fff; }