body {
	text-align:center;
	width:100%;
}

div.root {
	margin:			auto;
	text-align:		left;
	width:			952px;
	font-family:	Arial;
	font-size:		11pt;
}

div.header {
	background-image: 	url("images/drk-logo.gif");
	background-repeat:	no-repeat;
	text-align:			right;
	width:				100%;
	height:				33px;
	padding-top:		50px;
}

span.pagetitle {
	color: 	#010000;
	font-weight: 	bold;
	font-family:	Arial;
	font-size:		15pt;
	margin-right:	10px;	
	margin-top:		50px;
}

div #navigation {
	width: 				100%;
	height: 			33px;
	background-image:	url("images/menu-bg.gif");
	background-repeat:	repeat-x;
}

#navigation ul {
	font-size:			12px;
	color:				white;
	vertical-align:		top;
	padding-left:		20px;
	margin:				0px 0px 0px 0px;
}         

#navigation li {
	display: 			block;
	float:				left;
	list-style-type:	none;
	padding: 			0px 1px 0px 6px;
	background:			url("images/menu-seperator.gif") no-repeat left;
	text-align:			right;
	vertical-align:		middle;
	height:				33px;
	font-size:			15pt;
	line-height:		33px;
}

#navigation li a {
	padding:		0px 10px 0px 10px;
	color:			white;
	text-decoration:none;
	display:		block;
}

#navigation li a:hover {
	background-image:	url("images/arrow_menu.gif");
	background-repeat:	no-repeat;
	background-position:	center top;
}

#navigation li.active a {
	background-image:	url("images/arrow_menu.gif");
	background-repeat:	no-repeat;
	background-position:	center top;
}

input.text {
	border: 1px solid 	#d2d2d2;
	background-color: 	white;
	color: 				#484848;
}

div.searchbar {
	height: 			53px;
	width:				100%;
	background-color:	#efefef;
	margin-top:			5px;
	text-align:			center;
	line-height:		53px;
	font-family:		Arial;
	font-size:			12pt;
	color:				#4f4f4f;
}

div.leftbar {
	width:				200px;
	float:				left;
}

div.shadowbig {
	width:				952px;
	height:				8px;
	background-image:	url("images/shadow-big.gif");
	font-size:			4px;
}

div.rightbar {
	width:				201px;
	float:				left;
}

div.content {
	width:				541px;
	margin:				5px 5px 0px 5px;
	float:				left;
}

div.footer {
	clear:				both;
	background-color:	#efefef;
	color:				#7d7d7d;
	font-family:		Arial;
	font-size:			9pt;
	padding:			5px;
	height:				30px;
	line-height:		30px;
	text-align:			center;
	margin-top:			5px;
}

div.shadowsmall {
	width:				200px;
	height:				11px;
	background-image:	url("images/shadow-small.gif");
	font-size:			4px;
}

div.leftmenu {
	background-color:	#efefef;
}

div.leftmenu a.top {
	display:			block;
	width:				180px;
	height:				26px;
	margin:				0px 0px 2px 0px;
	color:				#292929;
	font-family:		Arial;
	font-size:			11pt;
	background-image:	url("images/menu-left.gif");
	text-decoration:	none;
	line-height:		26px;
	padding-left:		20px;
}

div.leftmenu a.top:hover {
	background-image:	url("images/menu-left-hover.gif");
	color:				#191919;
	font-weight:		bold;
}

div.leftmenu a.top-active {
	display:			block;
	width:				180px;
	height:				26px;
	margin:				0px 0px 2px 0px;
	color:				#191919;
	font-family:		Arial;
	font-size:			11pt;
	font-weight:		bold;
	background-image:	url("images/menu-left-active.gif");
	text-decoration:	none;
	line-height:		26px;
	padding-left:		20px;
}

div.leftmenu a.sub {
	display:			block;
	font-family:		Arial;
	font-size:			9pt;
	text-decoration:	none;
	margin-left:		20px;
	padding-left:		10px;
	background-image:	url("images/arrow.gif");
	background-position:left 4px;
	background-repeat:	no-repeat;
}

div.leftmenu a.sub:hover {
	font-weight:		bold;
	background-image:	url("images/arrow-hover.gif");
	color:				#484848;
}

div.leftmenu a.sub-active {
	display:			block;
	color:				#484848;
	font-family:		Arial;
	font-weight:		bold;
	font-size:			9pt;
	text-decoration:	none;
	margin-left:		20px;
	padding-left:		10px;
	background-image:	url("images/arrow-hover.gif");
	background-position:left 4px;
	background-repeat:	no-repeat;
}

div.leftmenu a.sub2 {
	display:			block;
	font-family:		Arial;
	font-size:			9pt;
	text-decoration:	none;
	margin-left:		25px;
	padding-left:		10px;
	background-image:	url("images/arrow.gif");
	background-position:left 4px;
	background-repeat:	no-repeat;
}

div.leftmenu a.sub2:hover {
	font-weight:		bold;
	background-image:	url("images/arrow-hover.gif");
	color:				#484848;
}

div.leftmenu a.sub-active2 {
	display:			block;
	color:				#484848;
	font-family:		Arial;
	font-weight:		bold;
	font-size:			9pt;
	text-decoration:	none;
	margin-left:		25px;
	padding-left:		10px;
	background-image:	url("images/arrow-hover.gif");
	background-position:left 4px;
	background-repeat:	no-repeat;
}

div.leftbar div.title {
	width:				180px;
	height:				26px;
	line-height:		26px;
	padding-left:		20px;
	background-image:	url("images/title-left.gif");
	font-family:		Arial;
	color:				#5b5b5b;
	font-size:			10pt;
	font-weight:		bold;
}

div.rightbar div.title {
	width:				181px;
	height:				26px;
	line-height:		26px;
	padding-left:		20px;
	background-image:	url("images/title-right.gif");
	font-family:		Arial;
	color:				#5b5b5b;
	font-size:			10pt;
	font-weight:		bold;
}

div.contentbar {
	background-color:	#efefef;
	width:				190px;
	padding:			5px;
	color:				#494949;
	font-family:		Arial;
	font-size:			9pt;
}

input.login {
	border:				1px solid #2e2e2e;
	border-right-color:	#b8b8b8;
	border-bottom-color:#b8b8b8;
	height:				18px;
	width:				183px;
	color:				#494949;
	font-family:		Arial;
	font-size:			9pt;
	background-image:	url("images/login-bg.gif");
	background-repeat:	repeat-x;
	margin:				2px;
}

a.arrow {
	text-decoration:	none;
	color:				#484848;
	font-weight:		bold;
	display:			block;
	padding-left:		10px;
	background-image:	url("images/arrow.gif");
	background-position:left center;
	background-repeat:	no-repeat;
}

a.arrow:hover {
	color:				white;
	background-image:	url("images/arrow-hover.gif");
}

a {
	color:				#7d7d7d;	
}

a:hover {
	color:				#484848;
}

div.welcome h1.red {
	display:			block;
	background-color:	red;
	font-family:		Arial;
	font-size:			14pt;
	color:				white;
	margin-top:			0px;
	padding:			3px;
	text-align:			center;
	margin-bottom:		10px;
}

div.smallcontent {
	width:				249px;
	float:				left;
	margin-left:		1px;
}

div.smallcontent div.edge {
	width:				1px;
	height:				18px;
	float:				left;
	background-color:	#bababa;
	margin-top:			1px;
}

div.smallcontent div.title {
	width:				242px;
	height:				20px;
	float:				left;
	background-color:	#bababa;
	color:				white;
	padding-left:		5px;
	margin-bottom:		3px;
	line-height:		20px;
	font-size:			9pt;
	font-weight:		bold;
}

div.smallcontent div.text {
	background-color:	#efefef;
	padding:			3px;
	color:				#494949;
	margin-bottom:		2px;
}

div.spacer {
	height:			5px;
}
