/* Main Styles ///////////////////////////////// */

* {
	margin: 0;
  border: 0;
  padding: 0;
}

body {
	background: #f6f6d8 url(../elements/tantan.jpg);
  text-align: left;
}

#conTainer {
	position: relative;
	margin: 0 auto;
	width: 1055px;
  height: 750px;
}

#dropShadow {
	position: absolute;
  z-index: 1;
  top: 104px;
  left: 104px;
  width: 848px;
  height: 503px;
  background: transparent url(../elements/dropShadow.png) no-repeat;
}

#garlandWheel {
	position: absolute;
  z-index: 2;
  top: 12px;
  left: 0;
  width: 400px;
  height: 400px;
  background: transparent url(../elements/garlandWheel.png) no-repeat;
}

#garlandWheelinnerCorner { 
	position: absolute;
  z-index: 6;
  top: 91px;
  left: 125px;
   width: 282px;
  height: 323px;
  background: transparent url(../elements/garlandWheelinnerCorner.png) no-repeat;
}

#fallingLeaves {
	position: absolute;
  z-index: 8;
  top: 425px;
  left: 415px;
  width: 108px;
  height: 161px;
  background: transparent url(../elements/twoFallingLeaves.jpg) no-repeat;
}

#mainWhite {
	position: absolute;
  z-index: 3;
  top: 91px;
  left: 125px;
  width: 805px;
  height: 533px;
  background: transparent url(../elements/mainWhite.png) no-repeat;
}

#mainWhiteCap {
	position: absolute;
  z-index: 3;
  top: 91px;
  left: 125px;
	width: 805px;
  height: 27px;
  background: transparent url(../elements/mainWhiteCap.png) no-repeat;
}

#mainWhiteBase {
	position: absolute;
  bottom: -30px;
  left: -4px;
	width: 813px;
  height: 30px;
  background: transparent url(../elements/mainWhiteBase.png) center top no-repeat;
}

#siteName {
	position: absolute;
  z-index: 4;
  top: 26px;
  left: 375px;
  width: 515px;
  height: 83px;
  background: transparent url(../elements/siteNameLarger.png) no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}

#smallSiteName {
	position: absolute;
  z-index: 4;
  top: 36px;
  left: 380px;
  width: 474px;
  height: 81px;
  background: transparent url(../elements/smallSiteName.png) center top no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}

#mainContent {
	position: absolute;
  z-index: 5;
  top: 118px;
  left: 125px;
  width: 805px;
  background-color: #ffffff;
}

#leftColumn {
	position: absolute;
  z-index: 7;
  left: 127px;
  top: 90px;
  width: 312px;
  height: 530px;
}

#mainNav { 
	float: right;
  width: 200px;
  margin-top: 40px;
  list-style-type: none;  
}

#mainNav li {
	display: inline;
}

#mainNav li a {
	display: block;
  text-indent: -500px;
  overflow: hidden;
}

#whoLink {
	width: 190;
	height: 33px;
  margin: 4px 0 0 10px;
  background: transparent url(../elements/whoLink.jpg) 40px top no-repeat;
}

#whoLink:hover {
  background: transparent url(../elements/whoLink.jpg) 40px -33px no-repeat;
}


#classesLink {
	width: 190;
	height: 26px;
  margin: 24px 0 0 10px;
  background: transparent url(../elements/classesLink.jpg) 90px top no-repeat;
}

#classesLink:hover {
  background: transparent url(../elements/classesLink.jpg) 90px -26px no-repeat;
}


#schedulesLink {
	width: 190;
	height: 26px;
  margin: 31px 0 0 10px;
  background: transparent url(../elements/schedulesLink.jpg) 3px top no-repeat;
}

#schedulesLink:hover {
  background: transparent url(../elements/schedulesLink.jpg) 3px -26px no-repeat;
}

#contactLink {
	width: 200px;
	height: 26px;
  margin: 36px 0 0 -5px;
  background: transparent url(../elements/contactLink.jpg) -6px -3px no-repeat;
}

#contactLink:hover {
  background: transparent url(../elements/contactLink.jpg) -6px -36px no-repeat;
}


#contactBlock {
	width: 173px;
  margin: 330px 0 0 28px;
  text-align: center;
  font: normal .80em/150% Georgia, Helvetica, Times New Roman, Sans-serif;
  color: #2c95b5;
}

#contactBlock a {
	color: #2c95b5; 
	text-decoration: none; 
}

#contactBlock a:hover {
	color: #1c6074; 
	text-decoration: underline; 
}


.line {
	height: 1px;
  width: 80%;
  margin: 8px auto;
  overflow: hidden;
  border-top: 1px solid #4eb7d7;
}

.bigDot {
	font: bold 2.5em/80% Georgia, Helvetica, Times New Roman, Sans-serif;
  color: #3da6c6;
}	

/* -------------------------------------------------------------------------RIGHT COLUMN -------------*/

#rightColumn {
	float: right;
  margin-right: 42px;
  width: 380px;
  text-align: center; 
}

#rightColumn h1 {
	font: bold 1.25em/100% Georgia, Helvetica, Times New Roman, Sans-serif;
	padding: 10px 0 10px 0;
	text-align: center;
	font-variant: small-caps;
	letter-spacing: 2px;
	color: #48413d;
}

#rightColumn h2 {
	font: bold .95em/100% Georgia, Helvetica, Times New Roman, Sans-serif;
	padding: 10px 0 10px 0;
	text-align: center;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #48413d;
}

#rightColumn h3 {
	font: bold .90em/100% Georgia, Helvetica, Times New Roman, Sans-serif;
	padding: 10px 0 10px 0;
	text-align: center;
	letter-spacing: 1px;
	color: #48413d;
}

#rightColumn p {
	margin: 10px 20px;
	font: normal 0.95em/180% Georgia, Helvetica, Times New Roman, Sans-serif;
  color: #0d2c35;
}


#rightColumn #pageLink  {
	font: normal 0.80em/145% Verdana, Arial, Helvetica, sans-serif;
 	margin: 15px auto;
	text-align: center;
	padding: 5px;
	width: 300px;
	border: 1px dotted #5D1D0C;
	background-color: #F9F9EA;
}

#rightColumn #pageLink a:link {
	color: #2c95b5; 
	text-decoration: underline; 
}

#rightColumn #pageLink a:visited {
	color: #1c6074; 
	text-decoration: underline; 
}
	
#rightColumn #pageLink a:hover {
	color: #5D1D0C; 
	text-decoration: underline; 
}
	
#rightColumn #pageLink a:active { 
	color: #1c6074; 
	text-decoration: underline; 
	}	


#rightColumn table {
		margin: 10px 0 15px 20px;
		border: 1px dotted #afafaf;
		}

#rightColumn table td {
	font: normal .85em/160% Verdana, Arial, Helvetica, sans-serif;
	border: 1px dotted #afafaf;	
	padding: 8px;
	text-align: left;
	vertical-align: top;	
}

#rightColumn table td h4 {
	font: bold .90em/160% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 1px;
}

#rightColumn #plainList ul {
	font: normal 0.95em/180% Georgia, Helvetica, Times New Roman, Sans-serif;
	width: 340px;
	text-align: center;
	padding-left: 35px;
}


#rightColumn #plainList ul li {
	padding-bottom: 15px;
	list-style-type: disc;
}


#topNav {
	height: 42px;
  	margin-top: 20px;
  	list-style-type: none;
}

#topNav li {
	display: inline;
  font: normal 0.975em/150% Georgia, Helvetica, Times New Roman, Sans-serif;
  color: #2c95b5;
}

#topNav li a {
	font: normal 0.975em/150% Georgia, Helvetica, Times New Roman, Sans-serif;
  color: #2c95b5;
  text-decoration: none;
}

#topNav li a:hover {
	color: #0d2c35;
}

#squiggleRule {
	width: 54px;
  height: 13px;
  background: transparent url(../elements/squiggleRule.jpg) no-repeat;
  margin: 15px auto;
}

#estuaryLogo {
	height: 89px;
  margin: 28px auto;
  background: transparent url(../elements/estuaryLogo.jpg) center top no-repeat;
  text-indent: -500px;
  overflow: hidden;
}

#footer {
	position: absolute;
  	bottom: -160px;
  	left: 0;
	font: normal .90em/150% Georgia, Helvetica, Times New Roman, Sans-serif;
  	color: #2c95b5;
  	width: 100%;
  	text-align: center;
  	padding-bottom: 25px;
}

#footer a {
	font: normal 100%/150% Georgia, Helvetica, Times New Roman, Sans-serif;
  	color: #2c95b5;
  	text-decoration: underline;
}

#footer a:hover {
	text-decoration: underline;
  	color: #0d2c35;
}


/*--------------------------------------------------------------------------------------------- LINKS MAIN */



a:link {
	color: #2c95b5; 
	text-decoration: none; 
	}

	

a:visited { 
	color: #1c6074;
	text-decoration: underline; 
	}

	

a:hover { 
	color: #1c6074; 
	text-decoration: underline; 
	}

	

a:active { 
	color: #1c6074; 
	text-decoration: none; 
	}	



/*------------------------------------------*/


.redBold {
	font: bold 20px/180% Georgia, "Times New Roman", Times, serif;
	color: #990000;
	}

/*------------------------------------------*/



#topUp {
	width: 200px;
  	font: normal 90%/140% Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 30px 20px 100px;
	text-align: center;
  }	

  

#topUp a {

	color: #b5b5b5;

	border: 1px dotted #b5b5b5;

	padding: 5px;

	text-decoration: none;

  }	  

	

#topUp a:hover {

	color: #3c3c3c;

	border: 1px dotted #3c3c3c;

	text-decoration: none;

  }