/* CSS Document */

/*Positioning Divs*/

#backgroundlgContainer{
position:relative;
margin: 0 auto;
width: 810px;
height: 630px;
background-color:#003333;
}
#backgroundContainer{
position:absolute;
left:5px;
top:5px;
width: 800px;
height: 620px;
background:url(images/body_grad.gif);
}
#container{
position:absolute;
left:10px;
top:10px;
width: 780px;
height: 600px;
background-color:#FFFFFF;
}
#banner{
position:absolute;
left:0px;
top:0px;
width:780px;
height:146px;
background-color:#FFFFFF;
background:url(images/hcs_banner.jpg) no-repeat top left;
}
#content{
	position:absolute;
	left:0px;
	top:146px;
	width:780px;
	height:410px;
}
#footer{
	position:absolute;
	left:10px;
	top:556px;
	width:690px;
	height:44px;
	background-color:#FFFFFF;
	background:url(images/bottom_tab.gif) no-repeat top left;
	filter: Alpha(Opacity=15);
}
/*General Styling*/
#leftNav{
	position:absolute;
	width:150px;
	left:10px;
	top:1px;
	height:453px;
	background-color:#669966;
	background-image:url(images/grid1.gif);
	background-repeat: no-repeat;
	background-position: left 85px;
}
#mainContent{
	position:absolute;
	width:300px;
	background-color:#FFFFFF;
	left:180px;
	top:1px;
	height:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color: #333333;
	list-style-image: url(images/body_grad.gif);
	background-image: url(images/ghostGrid.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#mainContent a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #669966;
	text-decoration: none;
}
#mainContent a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003333;
	text-decoration: underline;
}
#maincontentPic{
	position:absolute;
	width:250px;
	background-color:#003333;
	left:495px;
	top:1px;
	height:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	line-height:12px;
	color:#FFFFFF;
	background-image: url(images/bottomGreencorner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}