body
{	
	background: #454545 url(/res/img/bg.jpg) top center repeat-x;
}

#Bg
{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 900px;
	height: 1024px;
	background: url(/res/img/head.jpg) top center no-repeat;
}
#Holder
{
	position: relative;
	top: 210px;
	left: 125px;
	width: 650px;
}

#Home
{
	position: absolute;
	display: block;
	top: -210px;
	width: 650px;
	height: 80px;
	background: transparent;
}

#Head
{
	position: absolute;
	display: block;
	top: 0px;
	left: 45px;
	width: 560px;
	height: 195px;
}

#HeadL
{
	position: absolute;
	display: block;
	top: 0px;
	left: 45px;
	width: 20px;
	height: 195px;
	background: url(/res/img/framel.gif) top left no-repeat;
}

#HeadR
{
	position: absolute;
	display: block;
	top: 0px;
	left: 585px;
	width: 20px;
	height: 195px;
	background: url(/res/img/framer.gif) top left no-repeat;
}


#NavHolder
{
	position: absolute;
	display: block;
	top: 245px;
	left: 0px;
	width: 650px;
	height: 40px;
}

#Nav
{
	position: relative;
	left: 35px;
	width: 100%;
}
	#Nav li
	{
		float: left;
	}
	#Nav li a
	{
		display: block;
		height: 40px;
		text-decoration: none;
	}
	#Nav li a span
	{
		display: block;
		padding: 12px 25px 12px 15px;
		font-family: "Arial Black", Verdana, Helvetica;
		color: #FFF;
		text-transform: uppercase;
		background: url(/res/img/dot.gif) right center no-repeat;
	}
	#Nav li a:hover
	{
		background: url(/res/img/menuo.jpg) top center no-repeat;
	}
	#Nav li a:active,
	#Nav li a:focus
	{
		outline: 0;
	}
	#Nav li.ActiveDirectory a
	{
		background: url(/res/img/menuo.jpg) top center no-repeat;
	}

/* hack to get to work in ie6 */
* html body #Nav li a
{
	display: inline-block;
}


#SubNav
{
	list-style: none;
}
	#SubNav li
	{
		display: block;
		width: 560px;
		height: 40px;
		margin-bottom: 2px;
		background: url(/res/img/submenu.gif) top left no-repeat;
	}
	#SubNav li a
	{
		display: block;
		width: 100%;
		overflow: hidden;
		text-decoration: none;
		outline: 0;
	}
	#SubNav li a img
	{
		float: left;
		margin: 5px 20px 5px 10px;
	}
	#SubNav li a:focus,
	#SubNav li a:active
	{
		outline: 0;
	}
	#SubNav li a:hover
	{
		background: url(/res/img/submenuo.gif) top left no-repeat;
	}
	#SubNav li a span
	{
		display: block;
		font-size: 120%;
		color: #FFF;
		margin-top: 12px;
	}

#SiteMap a { color: #FFF; text-decoration: none; }
#SiteMap a:hover { color: #00bffe; text-decoration: underline; }
#SiteMap li a { font-size: 140%; }
#SiteMap li ul li a { font-size: 90%; }
#SiteMap li ul li ul li a { font-size: 70%; }

#ContentHolder
{
	position: absolute;
	top: 320px;
	left: 45px;
	width: 560px;
}
	#ContentHolder div#BreadCrumb
	{
		width: 580px;
		display: block;
		margin: 0 0 5px 30px;
	}
		#ContentHolder div#BreadCrumb ul
		{
			position: relative;
			left: 20px;
			width: 100%;
			overflow: hidden;
		}
		#ContentHolder div#BreadCrumb li
		{
			float: left;
			margin-right: .5em;
			font-size: 120%;
		}
		#ContentHolder div#BreadCrumb li a
		{
			display: block;
			background: url(/res/img/breadcrumb.gif) center right no-repeat;
			padding-right: 20px;
			text-decoration: underline;
			color: #FFF;
		}

#ContentHolder #Content,
#ContentHolder #Content2
{
	position: relative;
	width: 560px;
}

#Foot
{
	position: relative;
	display: block;
}