@charset "utf-8";
/* CSS Document */


body {
margin: 0;
padding: 0;
background-color: #e9e9e9;
background-image: url('../media/images/layout/Gfx-Background.jpg');
background-repeat: repeat-y;
font-family: Arial, Helvetica, sans-serif;
}

#header {

background-image: url('../media/images/layout/Gfx-BannerTopLeft.jpg');
height: 318px;
width: 997px;
}

#navbar {
position: absolute; 
left: 30px; 
top: 219px; 
width: 271px; 
height: 340px;
background-image: url('../media/images/layout/LeftBar.png');
}

#navbar ul {
width: 220px;
padding: 0;
margin: 0;
margin-left: 20px;
margin-top: 30px;
}

#navbar ul li {
padding-bottom: 6px;
padding-top: 2px;
border-bottom: 1px solid #757b87;
list-style: none;
}

#navbar ul li a {
color: #fefff0;
}

#navbar ul li a:hover {
color: #e5f6ff;
}

#contentcontainer {
	position: absolute;
	left: 302px;
	top: 193px;
	width: 934px;
	background-image: url('../media/images/layout/TopContent.png');
	background-repeat: no-repeat;
	padding: 0;
	padding-top: 21px;
	margin: 0;
}

*:first-child+html #contentcontainer #content ul{
	padding-left: 21px;
	}

* html #contentcontainer #content ul{
	padding-left: 21px;
	}


#contentcontainer #content{
position: relative; 
top: 5px;
left: -1px;
margin: 0;
padding: 0;
padding-left: 30px;
background-image: url('../media/images/layout/CenterContent.png');
background-repeat: repeat-y;
width: 735px;
min-height: 300px;
float: left;
}

#contentcontainer #content h1 {
	margin-top: 0;
}

#contentcontainer #content h2 {
}

#contentcontainer #content IMG {
	margin-top: 0;
}


#contentcontainer #content p, ul {
	padding-right: 30px;
	margin: 0;
		padding-bottom: 0;
}



#contentcontainer #footercontent {
	position: relative; 
top: 5px;
left: -1px;
background-image: url('../media/images/layout/BottomContent.png');
background-repeat: no-repeat;
width: 775px;
height: 30px;
float: left;
}

