body {margin: 0 auto; padding: 0; width: 1000px; background: #d2d653 url(images/Sea-Oats.jpg) top center no-repeat; font: 12px/150% Arial Helvetica, sans-serif;}

h1 {font: 22px Georgia, "Palatino Linotype", serif; margin: 0; padding: 0;}
h2 {font: 17px Georgia, "Palatino Linotype", serif; color: #333;}
h3, .bold {font: bold 14px Arial Helvetica, sans-serif; color: #336600;}

p.home {color: #6f6a41; margin: 0; padding: 25px 0 0 0; clear: both;}

img#logo {margin: 0; padding: 0; border: none; float: right;}

img#welcome {margin: 0; padding: 20px 0 0 0; border: none; float: left;}

div#content {margin: 0; padding: 35px; background: #fff url(images/divBottom.jpg) bottom left no-repeat;}

p#copyright {margin: 0; padding: 15px 0 50px ; color: #adb244;}

/* top tabs */
ul#navMain {margin: 0; padding: 0; list-style: none; height: 45px; clear: both; font: 16px Georgia, "Palatino Linotype", serif;}
ul#navMain li {margin: 0 1px 0 0; padding: 0; width: 150px; height: 45px; list-style: none; float: left; background: url(images/buttons.jpg) bottom left no-repeat;}
ul#navMain li {background: url(images/buttonsWhite.jpg) bottom left no-repeat;}
ul#navMain li a {display: block; margin: 0; width: 150px; height: 45px; text-align: center; text-decoration: none; color: #fff; 
	background: url(images/buttons.jpg) bottom left no-repeat;}
ul#navMain li a:hover {text-decoration: none; color: #fff; background: url(images/buttonsHover.jpg) bottom left no-repeat;}
ul#navMain li a.white, ul#navMain li a.white:hover {color: #adb244; background: url(images/buttonsWhite.jpg) bottom left no-repeat;}
ul#navMain li a span {display: block; margin: 0; padding: 15px 0;}

/* header */
div#head {clear: both; margin: 0; padding: 0; width: 1000px; height: 400px; background: url(images/header1.jpg) top left no-repeat;}
div#headShort {clear: both; margin: 0; padding: 0; width: 1000px; height: 225px; background: url(images/headerShort1.jpg) top left no-repeat;}
div#headShort.pool {background: url(images/headerShort2.jpg) top left no-repeat;}

div#head p, div#head ul {margin: 0; padding: 0; color: #fff; font-weight: bold;}
div#head p {padding: 150px 25px 0 480px;}
div#head ul {padding: 25px 25px 0 480px;}
div#head ul li {width: 150px; float: left;}

/* three sections on homepage */
ul#portals {margin: 0; padding: 0; list-style: none;}
ul#portals li {margin: 0; padding: 0; list-style: none; float: left;}
ul#portals li.left {width: 240px; margin: 0; }
ul#portals li.right {width: 275px; margin: 0;}
ul#portals li.middle {border-left: 1px dotted #bbb; border-right: 1px dotted #bbb; width: 340px; margin: 0 35px 0 25px; }

ul#portals li h2, ul#portals li ul, ul#portals li p {margin: 0; padding: 15px 0 0 0;}
ul#portals li.middle h2, ul#portals li.middle ul, ul#portals li.middle p {margin: 0; padding: 15px 0 0 35px;}
ul#portals li h2, ul#portals li.middle h2 {padding-top: 0;}

ul#portals li ul li {width: auto; height: auto; float: none; padding: 0; margin: 0;}

ul#portals li a {display: block; background: url(images/arrow.png) left no-repeat; padding: 2px 0 2px 30px; text-decoration: none; font-size: 14px;}
ul#portals li a:hover {background: url(images/arrowHover.png) left no-repeat;}

ul#portals li.left h2, ul#portals li.left p {color: #125881;}
ul#portals li.left a {color: #3282b1;}
ul#portals li.left a:hover {color: #125881; text-decoration: underline;}

ul#portals li.middle h2, ul#portals li.middle p {color: #2b8d23;}
ul#portals li.middle a {color: #40cb35;}
ul#portals li.middle a:hover {color: #2b8d23; text-decoration: underline;}

ul#portals li.right h2, ul#portals li.right p {color: #ab553e;}
ul#portals li.right a {color: #da7155;}
ul#portals li.right a:hover {color: #ab553e; text-decoration: underline;}

/* footer */
div#footer {margin: 0; padding: 0; background: #fff url(images/pageBottom.jpg) bottom left no-repeat;}
div#footer p {margin: 0; padding: 15px; color: #999;}
div#footer p a, div#footer p a:hover {color: #999; text-decoration: none;}

/* main navigation for internal pages */
ul#navSub {margin: 0; padding: 0; list-style: none; background: url(images/nav1.jpg) top left no-repeat; height: 100px;}
ul#navSub.pool {background: url(images/nav2.jpg) top left no-repeat;}
ul#navSub li {margin: 0; padding: 0 70px 0 0; list-style: none; float: left;}

ul#navSub li h2, ul#navSub li ul, ul#portals li p {margin: 0; padding: 0 0 2px 20px; font: 14px Georgia, "Palatino Linotype", serif; color: #fff;}
ul#navSub li h2, ul#navSub li.middle h2 {padding-top: 0;}

ul#navSub li ul li {width: auto; height: auto; float: none; padding: 0; margin: 0;}

ul#navSub li a {display: block; background: url(images/arrowSmall.png) left no-repeat; padding: 1px 0 1px 23px; 
	text-decoration: none; color: #fff; font: 12px/125% Arial Helvetica, sans-serif;}
ul#navSub li a:hover {color: #000;}

/* downloads section */
ul#downloads {padding: 0; list-style: none;}
ul#downloads li {margin: 0; padding: 0; list-style: none; float: left; width: 290px;}
ul#downloads li a {display: block; margin: 0; padding: 12px 0 12px 55px; background: url(images/downloadArrow.png) top left no-repeat; 
	font: 20px Georgia, "Palatino Linotype", serif; color: #333; text-decoration: none;}
ul#downloads li a em {font: 14px Arial Helvetica, sans-serif; color: #333; text-decoration: none !important;}	
ul#downloads li a:hover {background: url(images/downloadArrowHover.png) top left no-repeat; color: #037708; text-decoration: underline;}

/* campground updates section */
ul#updates {padding: 0; list-style: none;}
ul#updates li {margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px dashed #959d13;}

/* tour section (gallery landing page) */
ul#tour {padding: 0; list-style: none;}
ul#tour li {margin: 0 0 5px 0; padding: 0; list-style: none; float: left; text-align: center;}
ul#tour li a {display: block; margin: 0 25px 0 0; padding: 10px; background: #fff; border: 1px solid #ccc; list-style: none; float: left; text-decoration: none;}
ul#tour li a:hover {background: #eee; border: 1px solid #aaa; text-decoration: none;}
ul#tour li a img {border: none; width: 250px; margin: 0; padding: 0;}