/* CSS Document */


body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
background-image:url(images/bgRendering.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

div#myimg {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  width:336px;
  height:66px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/beachviewFONT.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.myimg2[class] {
width:330px;
height:75px;
background-repeat:no-repeat;
  background-image:url(images/beachviewFONT.png);
}

.height[class] {
height:150px;
}

body>div#myDiv{
	background-image: url(images/beachviewFONT.png);
	background-repeat:no-repeat;
	}

div.copy {
margin:0 auto;
width: 700px; 
height:575px; 
z-index:125; 
position:absolute;
top:25px;
}



div#container {
margin:0 auto;
width:700;
height:500;
}

div.trans  {
margin: 0 auto; 
position:relative;
top:-175px;
width: 700px; 
height:605px; 
z-index:100; 
filter: Alpha(Opacity=30); 
background-color:white; 
opacity:.5; 
-moz-opacity: 0.5; 
border:1px solid #666633; 
text-align:left; 
padding-right:30px; 
padding-left:15px;
padding-top:15px;

}

a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#336600;
text-decoration:none;
}
a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#336600;
text-decoration:none;
}
a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#336699;
text-decoration:underline;
}
a:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#336600;
text-decoration:none;
}




div#listmenu {
width:102px;
position:absolute; left:-50px; top:150px;
margin: 0;
	padding: 0;}

div#listmenu ul {
    border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	border-right: 1px solid #638450;
	border-bottom: 1px solid #638450;
}


div#listmenu ul li {
	display: block;
	
	position:relative;
	text-align: center;
	padding: 0;
	margin: 0;
}


div#listmenu ul li a {
padding:0;

margin-left:auto; 
margin-right:auto; 
text-decoration:none;
display:block;
text-align: center;
letter-spacing: 1px;
line-height: 2em;
width:100px;
height:2em;
border-top: 1px solid #638450;
	border-left: 1px solid #638450;
	border-bottom: none;
	border-right: none;
background-color:#FFFFFF;
 
text-decoration:none;
color: #638450;
}

html>#listmenu ul li a  {
	display:block;   
	text-align:center;
	} 
	
html>#listmenu ul  {
	clear:left;
	} 
	
div#listmenu ul li#left a	{
	width: 147px;
	background-color:#FFFFFF;
	}

div#listmenu ul li#right a	{
	width: 130px;
	background-color:#FFFFFF;
	border-right: 1px solid #638450;
	}

div#listmenu ul li#right a:hover {
color:#FFFFFF;
background-color:#638450;
border-right: 1px solid #638450;
}

div#listmenu ul li#left a:hover {
color:#000;
background-color:#323298;
}

	
#resources a:link, #resources a:visited {
	border-right: 1px solid #ccc;
	}

div#listmenu ul li a:hover {
color:#FFFFFF;
background-color:#638450;
}

div#listmenu ul li a:active {
color:#000;
background-color:#638450;
}

body#sectionone #menu li#one a, 
body#sectiontwo #menu li#two a,
body#sectionthree #menu li#three a,
body#sectionfour #menu li#four a,
body#sectionfive #menu li#five a {
	background: #323298;
	border: 1px solid #fff;
	color: #fff;
	}
	
div#listmenu ul li ul {
margin:2em;
position:absolute;
width:101px;
left:-22px;
}
div#listmenu ul li ul li {
width:100%;
border-left:1px solid #C7C4C6;
border-bottom:1px solid #C7C4C6;
border-right:1px solid #C7C4C6;
}
div#listmenu ul li ul li:first-child {
border-top: 1px solid #C7C4C6;
}

* html div#listmenu ul li ul {
border-top:1px solid #C7C4C6;
border-left:0px;
}

div#listmenu a {
display: block;
padding: 0 6 px;
text-decoration:none;
color:#990000;
}

body div#listmenu ul li ul {
display:none;
}

div#listmenu ul li:hover ul {
display: block;
}

div#listmenu ul li:hover ul, div#listmenu ul li ul:hover {display: block;}