/* Site Structure */
body {font: 12px Arial, Helvetica, sans-serif; height: 100%;}
#container {width: 760px; position: relative; margin: 0 auto; padding: 0; background-color: #FFF;  position: relative;}

#leftnav {float: left; width: 145px; text-indent: 15px; text-align: left; margin: 0; background: #666; min-height: 850px;}
#sidebar {float: right; width: 150px; min-height: 250px; margin-top: 380px; padding: 0 10px;}
#footer {clear: both; text-align: center;}

/* Navigation */
h1 {background: transparent url(/images/logo_sabourinlakelodge.png) top center no-repeat; height: 173px; color: #FFF; margin: 25px 0 25px 0; text-indent: -3000px;}
#navlist {list-style-type: none; margin: 0; padding: 0; line-height: 1.7; height: 750px;}
#navlist {min-height: 750px; background: #666;}
#navlist li a:link {color: #FFF; text-decoration: none;}
#navlist li a:visited {color: #FFF; text-decoration: none;}
#navlist li a:hover {color: #690; text-decoration: none;}
#navlist li a:active {color: #FFF; text-decoration: none;}

/* Photo Header */
.photoheader {width: 615px; height: 300px; padding: 0; margin: 0; clear: left; position: absolute; top: 0; left: 145px; border-top: 5px solid #006; border-bottom: 5px solid #006; } /* actual photo size is 625px */
h2 {text-weight: bold; text-indent: -3000px; color: #FFF; letter-spacing: 3px; text-align: left; position: relative; top: 200px; margin-left: 155px;}
#home {background: transparent url(/images/home.jpg) top left no-repeat;}
#fishing {background: transparent url(/images/fishing.jpg) top left no-repeat;}
#grandslam {background: transparent url(/images/grandslam.jpg) top left no-repeat;}
#boats {background: transparent url(/images/boats.jpg) top left no-repeat;}
#accomodations {background: transparent url(/images/accomodations.jpg) top left no-repeat;}
#meals {background: transparent url(/images/meals.jpg) top left no-repeat;}
#prices {background: transparent url(/images/prices.jpg) top left no-repeat;}
#whattobring {background: transparent url(/images/whattobring.jpg) top left no-repeat;}
#aboutus {background: transparent url(/images/aboutus.jpg) top left no-repeat;}
#contactus {background: transparent url(/images/contactus.jpg) top left no-repeat;}
#photogallery {background: transparent url(/images/photogallery.jpg) top left no-repeat;}
#newsletters {background: transparent url(/images/newsletters.jpg) top left no-repeat;}
#location {background: transparent url(/images/location.jpg) top left no-repeat;}

/* Video Bar */
#videobar {height: 50px; padding: 0; margin: 0; position: absolute; top: 310px; left: 143px;}
#videobar table {width: 615px; height: 50px; padding: 0; margin: 0;}
#videobar td {color: #FFF; width: 204px; padding: 0; margin: 0;}
#videobar td img {text-decoration: none; border: 0;}

/* Content */
#textcontent {width: 415px; line-height: 1.5; padding: 10px 0 0 15px; position: absolute; top: 365px; left: 145px;}
#textcontent h3 {font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #00C;}
#textcontent h2 {font: 12px Arial, Helvetica, sans-serif; font-weight: bold;}
#textcontent p {}
#textcontent ul {list-style-type: disc; text-indent: 0;}
#textcontent a:link {color: #000;}
#textcontent a:visited {color: #000;}
#textcontent a:hover {color: #00C;}
#textcontent a:active {color: #000;}
.signature {font: 14px Monotype Corsiva, Georgia, serif; font-weight: bold; text-align: right;}
.caption {font: 11px Arial, Helvetica, sans-serif; font-style: italic; color: #333;}

/* Photo Grid Nav*/
#photogridnav {width: 615px; position: absolute; top: 365px; left: 145px; margin-bottom: 10px; padding: 10px 5px 0 15px;}
#photogridnav h3 {font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #00C; margin: 10px 0;}
#photogridnav ul {list-style-type: none; text-indent: 0; margin: 0 0 15px 0; padding: 0 0 15px 0; float: left; border-bottom: 1px dotted #3D3D3D;}
#photogridnav li {width: 195px; height: 195px; padding: 2px; position: relative; float: left; display: inline; margin: 0; text-indent: 0; text-align: center;}
#photogridnav img {width: 195px; height: 195px; border: none; padding: 0 0 15px 0;}
#photogridnav p {float: left;}

/* Photo Grid */
.instructions {font-size: 10px; color: #AAA;}
#photogrid {width: 615px; position: absolute; top: 365px; left: 145px; margin-bottom: 6px; padding: 10px 0 0 15px;}
#photogrid h3 {font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #00C; margin: 3px 0;}
#photogrid ul {list-style-type: none; text-indent: 0; margin: 0; padding: 3px 0 6px 0; float: left; border-bottom: 1px dotted #3D3D3D;}
#photogrid li {width: 50px; height: 50px; padding: 2px; position: relative; float: left; display: inline; margin: 0; text-indent: 0; text-align: center;}
#photogrid img {border: none;}
#photogrid li a:link {color: #FFF; text-decoration: none;}
#photogrid li a:visited {color: #FFF; text-decoration: none;}
#photogrid li a:hover {color: #C00; text-decoration: none;}
#photogrid li a:active {color: #FFF; text-decoration: none;}
#gallerynav {list-style-type: none; margin: 0; padding: 6px; line-height: 2; border: 1px solid #360;}
#gallerynav a:link {color: #000; text-decoration: none;}
#gallerynav a:visited {color: #000; text-decoration: none;}
#gallerynav a:hover {color: #000; text-decoration: none;}
#gallerynav a:active {color: #000; text-decoration: none;}
.sharephotos {float: left;}

/* Side Bar */
#sidebar {background-color: #FFC; border-top: 3px solid #CC9; border-left: 1px solid #CC9; border-bottom: 3px solid #CC9; border-right: 1px solid #CC9;font: 10px Arial, Helvetica, sans-serif;}
#sidebar h3 {font: 16px Arial, Helvetica, sans-serif; font-weight: bold; color: #690; padding: 8px 0 8px 0; margin: 0;}
#sidebar p img {float: left; padding-right: 3px; border: 0;}
.sblabel {font: 11px Arial, Helvetica, sans-serif; font-weight: bold; border-top: 1px solid #CC9; padding-top: 10px; margin: 6px 0 6px 0;}
.sbtext {font: 10px Arial, Helvetica, sans-serif; line-height: 1.5;}
.sblast {font: 10px Arial, Helvetica, sans-serif; line-height: 1.5;}
.sblast {margin-bottom: 10px;}
#sidebar ul {line-height: 1.5; display: block; list-style-type: none; text-align: right; margin-right: 12px;}
#sidebar a:link {color: #000;}
#sidebar a:visited {color: #000;}
#sidebar a:hover {color: #690;}
#sidebar a:active {color: #000;}

/* Footer */
#footer {margin-top: 25px; padding: 10px 0 10px 0; border-top: 3px double #360; text-weight: bold; color: #006; clear: both; width: 100%;}