/*//////////////////// Drop Down Menu (ID="topmenu") CSS /////////////////////////*/
.navmenu_main, .navmenu_page {
	height: 28px;
	border-top: 1px solid #999;
	background: url(../images/home_layout/back-navmenu.jpg) repeat-x bottom; /* 26px */
	background-color:#441E59;  /*same as #topmenu .parents */
	}

.navmenu_main {
	border-bottom: 1px solid #999;
	}

#topmenu {
	z-index:20;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}
	
.page {
	position: absolute;
	left: 190px;	
	}

#topmenu ul { /* all lists ID="nav" for javascript*/
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	}

#topmenu li { /* all list items */
	float: left;
	position: relative;
	}

#topmenu .menu_left { /* first column of level LI */
	height: 20px;
	width: 171px;
	border-top: 2px solid #441E59;
	border-right: 1px solid #999;
	padding: 3px 0px;
	text-align: center;
	font-weight: bold;
	color: #FAFAFA;
	background: url(../images/home_layout/back-navmenu.jpg) repeat-x; /* 26px */
	background-position: left top;
	}

#topmenu .menu_right_main, #topmenu .menu_right { /* first column of level LI */
	height: 20px;
	width: 10px;
	border-top: 2px solid #441E59;
	padding: 3px 0px;
	background: url(../images/home_layout/back-navmenu.jpg) repeat-x; /* 26px */
	background-position: right top;
	}

#nav .parents_main { /* first level LI */
	height: 20px;
	border-top: 2px solid #441E59;
	border-right: 1px solid #999;
	padding: 3px 20px;
/*	background: #441E59;*/
	background: url(../images/home_layout/back-navmenu.jpg) repeat-x; /* 26px */
	font-size: 1.0em;
	color: #fff;
	text-transform: uppercase;
	cursor: default;
	}
	
#nav .parents { /* first level LI */
	height: 20px;
	border-top: 2px solid #441E59;
	border-right: 1px solid #999;
	padding: 3px 12px;
/*	background: #441E59;*/
	background: url(../images/home_layout/back-navmenu.jpg) repeat-x; /* 26px */
	font-size: 1.0em;
	color: #fff;
	text-transform: uppercase;
	cursor: default;
	}

#nav .projects { /* Especially for projects, comes with parents or parents_main */
	color: #FED;
	}

#nav li:hover, #nav li.over { /* first level LI background change Use #nav instead of #topmenu*/
	height: 18px;
	border-top: 4px solid #9A4CAD;
	background: url(../images/home_layout/back-topmenu-white.jpg) repeat-x; /* 24px */
	color:#000;
	}

#nav li:hover dl, #nav li.over dl { /* lists nested under hovered list items */
	display: block;
	}

#nav li dl { /* second-level lists */
	display: none;
	position: absolute;
	top: 24px;
	left: 0px;
	width: 170px;
	margin: 0px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
/*	border-left: 1px solid #fafafa; */
	padding: 3px 1px 15px 2px;
	background-color: #fafafa;
	font-size: 0.9em;
	text-transform: none;
	cursor: auto;
	}

/*#topmenu li>dl { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left 
	top: auto;
	left: auto;
	margin-left: -1em;
	}*/

#nav .hr {
	height: 1px;
	margin: 2px;
	border-bottom: 1px solid #bbb;
	font-size: 1px;
	}

#nav dt { /* second-level lists TITLES */
	padding: 5px 1px 2px 2px;
	font-weight:bold;
	}

#nav dd { /* second-level lists LINKS */
	margin-left:0px;
	padding: 5px 1px 5px 12px;
	}

/*
#topmenu dd:hover { /* for non-IE browsers
	background-color: #eef;
	color:#c00;
	}
*/

#nav dd a:hover { /*for IE browsers*/
	border-bottom: 1px solid #c00;
	color:#c00;
	}

#nav a, #nav a:visited {
	text-decoration: none;
	color: #000;
	}

/*//////////////////// Left Column Menu for pages /////////////////////////*/
#leftcol_page {
	z-index: 10;
	position: absolute;
	top: 130px;
	left: 40px;
	width: 165px;
	margin: 0px;
	border-right: 2px solid #000000;
	border-left: 4px solid #000000; /*gradient: 90% of #441E59*/
/*	background: #fafafa; */
	border-top: 2px solid #000000;
	background: #DCDCDC;
	color: #777;
	}

.notemplate {/*for no template pages*/
	width: 100%;
	position: absolute;
	top: -168px;
	border-top: 3px solid #000000;
	border-right: 2px solid #563469;
	border-left: 4px solid #563469; /*gradient: 90% of #441E59*/
	}

#leftcol_page h5 {
/*	margin: 10px 0px 0px 0px;
	border-top: 1px solid #999; */
	margin: 0px 0px 7px 0px;
/*	border-top: 3px dashed #563469;
	border-bottom: 3px solid 000000;
	padding: 10px 0px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #441E59;
	background: #FFF;
/*	background: #BC8EBF;*/
	}

#leftcol_page ul { /* copy and paste, and change "dl" to "ul" */
	margin: 0px;
	padding: 0px 0px 10px 3px;
	border-bottom: 5px solid #000000;
	}

#leftcol_page .hr {
	height: 5px;
	margin: 1px 3px 3px -3px;
	border-bottom: 1px solid #ccc;
	font-size: 1px;
	}

#leftcol_page li { /* copy and paste, and change "dd" to "li" */
	margin-left: 0px;
	padding: 5px 0px 5px 18px;
	list-style-position: inside;
	list-style-type: square;
	text-indent: -15px;
	font-weight: normal;
	}

#leftcol_page dt { /* second-level lists TITLES */
	padding: 5px;
	font-weight:bold;
	}

#leftcol_page dl { /* third-level lists */
	margin: 5px 0px 5px -10px;
	border-left: 4px solid #ccc;
	font-size: 0.8em;
	}

#leftcol_page dd { /* third-level lists LINKS */
	margin:0px 0px 5px 5px;
	padding: 0px;
	text-indent: 0px;
	}

#leftcol_page a, #leftcol_page a:visted { /*for IE browser*/
	text-decoration: none;
	color: #222;
	}

#leftcol_page a { /*for FF browser*/
	text-decoration: none;
	color: #222;
	}

#leftcol_page a:hover {
	text-decoration: none;
	color:#C00;
	background-color: #F6F0f8;
	}

#leftcol_page1 {
	z-index: 10;
	position: absolute;
	top: 250px;
	left: 40px;
	width: 300px;
	margin: 0px;
	border-right: 2px solid #000000;
	border-left: 4px solid #000000; /*gradient: 90% of #441E59*/
	border-bottom: 4px solid #000000;
/*	background: #fafafa; */
	border-top: 2px solid #000000;
	background: #DCDCDC;
	color: #777;
	font-size: 13px;
	font-family: Verdana;
	}