body {
	/*background: #000  url(images/dd_bg.jpg) repeat-x 0 0; */
	/*background: #000;*/ 
	color: #333;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #99CCFF;
}
.navlink { font-size:10px; }
a:link, a:visited {
	color: #99CCFF;
	/*	background-color: #ff6;*/
	text-decoration: none;/*	border-bottom: 1px solid #58b; */
}
  a:active { background-color: #ff6; 
}
a:hover, a:active { background-color: #000; 
}
.loginbox {
	 
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #FFF;
	margin-left: 10px;
	margin-top: 30px;
background: #5E5780 url(images/dd_bg.jpg) repeat-x 0 0;
}
.loginheader {
	 
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
background: #5E5780 ;
}

/* MAIN NAV */ 
 
ul#topnav {
 
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	font-size: 1.1em;
	float: left;
	 
}
ul#topnav li{
 
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:40px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 20px;
	float: left;
	text-decoration: none;
	color: #fff;
 background: url(images/a_bg.gif) repeat-x; 
	text-transform: uppercase;
	clear: both;
	/* width: 100%; */
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #99CCFF;
	background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: left top;
}

/* MEMBER NAV */ 
 ul#topnav2 {
 color: #ccc;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	font-size: 1.1em;
	float: left;
	 
}
ul#topnav2 li{
 
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:40px;
}
ul#topnav2 a, ul#topnav2 span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 20px;
	float: left;
	text-decoration: none;
	color: #fff;
 /*  background: url(images/a_bg2.gif) repeat-x;   */
	text-transform: uppercase;
	
	clear: both;
	/* width: 100%; */
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
}
ul#topnav2 a{ /*--This is basically the hover state of navigation--*/
	color: #99CCFF;
	background-position: left bottom;
}
ul#topnav2 span{ /*--Default state of navigation--*/
	background-position: left top;background-color:#FFFFFF;
}