/* Web CSS for: WatersEdge Website
   Programmed by: Optime Productions
   Last Updated: 1/23/2008
****************************************************************/

/* Main Body Elements
****************************************************************/
body {
	margin: 0;
	font: 10px/1.6 Verdana, Arial, Helvetica, sans-serif;
	background-color: #e0e2df;
	color: #FFFFFF;
	height: 100%;
	}

p	{
	margin-top: 5px;
	margin-left: 35px;
	margin-right: 20px;
	margin-bottom: 0px;
	font-size: 1.1em;
	color: #666666;
	text-align: justify;
	}

h1	{
	margin: 0 0 0 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	color: #333333;
	background-color: inherit;
	text-transform: capitalize;
	}

h2	{
	margin-left: 35px;
	margin-top: 10px;
	margin-bottom: -3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #0099cc;
	background-color: inherit;
	text-transform: capitalize;
	text-align: left;
	}
	
h3	{
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: -3px;
	padding-left: 10px;
	padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #0099cc;
	background-color: inherit;
	text-transform: capitalize;
	text-align: left;
	border-left: 1px;
	border-left-style: solid;
	border-left-color: #0099cc;
	}
	
a {color: #027AB7; font-weight: normal; text-decoration: none; background-color: inherit;}
a:hover {color: #027AB7; font-weight: normal; text-decoration: underline; background-color: inherit;}
	
li {
	font-size: 1.2em;
	color: #333333;
}

/* Structure IDs
****************************************************************/
#siteWrap {
	width: 760px;
	height: 100%;
	color: inherit;
	background-color: #e0e2df;
	background-image: url(../images/layout/top_bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	margin: auto;
	border-left-color: #008ad1;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #008ad1;
	border-right-style: solid;
	border-right-width: 1px;
	}
	
#topContent {
	width: 760px;
	color: inherit;
	margin: auto;
	background-color: inherit;
	text-align: center;
	}
	
#middleContent {
	width: 760px;
	margin: auto;
	color: inherit;
	background-color: #e0e2df;
	text-align: center;
	}

#intMiddle {
	width: 739px;
	margin: auto;
	background-image: url(../images/layout/intMidBkgd.gif);
	background-repeat: repeat-y;
	color: #666666;
	background-color: #e0e2df;
	text-align: center;
	position: relative;
	margin-left: 20px;
	clear: both;
	}
	
#contentLeft {
	width: 279px;
	height: 327px;
	color: inherit;
	background-image: url(../images/layout/lColBkgd.jpg);
	background-repeat: no-repeat;
	background-color: #e0e2df;
	text-align: left;
	margin-left: 20px;
	float: left;
	}
	
#intLeft {
	width: 279px;
	color: inherit;
	background-color: #e0e2df;
	text-align: left;
	margin-left: 20px;
	float: left;
	}
	
#LeftBottom {
	width: 279px;
	color: inherit;
	background-color: inherit;
	text-align: center;
	margin-left: 20px;
	clear: left;
	float: left;
	}
	
#contentRight {
	width: 461px;
	color: #666666;
	background-color: #c5d9d3;
	text-align: right;
	float: right;
	}
	
#RightBottom {
	width: 461px;
	color: inherit;
	background-color: #e0e2df;
	background-image: url(../images/layout/rightBottom.gif);
	background-repeat: no-repeat;
	text-align: right;
	margin-top: 23px;
	padding-bottom: 10px;
	}
	
#bottomContent {
	width: 760px;
	color: inherit;
	margin: auto;
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #008dd3;
	background-image: url(../images/layout/bottom_trans.gif);
	background-repeat: repeat-x;
	text-align: center;
	padding-bottom: 20px;
	clear: both;
	}

#content {
	padding-right: 30px;
	text-align: justify;
	padding-bottom: 10px;
	padding-left: 25px;
	background: transparent;
	padding-top: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	}
	
#footer {
	background-repeat: repeat;
	color: #CCCCCC;
	text-align: center;
	font-size: 1.0em;
}

#footer p { color: #CCCCCC;}
#footer a {	color: #CCCCCC; text-decoration: none; background-color: inherit;}
#footer a:hover {color: #CCCCCC; text-decoration: underline; background-color: inherit;}

/* Structure Classes
****************************************************************/
.magCover {
	margin-right: 10px;
	}
	
.readButton {
	margin-top: 70px;
	}

.logo {
	padding-left: 25px;
	padding-top: 3px;
	}

.leftBox {
	width: 240px;
	vertical-align: top;
	background-color: #CCCCCC;
	color: Black;
	}

.rightBox {
	vertical-align: top;
	background-color: #CCDAB7;
	width: 500px;
	color: Black;
	}
	
.moreInfo {
	background-color: inherit;
	color: Black;
	font-size: 10px;
	text-align: left;
	color: #333333;
	}
	
.searchEntry {
	margin-bottom: -0.75em;
	}

.txtInput {
	color: #000000;
	background: #CCCCCC;
	border: 1px solid #000000;
	margin-top: 2.5px;
	text-indent: 3px;
	}

.highlight { background: #FFFF40; }