html
{
	margin:0;
	padding:0;

	color:#666666;

	font-family: "Open Sans", arial;
	font-size: 14px;
}
/*********** Page Layout *************/
#mainBody
{

	margin: 0;
	padding: 0;

}
#container
{
	margin: 0;
}
#headerContent
{
	position: relative;

	padding: 0px;
	margin: 0px;

	text-align: center;
	height: 210px;
	/*background: url(images/header2.png) center top repeat-x white;*/
        background: url(images/header4_1.jpg) center -55px repeat-x white;
}
#headerContent #logo
{
	padding: 0px;
	margin: 0 auto;
	position: relative;

	top: 70px;
	height: 130px;
	width: 277px;

	/*background: url(images/constructionLogo.png) center top no-repeat transparent;*/
        background: url(images/logo3.png) center top no-repeat transparent;
}
#headerContent a.logo
{
    text-decoration: none;
}

#headerContent h1.logo
{
	margin-top: 5px;
}
#headerContent h3
{
	margin: 3px 0;
	color: #bbafa4;
}
#mainContent
{
	position: relative;
        /*
	max-width: 950px;
	min-width: 700px;
	width: 85%;
        */
        width: 950px;
	min-height: 500px;

	margin: 0 auto 0 auto;

	text-align: left;
}
.divider
{
	max-width: 1012px;
	width: 100%;
	height: 13px;
	background: url("images/divider.png") center center no-repeat transparent;
	margin: 15px 0;
	padding: 8px 0;
	clear: both;
}
#footerInside
{
	max-width: 940px;
	min-width: 700px;
	margin: 0 auto;
	position: relative;
}
.page_content .page_description
{
	padding: 10px 0px;
	width: 100%;
}
.page_content
{
	height: 100%;
	width: 100%;
        max-width: 690px;
}
#mainContent .showcaseContainer
{
	width: 690px;

	height: 360px;

	position: relative;

}
#slideShow
{
}
.slide
{
	position: absolute;
	display: none;
	background-color: #F5F5F5;
}
.slide img
{
	position: relative;
	width: 100%;
	max-height: 460px;
}


#slideShow h1.slideTitle {
 	color: white;

    overflow: visible;

    position: absolute;
    left: 20px;
    top: 200px;

    z-index: 6;

    padding: 0;
    margin: 0;
    max-width: 430px;
    max-height: 300px;

    font-weight: normal;
    z-index: 6;
}

#slideShow div.slideDesc {
    color: white;

    overflow: hidden;
    font-size: 14px;
    position: absolute;
    margin-top: 30px;

    bottom: 5px;
    left: 10px;
    z-index: 6;
    text-align: left;
    opacity: 0.92;
  	background: url("images/bk_black_75.png") repeat scroll 0 0 transparent;
    border-radius: 7px 7px 7px 7px;
   	max-width: 432px;
   	max-height: 187px;

   	width: 40%;
   	min-height: 22%;

    padding: 15px;
}


#slideShow div.slideDesc p {
    color: white!important;
}
#slideShow div.slideNav {

    padding: 4px;
    position: absolute;
    right: 20px;
    bottom: 30px;
    z-index: 5;
}

#slideShow div.slideNav a.active {
    background-color: #66c504;

    background-color: black;
    border: 3px solid white;

    margin: 0 4px 0 0;
    padding: 4px;
}
#slideShow div.slideNav a {
    background-color: white;
    border: 1px solid #ddd8d3;
    border-radius: 50%;
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 6px;
}


#rightCol
{
	width: 240px;
	background: url(images/rightCol.jpg) left top repeat transparent;
	float: right;
	min-height: 500px;
	margin-left: 20px;
}

#rightCol .blogContainer, #rightCol .lake_levels, #rightCol .weather, #rightCol .supplyContainer
{

    padding: 40px 15px 10px 15px;
}
#rightCol .supplyContainer
{
    background: url(images/supplyBtn.jpg) top left no-repeat transparent;
    position: relative;

}
#rightCol .supplyContainer img
{
    max-width: 200px;
    margin: 4px 0;
}
#rightCol #testimonialsContainer
{
	width: 		240px;
	position: relative;

}
#rightCol #testimonialsContainer > span
{
	height: 			40px;
    position: 			absolute;
    right: 				0;
    text-decoration: 	none;
    top: 				0;
    width: 				240px;
	border: 			0 none;
    color: 				#45556f;
	background-image: 	url( 'images/testimonials.png');
	float: 				left;
}
#rightCol #testimonials
{
	list-style: none;
	overflow: 	hidden;
	height: 	240px;
}
#rightCol li.testimonial
{
	position: 	absolute;
	overflow: 	hidden;
	display: 	block;
	top: 		40px;
	left: 		10px;
	max-height: 200px;
	overflow: 	hidden;
}
#rightCol li.testimonial span,
#rightCol li.testimonial div,
#rightCol li.testimonial a
{
	float: left;
	clear: left;
	width: 100%;
}
#rightCol li.testimonial span
{
	font-style: italic;
}
#rightCol li.testimonial div
{
	max-height: 	140px;
	overflow: 		hidden;
}
#rightCol div.testimonial
{
	height: 		150px;
	overflow: 		hidden;
}
#rightCol div.testimonial div
{
	max-height: 	105px;
	text-overflow: 	ellipsis;
	overflow: 		hidden;
	width: 			100%;
}
#rightCol .blogContainer
{
    background: url(images/dockTalk.jpg) top left no-repeat transparent;
    position: relative;

}
#rightCol .lake_levels
{
    background: url(images/levels.jpg) top left no-repeat transparent;

}
#rightCol .weather
{
    background: url(images/weather.jpg) top left no-repeat transparent;

}
#rightCol .blogEntry
{
    margin: 8px 0;
    padding: 5px 0;
    border-top: 1px dashed #c0bcb8;
    clear: both;

}
#rightCol .blogEntry:first-child
{
    border-top: 0px;
}
#rightCol .blogEntry img
{
    float: right;
    margin-bottom: 2px;
}
#rightCol .lake_levels
{

    font-size: 12px;

}
#rightCol .lake_levels p, #rightCol .lake_levels br
{
	margin: 1px 0;
	display: block;
}
#rightCol a.blog_link, #rightCol a.supply_link
{
    position:absolute;
    right: 0px;
    top: 0px;
    width: 240px;
    height: 40px;
    text-decoration: none;

}
/*** SUB MENU GRAPHICS **/
div.sub_menu
{
	width: 220px;
	height: 220px;
	padding: 20px;
	background: url("images/newsBgSm.png") left top no-repeat transparent;
	float: right;
        margin: 5px;

}
div.sub_menu a
{
	display: block;
	width: 180px;
}
a#backButton
{
	display: block;

	background-image: url(images/row_shine_strong.png);
	background-position: 0px -5px;
	background-repeat: repeat-x;
        background-color: #D9D8D8;

	border-radius: 3px;

	font-size: 14px;
	font-weight: bold;

	padding: 5px 8px 5px 4px;
	margin: 5px 0px 5px 5px;

	color: #3D4244;
	text-decoration: none;

	min-width: 200px;

	float: right;
}
a#backButton .ui-icon
{
	display: inline-block;
	position: relative;

	top: 2px;
	margin-right: 5px;
	float: left;
}
a#backButton:hover
{
        background-color: #675E5F;
	color: white;
}
/********* Proteus Required **********/
#footerContent #footerInside
{
	clear: both;
	margin: 10px auto 0px auto;
	padding: 0px 0px 10px 0px;

	border: 0;


	background-color: transparent;
	color: #b6a99e;

	text-align: center;
	font-size: 9px;

	min-height: 5px;
}
#footerInside a
{
	color: #80AAD0;
}
#footerInside ul.sf-menu
{
	list-style: none;
	height: 40px;
	width: 770px;
	margin: 0 auto 10px auto;
	padding: 15px 0 0 0;
        float: none;
}
#footerInside ul.sf-menu li a
{
	color: white;
	font-size: 13px;
	float: left;
	padding: 0 10px;
}
#footerInside ul.sf-menu li a:hover
{
	text-decoration: underline;
}
#footerInside .proteus_footer
{
    clear: both;
}
#footerContent
{
	width: 100%;
	min-width: 700px;
	min-height: 200px;
	background: url("images/footer.jpg") left top repeat-x transparent;
	max-height: 276px;
	margin: 0;
	padding: 0;
}
#footerContent p
{
	text-align: center;
}
#footerContent a.validHtml, #footerContent a.validCss
{
	width: 88px;
	height: 31px;

	float: left;
	position: relative;
	top: -5px;
}
#footerContent a.validCss
{
	float: right;
}
/****************************************************/
p
{
	text-align: left;
	padding: 0;
	margin: 5px 0px;
}
div.page_description p
{

   /*text-align: left!important; */
}
div.page_description img
{


    box-shadow: 3px 3px 3px #C5BFBF;
}
div.jimagecontainer
{
  margin: 4px 8px;
}
div.jimagecontainer span
{
    margin-top: 7px;
    display: block;
    text-align: center;
    font-style: italic;
}
a, a:link
{
	color: #45556F;
	border: 0;
	text-decoration: none;
}

a:hover
{
	color: #315CA5;
}

H1
{
	font-family: palatino, serif;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: bold;

	letter-spacing: 4px;

	margin: 0;
	padding: 0;
}
H2
{
	font-size: 16px;
	font-weight: bolder;

	margin: 0;
	padding: 0;
}
input.button
{
	background-color : #C5BFBF;
	background-image: url(images/row_shine_strong.png);
	background-repeat: repeat-x;

	color : #4b4b4b;
	font-size: 10px;

	border-width: 1px;
	border-style: solid;
	border-color: #8f8f8f;

	width: 125px;
	height: 23px;

	padding: 3px 5px 5px 5px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor: pointer;
}
input.buttonOver
{
	background-color : #8F8B8A;
	color : #FFFFFF;
}
img
{
	border: 0;
}
img.thumbnail
{
	width: 50px;
	height: 50px;
}
input.text, input.password, input.textarea textBox
{
	background-color: #e2e2e2;
	border-color: #9999CC;
	color: #000000;
}
/*************************************/
/*******************/
/*  Header Classes */
/*******************/
#headerBlock
{
	text-align: left;
	margin-bottom: 10px;
}
#headerImage, #errorImage, #updatedImage
{
	float: left;

	width: 75px;
	height: 67px;

	border-style: solid;
	border-color: #4b4b4b;
	border-width: 0px 1px 0px 0px;
	padding-right: 4px;
	margin: 0;
}
DIV.headerTextContainer
{
	position: relative;
	display: block;

	left: 15px;
	top: 10px;
}
span.headerTitle, span.headerHeading, span.headerSubHeading
{
	position: relative;
	font-weight: bolder;
}
span.headerTitle
{
	padding-left: 10px;
	display: block;
	font-size: 16px;
	color: #000000;
}
span.headerHeading
{
	left: 20px;
	display: block;
	font-size: 14px;
	color: #4b4b4b;
}
span.headerSubHeading
{
	padding-left: 40px;

	font-size: 12px;
	color: #45556F;
}
/**************************************/
/************ Error Block *************/
#errorBlock, #updatedBlock
{
	margin-bottom: 10px;
	text-align: left;
}
DIV.errorTitle
{
	position: relative;

	display: block;

	font-size: 16px;
	font-weight: bolder;
	color: red;

	float: left;
	width: 80%;
	left: -6px;
	top: -5px;
}
DIV.errorDescription
{
	position: relative;
	display: block;

	font-size: 12px;
	color: #000000;

	text-align: left;

	border-style: solid;
	border-color: #4b4b4b;
	border-width: 1px 0px 0px 0px;

	float: left;
	left: -5px;
	width: 90%;
}
#errorImage, #updatedImage
{
	width: 49px;
	height: 49px;
}
/***********************************/
#errorDiv
{
	background-color: #e2e2e2;
	color: #FF0000;

	font-size: 15px;
	font-weight: bold;

	padding: 6px;

	text-align: center;

	border-style: solid;
	border-color: #010101;
	border-width: 1px;
}