body {
background-color:#CCCCCC;
width:900px;
font-size: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
}
#container
{
width:799px;
height:auto;
margin-left:100px;

}
#container1
{
width:799px;
margin-left:100px;

}
#banner
{
background-color:#000000;
width:799px;
height:68px;

}
#beach
{background-image:url(images/beach.jpg);
background-repeat:no-repeat;
height:175px;
width:799px;
margin-top:-1px;
}
#topics
{
background-color:#3a5f77;
height:50px;
width:799px;
}
#topics1
{background:#3a5f77 url(images/maintop.jpg) repeat-x top center;
margin-top:4px;
height:23px;
width:799px;
}
#mainback
{background-color:#ebf4f7; 
height:auto;
width:799px;
}
#main
{background-color:#ebf4f7; 
height:auto;
width:799px;
}


#footfont
{
padding-top:0px;
width:799px;
height:25px;
background-color:#3a5f77;
clear:both;
vertical-align:bottom; 
}
#footr
{font:Calibri;
font-size:10px;
font-style:normal;
font-weight:bold;
color:#FFFFFF;
text-align:center;
position:relative;
top:5px;
}
#beachfont
{
font:Calibri;
font-size:12px;
font-weight:bold;
color:#000000;
float:left;
position:relative;
top:100px;
left:5px;
}
#manage
{
font:Calibri;
font-size:15px;
font-weight:bold;
color:#335469;
position:relative;
top:0px;
left:0px;
}
#ma
{
font:Calibri;
font-size:20px;
font-weight:bold;
color:#335469;
position:relative;
top:100px;
left:50px;
}
#manages
{
background:#4687ab;
height:23px;
width:560px;
position:relative;
top:8px;
left:0px;
}
#man
{
font:Calibri;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
float:left;
position:relative;
top:5px;
left:5px;
}
#mann
{
font:Calibri;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
float:right;
position:relative;
top:5px;
right:10px;
}
#namem
{font:Calibri;
font-size:13px;
font-weight:bold;

color:#000000;
}
#namem1
{font:Calibri;
font-size:11px;
font-weight:bold;
color:#335469;

}

#refont
{
font:Calibri;
font-size:12px;
font-weight:bold;
color:#000000;
float:right;
position:relative;
}
#box
{border:1px solid #CCCCCC;
width:440px;
height:430px;
}
#box1
{width:400px;
height:60px;
}
#box2
{border-bottom:1px solid #CCCCCC;
width:440px;
height:20px;
margin-top:2px;
}
#box3
{height:300px;
width:440px;
border-bottom:1px solid #CCCCCC;
}
.birdsmall
{position:relative;
left:490px;
top:40px;
height:38px;
width:39px;
}
#menu
{background: url(images/lo.jpg) repeat-x top center;
height:27px;
width:799px;
text-align:left;
}


#left
{float:left;
margin-left:8px;
margin-top:8px;

}
#left1
{background:#6da0bd url(images/strip2.jpg) top center;
width:213px;
height:116px;
margin-bottom:8px;
margin-right:2px;
}
#left2
{
width:213px;
height:116px;
margin-bottom:8px;
margin-right:1px;
}
#right
{height:auto;
          padding:0px 0px 0px 0px;
          margin:0px 0px auto 230px;
 
}

#rightfont
{font:calibri;
font-style:sharp;
font-size:11px;
color:#000000;
float:left;
position:relative;
top:8px;
bottom:10px;
margin-right:10px;
}
#rightmont
{font:calibri;
font-style:sharp;
font-size:11px;
color:#000000;
position:relative;
top:8px;
margin-right:5px;
bottom:10px;
}
#rightlont
{font:calibri;
font-style:sharp;
font-size:11px;
color:#000000;
position:relative;
top:-10px;
margin-right:10px;
bottom:10px;
}
#daf
#dafont
{font:Calibri;
font-size:13px;
font-style:sharp;
}
#bottom
{
width:799px;
   padding:0px;
  margin:0px;
  clear:both;
  margin-top:15px;
 border-top:4px solid #53778e;
}
#b1
{text-align:left;
position:relative;
top:5px;
left:10px;
margin-right:30px;

}
#b2
{position:relative;
text-align:left;
top:5px;
left:10px;
right:30px;

}
#b3
{position:relative;
text-align:left;
top:5px;
left:10px;
right:30px;

}
#b4
{position:relative;
text-align:left;
top:5px;
left:10px;
right:30px;

}
#b5
{position:relative;
text-align:left;
top:5px;
left:10px;
right:30px;

}
#b6
{float:right;
position:relative;
top:5px;
left:5px;
right:20px;

}
#font
{font:Calibri;
font-size:11px;
}
#topic1
{float:left;
height:30px;
width:254px;
position:relative;
left:20px;
top:10px;
}
#t1
{float:left;
margin-right:5px;
}
#t11
{float:right;
width:180px;
height:30px;
}
#fonttopic
{font:Calibri;
font-size:9px;
font-weight:bold;
position:relative;
left:10px;
top:10px;
color:#FFFFFF;
}
#topic2
{height:30px;
width:254px;
float:left;
position:relative;
left:30px;
top:10px;
}
#topic3
{height:30px;
width:254px;
position:relative;
right:0px;
float:right;
top:10px;
}
#l1
{float:left;
}
#l2
{float:right;
position:relative;
top:30px;
right:15px;
}
#l2font
{font:Calibri;
font-size:12px;
font-weight:bold;
}
#l2small
{font:Calibri;
font-size:10px;
}
#l2more
{font:Calibri;
font-size:9px;
position:relative;
top:30px;
left:70px;
}
#fontlist
{font:Calibri;
font-size:11px;
font-style:normal;
font-weight:bold;
color:#53778e;
}

.text2
{
font-size:10px;
font-weight:bold;
font:Calibri;
color:#000000;
position:relative;
top:6px;
right:10px;
}
.text1
{
font-size:9px;
font-weight:bold;
font:Calibri;
color:#53778e;
position:relative;
top:6px;
right:10px;
}
#new
{ height:28px;
width:200px;
float:right;
}
.menutext
{
	font:calibri;
	font-size:11px;
	font-weight:bold;
	color:#495c69;
	margin-left:5px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	position:relative;
	top:-5px;

}
.menutext a	 
{
	font:Calibri;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	color:#495c69;
	text-decoration:none;
}

.menutext a:hover	 
{
	font:Calibri;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration:none;
}
.menutext a:active	 
{
	font:Calibri;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration:none;
   
}

#menu1
{
	
	position:absolute;
	margin:10px 0px 0px 20px;
	padding:0px 0px 0px 0px;
}
#menu2
{
	
	margin: 10px 0px 0px 75px;
	position:absolute;
}
#menu3
{
	display:block;
	margin: 10px 0px 0px 155px;
	position:absolute;
}

#menu4
{
	display:block;
	margin: 10px 0px 0px 230px;
	position:absolute;
}
#menu5
{
	display:block;
	margin: 10px 0px 0px 310px;
	position:absolute;
}
#menu6
{
	display:block;
	margin: 10px 0px 0px 395px;
	position:absolute;
}
#menu7
{
	display:block;
	margin: 10px 0px 0px 460px;
	position:absolute;
}
#dropmenudiv
{
position:absolute;
font-size:11px;
font:Calibri;
z-index:100;
table-layout:middle;
margin-top:7px;
margin-left:-10px;

}

#dropmenudiv a
{
	display: block;
	font:Calibri;
	border:thin 2px #FFFFFF;
	font-size:11px;
	font-weight:900;
	color:#495c69;
	text-decoration:none;
	line-height:21px;
	background-color:#c0d1de;
	padding-left: 5px;
}

#dropmenudiv a:hover
{ /*hover background color*/
	font:Calibri;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	background-position:center;
	text-decoration:none;
	background:#3a5f77;
	line-height:20px;
}
#signintext
{font:Calibri;
font-size:15px;
color:#3a5f77;
font-weight:bold;
position:relative;
top:10px;
left:10px;
}
#signin
{height:40px;
 width:420px;
 margin-left:5px;
border-bottom:1px solid #3a5f77;
}
#fsign
{margin-top:30px;
margin-left:30px;
}
#sign0
{font:Calibri;
font-size:13px;
font-weight:bold;
position:relative;
color:#000000;
top:20px;
left:50px;
}
#sign
{font:Calibri;
font-size:13px;
font-weight:bold;
position:relative;
color:#000000;
top:30px;
left:10px;
}
#name
{font:Calibri;
font-size:9px;
position:relative;
top:10px;
left:0px;
color:#3a5f77;
}
#name1
{font:Calibri;
font-size:12px;
font-weight:bold;
color:#3a5f77;
}
#name2
{font:Calibri;
font-size:12px;
font-weight:bold;
color:#000000;
}
#take
{position:relative;
top:30px;
left:50px;
}
#form
{height:220px;
width:420px;
position:relative;
align:center;
left:5px;
border-bottom:1px solid #3a5f77;
}
#fo
{height:40px;
width:420px;
margin-left:5px;
border-bottom:1px solid #3a5f77;
}
.white_content {
                  display: none;
                  position: absolute;
                  top: 120px;
                  left: 300px;
                  width: 430px;
                  height: 400px;
                  background-color: white;
                  z-index:1002;
                  overflow:hidden;
              }
#ima
{
background-image:url(images/tidenine.JPG);
background-repeat:no-repeat;
height:60px;
width:430px;
}	
			  
#logf
{font:Calibri;
font-size:17px;
font-weight:bold;
color:#FFFFFF;
position:relative;
top:10px;
left:10px;
float:left;
} 
#regf
{font:Calibri;
font-size:17px;
font-weight:bold;
color:#3a5f77;
position:relative;
top:20px;
left:10px;
float:left;
} 
#close
{position:relative;
top:-35px;
left:360px;

}
#cl
{font:Calibri;
font-size:13px;
color:#FFFFFF;
}
#reg
{width:799px;
height:496px;
}
#regc {
padding: 0px 0px 0px 0px;
margin: auto auto 0px auto;
width:440px;
height:496px;

}

#regl {
float: left;
width: 170px;
height:496px;
margin: auto auto auto 0px;
padding: 0px 0px 0px 0px;
border-right:1px solid #999999;
}
#regr {
float: right;
width: 170px;
height:496px;
margin: auto 0px auto auto;
padding: 0px 0px 0px 0px;
border-left:1px solid #999999;
}
#topi
{background:#3a5f77 url(images/maintop.jpg) repeat-x top center;
 width:150px;
 height:23px;
 position:relative;
 left:10px;
 top:50px;
 margin-bottom:10px;
  
}
	#topi1
{background:#3a5f77 url(images/maintop.jpg) repeat-x top center;
 width:150px;
 height:23px;
 position:relative;
 left:10px;
bottom:10px;
margin-bottom:30px;
  
}	
	#topi2
{background:#3a5f77 url(images/maintop.jpg) repeat-x top center;
 width:150px;
 height:23px;
 position:relative;
 left:10px;
bottom:10px;
 }
 
  #workleft
  {width:200px;
  height:auto;
  position:relative;
  left:-60px;
  float:left;
  }	
#workright
{width:200px;
float:right;
}
#manag
{width:550px;

}	
#manag1
{width:110px;
height:auto;
float:left;


}
#manag2
{width:440px;
height:auto;
float:right;
margin-bottom:80px;

}

#manag4
{width:440px;
height:auto;
float:right;
margin-bottom:15px;

}
#manag3
{width:440px;
height:auto;
float:right;
margin-bottom:80px;

}
a.one:link{color:#495c69;text-decoration:none;}
a.one:visited{color:#495c69;text-decoration:none;}
a.one:hover{color:#495c69;text-decoration:none;}

a.two:link{color:#FFFFFF;text-decoration:none;}
a.two:visited{color:#FFFFFF;text-decoration:none;}
a.two:hover{color:#FFFFFF;text-decoration:underline;}

a.three:link{color:#3a5f77;text-decoration:none;}
a.three:visited{color:#3a5f77;text-decoration:none;}
a.three:hover{color:#3a5f77;background-color:#CCCCCC;text-decoration:underline;}
a.four:link{color:#FFFFFF;text-decoration:none;}
a.four:visited{color:#FFFFFF;text-decoration:none;}
a.four:hover{color:#FFFFFF;text-decoration:underline;background-color:#999999;}