.headbg
{

/*Change Background color to change the layout theme color */
background-color:#1376c9;
}

ul#topnav
{
	font-size:13px;
	margin: 0; padding: 0;
	float: left;
	width: 1149px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	background-image:url(../images/menubg.png);
	
	/*Change Background color to change the layout theme color */
	background-color:#000000;
}

ul#topnav li
{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555; /*--Divider for each parent level links--*/
}

ul#topnav li a
{
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}

ul#topnav li:hover 
{
background-image:url(../images/menubg.png);repeat-x;

/*Change Background color to change the layout theme color */
background-color:#1376c9;
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span
{
	float: left;
	padding: 13px 0;
	position: absolute;
	left: 0; top:37px;
	display: none; /*--Hide by default--*/
	width: 1149px;
	background-image:url(../images/menubg.png);
	background: #1376c9; /*To Span BG color*/
}

ul#topnav li:hover span
{
display: block; }
/*--Show subnav on hover--*/

ul#topnav li span a
{
display: inline;
}
/*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/

ul#topnav li span a:hover
{
text-decoration: underline;
}


/*Sidebar Accordion Menu*/

#nav
{
padding:0; margin:0; font-family:Arial, Helvetica, sans-serif;
}

#nav a:hover
{
text-decoration:underline;
}

#nav dt b, #nav dt a
{
background-image:url(../images/menu_bg.jpg);display:block; font-weight:normal; font-size:12px; color:#000000; height:32px; line-height:35px;  cursor:pointer; width:185px; }

#nav dt b
{
background-image:url(../images/menu_bg.jpg) no-repeat left center;
}

#nav dt a
{
color:#FFFFFF; text-decoration:none; padding-left:5px;
}

#nav dt a:hover
{
color:#000; text-decoration:none; padding-left:5px;
}

#nav dd
{
padding:0; margin:0;
}

#nav dd ul
{
padding:0; margin:0; list-style:none;
}

#nav dd ul li
{
padding-left:5px;
}

#nav dd ul li a
{
font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#000; text-decoration:none; line-height:25px;
}

#nav dd ul li a:hover
{
font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#0076EE; text-decoration:none;
}

#wrapper
{
border:solid 1px #000000; background-color:#FFFFFF; width:190px;
}

#nav dt, dd
{
width:190px;
border-bottom:solid 1px #000000;
}