/* This style sheet is used to layout the site */

/* This styles sheet holds the following values
	padding
	margin
	position
	top
	left
	float
	width
	height
*/
body{width:761px; margin-left:auto; margin-right:auto;margin-top:0px;}

/* ------------------------------------------------------------------ LAYOUT STYLES ----------------------------------------------------------- */
div#site{float:left;}
#header{float:left; width:761px; height:202px; margin-bottom:25px;}
#logo { float: left; }
#headerContact { float: right; }
#mainMenu { float: right; clear:right; width:310px; height: 142px; padding: 10px 0 0 20px; margin: 3px 14px 0 0; display: inline; background: transparent url('/images/mainmenu_bg.png') no-repeat 0 0; }
#mainMenuLeft { padding-right: 21px; width:124px }
div#mainMenuRight{ width:34px }

/* Header Layouts */
div#logo{float:left; width:126px;}

div#contactUs{clear:both; float:right;}
div#menu{clear:both; float:right; margin:5px 30px 0px 0px;}
/* End Header Layouts */

/* Header Layous for IE */
* html div#mainMenu{margin:0px;}
* html div#menu{margin:5px 15px 0px 0px;}
/* End Header Layouts for IE */

div#contentContainer{float:left; width:761px; padding:25px 0px 0px 0px; margin-top:-25px;}
div#footer{float:left; width:761px; margin:26px 0px 20px 0px; padding:7px 0px 0px 0px;}
* html div#footer{margin-top:20px;}
/* ----------------------------------------------------------------- END LAYOUT STYLES ---------------------------------------------------------- */



/* --------------------------------------------------------------- PAGE SPECIFIC STYLES ---------------------------------------------------------- */
/* gallery.php */
div.galleryRow{float:left; clear:both; width:100%;}
div.galleryImgLeft{float:left; margin:0px 35px 0px 0px;width:122px}
div.galleryImgMiddle{float:left; margin:0px 35px 0px 0px;}
div.galleryImgRight{float:left;}

/* links.php */
div.link{width:761px; float:left;}
div.linkBullet{float:left; width:51px;}
div.linkText{margin-left:60px;}
div.linkImg{float:right; margin:0px 0px 10px 15px;}
img.bullete{float:left; position:relative; top:-14px;}

/* meet.php */
div.meetRow{float:left; width:761px;}
div.meetBgLeft{float:left; width:370px; padding:0px; margin:0px;}
div.meetBgRight{float:Right; width:370px; padding:0px; margin:0px;}
div.meetTitle{float:left; margin:16px 0px 4px 16px; clear:both;}
div.meetContent{float:left; width:370px;}
div.meetLeft{float:left; height:162px; margin:0px 16px 0px 16px;}
div.meetRight{float:left; width:183px; margin:14px 0px 0px 0px;}
/* meet.php for IE */
* html div.meetLeft{margin-left:8px;}

/* level.php */
/*div#levelLeft{float:left; width:328px;}*/
div#levelLeft{float:left; width:761px; }
div#levelRight{float:right; width:417px; position:relative; top:-25px; }
div#levelIEFix {
	float: left;
	width: 310px;
	/* margin-right: 430px; */
}

div#beat_gallery {
	float: left;
	width: 761px;
	padding: 20px 0px 0px 0px;
}

div#levelRightBottom{float:right; width:417px; height:15px; position:relative; top:-25px; }
div#ft0{float:left; margin:44px 0px 0px 18px; }
div#ft15{float:right; margin:44px 18px 0px 0px; }
div#waterLevel { float:left; margin:69px 0px 0px -12px; }
div#levelRight div#dateTime { float:left; margin:10px 0px 0px 27px; width:360px; }
div#levelContent{float:left; margin:10px 0px 0px 10px;}
* html div#levelContent{margin:10px 0px 0px 6px;}
div#levelInText{float:right; margin:7px 30px 0px 0px; padding:3px;}
* html div#levelInText{margin:8px 14px 0px 0px;}
div#levelPic{float:left; margin:12px 0px 0px 28px;}
/* level.php for IE */
* html div#ft0{margin:44px 0px 0px 9px;}
* html div#ft15{margin:44px 9px 0px 0px;}
* html div#levelPic{margin-left:14px;}

/* hotels.php */
div#hotelContainer{margin-bottom:20px;}

/* history.php */
div.historyArticle{float:left; margin-bottom:20px; width:100%;}

/* corp.php */
div.corpTestimonials{float:left; margin-bottom:20px; width:100%;}

/* estuary */
div.estuaryArticle{float:left; margin-bottom:20px; width:100%;}
div.submenu{text-align:center;}

/* index.php */
div.tab{float:right; width:395px; margin-top:-25px;}
div.tab div#content{float:left; padding:0px 25px 0px 25px;}

div#rssBlogPosts {
    float: left;
    padding: 20px 0 0;
}
div#rssBlogPosts h2 {
    margin: 0 0 10px;
    font-weight: bold;
    font-size: 13px;
}
div#rssBlogPosts ul {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}
div#rssBlogPosts li {
    padding-bottom: 7px;
}
div#rssBlogPosts li a {
    font-weight: bold;
    text-decoration: none;
}
div#rssBlogPosts li a:hover {
    text-decoration: underline;
}
/** html div#rightChannel{position:relative; top:0px;} /* Without this IE doesn't show the background image */

/* ------------------------------------------------------------- END PAGE SPECIFIC STYLES -------------------------------------------------------- */


/* ------------------------------------------------------------- CONTENT LAYOUT STYLES ---------------------------------------------------------- */
div#leftChannel{float:left;}
div#rightChannel{float:right;}
/* ---------------------------------------------------------- END CONTENT LAYOUT STYLES --------------------------------------------------------- */



/* DIV Classes */
div.bigGreyBox{width:311px; padding:9px;}
div.smallGreyBox{padding:8px 4px 3px 8px;}

div.biggerGreyBox { width: 385px; padding:8px 3px 2px 7px; }