/*********************** CSS RESET ***********************/

ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/**************** menu coding *****************/
#social{
position: absolute;
text-align: right;
width:132px;
top: 745px;
left: 50px;
font-size:12px;
color:#666666;
}

#social img{
border:0;
}

#logo-ws {
width: 8.5em;
position: absolute;
top: 655px;
left: 33px;
}

#spectrum {
width: 8.5em;
position: absolute;
top: 585px;
left: 38px;
}

#constant-contact {
width: 9em;
position: absolute;
top: 500px;
left: 38px;
}

#flashcontent2 {
width: 8.5em;
position: absolute;
top: 450px;
left: 52px;
}

#menu {
width: 8.5em;
position: absolute;
text-align: right;
top: 200px;
left: 50px;
}

#menu a {
font: bold 14px/18px arial, verdana, helvetica, sans-serif;
display: block;
margin:1 px;
margin: 0;
padding: 2px 3px;
color: #333;
text-decoration: none;
background: #fff;
}

#menu a:hover, #menu a:active, #menu a.selected {
color: #777;
background: #fff;
}

#menu li {
position: relative;
}

#menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

#menu ul ul {
position: absolute;
text-align:left;
background: #ced8b5;
top: 0;
left: 100%;
width: 100%;
}

#menu ul ul a {
color: #333;
text-decoration: none;
}

#menu ul ul a:hover {
color: #777;
background: #fff
}


div#menu ul ul,
div#menu ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;}

/******** CUSTOM NAV HR ********/

div.hr {
padding: 0;
margin: 0;
height: 2px;
width:100%;
clear: both;
background: url(/images/hr-secondary.jpg) no-repeat center; 
} 

div.hr hr { 
display: none; 
}


/******** IE HOVER HACK ********/

</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(/assets/csshover3.htc);
font-size: 100%;
} 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
} 

</style>
<![endif]-->
