/**
 * Layout
 */

body {
	background: #ffffff  url(/lib/images/bg.gif) no-repeat top center;
	margin: 0px;
	font: 12px/14px Tahoma;
}
 
#container {
	width: 976px;
	text-align: left;
	margin: 0px auto 0px auto;
}
#hdr { width: 976px; }
#hdr a:hover { color: #30ba58; }
#hdr .nav { height: 200px; }
#hdr .qlinks {
	background: #000000 url(/lib/images/head.top.bg.gif) no-repeat;
	color: #ffffff;
	text-align: right;
	padding: 0px 20px 0px 0px;
	height: 39px;
	font: 10px/39px Tahoma;
}
#hdr .qlinks a { 
	color: #ffffff; 
	text-decoration: none;
}
#hdr .qlinks a:hover { color: #30ba58; }
#webtools .breadcrumb {
	height: 30px;
	line-height: 30px;
	color: #c7c7c7;
	float: left;
	margin: 0px 0px 0px 10px;
}
#webtools .breadcrumb a { 
	color: #c7c7c7;
	text-decoration: underline; 
}
#webtools .tools { float: right; }
#ftr {
	background: url(/lib/images/ftr.bg.gif) no-repeat;
	width: 976px;	
	color: #606060;
	padding: 20px 0px 0px 0px;
	margin: 16px 0px 16px 0px;
}
#ftr a {
	color: #606060;
	text-decoration: none;
}	
#ftr a:hover { text-decoration: underline; }		
#ftr .links { float: left; }
#ftr .copyright {
	color: #aaaaaa;
	float: right;
}
#ftr .design {
	color: #aaaaaa;
	float: right;
}
#ftr .design a { color: #aaaaaa; }
/**
 * Conent Page
 */
#content {
	float: left;
	width: 670px;
	padding: 0px 20px 0px 10px;
	font: 13px/16px Tahoma;
	color: #4e4e4e;
}
/**
 * Menu
 */
#rightSide {
	background: url(/lib/images/menu.bg.gif) repeat-y;
	float: left;
	width: 264px;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
	border: 1px solid #e5e5e5;
	border-right: 0px;
}
#menu  {
	margin: 0px 0px 10px 0px;
}
#menu .image {
	margin: 20px 0px 10px 0px;
}
#menu .image2 {
	margin: 0px 0px 0px 0px;
}
#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}
/** Level 1 **/
#menu li {
	list-style: none;
	padding: 0px;
	width: 264px;
}
#menu li a {
	background: #575759;
	border-top: 1px solid #9d9da0;
	border-bottom: 1px solid #000000;
	color: #ffffff;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
}
#menu a:hover {
	background: #03b4de url(/lib/images/menu.li.ovr.gif) repeat-y;
}
#menu a.on, #menu a.onexp {
	background: #3dd76a url(/lib/images/menu.li.on.gif) repeat-y;
	font-weight: bold;
}	

/** Level 2 **/	
#menu li li a {
	background: #9eebb4 url(/lib/images/menu.li.li.gif) repeat-y;
	border-top: 1px solid #29a94e;
	border-bottom: 0px;	
	padding: 0px 0px 0px 20px;
	height: 30px;
	line-height: 30px;
	color: #2f2f2f;
}	
#menu li li a:hover { background: #50db79}
#menu li li a.on {
	background: #9eebb4 url(/lib/images/menu.li.li.on.gif) no-repeat;
	font-weight: bold;
	padding: 0px 0px 0px 30px;	
}			

