@import url(/_styles/_topnav.css);
@import url(/_styles/_dwp-main.css);

body {
	background-color: #eeeeee;
	background-image: url(/_images/back.gif);
}

div#menu {
	padding: 10px;
	width: 210px;
	left: 0px;
	position: absolute;
}
* html div#menu {
	width: 230px;
}
div#menu>p:first-child {
	margin-top: 0px;
}
div#menu strong {
	font-style: normal;
	font-weight: bold;
	color: #442675;
}

div#menu h3 {
	font-size: 1.1em;
	color: #442675;
	margin-top: 2em;
	border-top: 1px solid #9966cc;
}

/***** LEFT HAND NAVIGATION *****/

	/* Menu Holder */
div#links {                 
	padding: 0px;
	width: 230px;
	left: 0px;
	position: absolute;
	background: #ffffff;
}
/*
* html div#links {
	width: 230px;
}

div#links ul {
	margin: 0;
}
*/
	/* Level 1 
li.level1 {
	background: #D6C2EB url(/_images/arrow-bullet.gif) no-repeat -1px;
	list-style: none;
	display: block;
}

.level1, .level1 a:link {
	color: #442675;
	margin-left: -10px;
	padding: 3px 0px 3px 10px;
	text-decoration: none;
	display: block;
}

.level1 a:hover {
	background: #C2A3E0 url(/_images/arrow-bullet2.gif) no-repeat -1px;
	list-style: none;
	color: #333333;
	display: block;
}
*/

	/* Selected menu item 
li.selected {
	background: #9966CC;
	display: block;
	margin-left: -10px;
}

.selected a:link {
	text-decoration: none;
	padding: 3px 0px 3px 20px;
	list-style: none;
	background: url(/_images/arrow-bullet3.gif) no-repeat -1px;
	display: block;
	color: #FFFFFF;
}

.selected a:hover {
	list-style: none;
	background:#442675 url(/_images/arrow-bullet3.gif) no-repeat -1px;
	display: block;
	color: #FFFFFF;
}
*/
	/* Level 2
ul.level2 {
	background: #EBE0F5 url(/_images/arrow-bullet2.gif) no-repeat -1px;
	list-style: none;
	display: block;
}

.level2, .level2 a:link {
	color: #442675;
	padding: 3px 0px 3px 20px;
	text-decoration: none;
	display: block;
	margin-left: -20px;
}

.level2 a:hover {
	color: #333333;
	background: #D6C2EB url(/_images/arrow-bullet2.gif) no-repeat -1px;
	list-style: none;
	margin-left: -20px;
	padding: 3px 0px 3px 20px;
} */
/* selected needed for level 2

ul.level1 ul.level2 li.selected a{
	color: #333333;
	background: #D6C2EB url(/_images/arrow-bullet2.gif) no-repeat -1px;
	list-style: none;
	margin-left: -11px;
	padding: 3px 0px 3px 20px;
}*/

/*Old 2 level menu
ul#level1
{
list-style-type: none;
margin: 0;
padding: 0;
}

ul#level1 li { display: inline; }

ul#level1 li a
{
color: #442675;
background: #D6C2EB url(/_images/arrow-bullet.gif) no-repeat 6px 10px;
padding: 5px 5px 5px 15px;
border-top: solid 1px #fff;

}

ul#level1 li a:hover { 	
	color: #333333;
	background: #C2A3E0 url(/_images/arrow-bullet2.gif) no-repeat 6px 10px; }

ul#level1 li.selected a
{
color: #fff;
background: #9966CC url(/_images/arrow-bullet3.gif) no-repeat 6px 10px;
}

ul#level2
{
margin: 0 0 0 0;
list-style-type: none;
padding: 0;
}

ul#level2 li { display: inline; }

ul#level1 li.selected ul#level2 li a 
{background: #EBE0F5 url(/_images/arrow-bullet2.gif) no-repeat 16px 10px;	color: #442675;
padding: 5px 0 5px 26px;  }


ul#level1 li.selected ul#level2 li a:hover 
{background: #C2A3E0 url(/_images/arrow-bullet2.gif) no-repeat 16px 10px;	color: #333333; }


ul#level1 li.selected ul#level2 li.selected a
{
color: #fff;
background: #C2A3E0 url(/_images/arrow-bullet2.gif) no-repeat 16px 10px;
}
*/

ul#level1 li a, ul#level2 li a
{
text-decoration: none;
}


div#links {
	padding: 0px;
	margin: 0px;
	width: 230px;
	left: 0px;
	position: absolute;
}

div#links li a{
 display:block;}

ul#level1
{
list-style-type: none;
margin: 0;
padding: 0;
}

ul#level1 li { display: inline; }

ul#level1 li a
{
color: #442675;
background: #F1F2F9 url(/_images/arrow-bullet.gif) no-repeat 6px 6px;
padding: 2px 0px 2px 15px;
border-top: solid 1px #fff;

}

ul#level1 li a:hover { 	
	color: #442675;
	background: #ffffff url(/_images/arrow-bullet.gif) no-repeat 6px 6px; }

ul#level1 li.selected a, ul#level1 li.selected a:hover
{
color: #000;
background: #D6D9EC url(/_images/arrow-bullet3.gif) no-repeat 6px 6px;
}

ul#level2
{
margin: 0 0 0 0;
list-style-type: none;
padding: 0;
}

ul#level2 li { display: inline; }

ul#level1 ul#level2 li a 
{background: #F1F2F9 url(/_images/arrow-bullet2.gif) no-repeat 16px 6px;	color: #442675;
padding: 2px 0 2px 26px;  }


ul#level1 ul#level2 li a:hover 
{background: #ffffff url(/_images/arrow-bullet2.gif) no-repeat 16px 6px;	color: #442675; }


ul#level1 ul#level2 li.selected a, ul#level1 ul#level2 li.selected a:hover
{
color: #000;
background: #E3E6F2 url(/_images/arrow-bullet3.gif) no-repeat 16px 6px;
}

ul#level3
{
margin: 0 0 0 0;
list-style-type: none;
padding: 0;
}

ul#level3 li { display: inline; }

ul#level1 ul#level2 ul#level3 li a 
{
background: #F1F2F9 url(/_images/arrow-bullet2.gif) no-repeat 26px 6px;
color: #442675;
padding: 2px 0 2px 36px;
}


ul#level1 ul#level2 ul#level3 li a:hover 
{background: #ffffff url(/_images/arrow-bullet2.gif) no-repeat 26px 6px;	color: #442675; }


ul#level1 ul#level2 ul#level3 li.selected a, ul#level1 ul#level2 ul#level3 li.selected a:hover
{
background: #D6C2EB url(/_images/arrow-bullet2.gif) no-repeat 26px 6px; color: #442675;
}
ul#level4
{
margin: 0 0 0 0;
list-style-type: none;
padding: 0;
}

ul#level4 li { display: inline; }

ul#level1 ul#level2 ul#level3 li ul#level4 li a 
{
background: #FCFAFD url(/_images/arrow-bullet2.gif) no-repeat 40px 10px;
color: #442675;
padding: 5px 0 5px 50px;
}

ul#level1 ul#level2 ul#level3 ul#level4 li a:hover 
{background: #FAEFFF url(/_images/arrow-bullet2.gif) no-repeat 40px 10px;	color: #333333; }


ul#level1 ul#level2 ul#level3 ul#level4 li.selected a, ul#level1 ul#level2 ul#level3 ul#level4 li.selected a:hover
{
background: #E5D1FA url(/_images/arrow-bullet2.gif) no-repeat 40px 10px; color: #442675;
}