@charset "UTF-8";
/* CSS Document */
/* This document is used for the index.html page only */

/* -- styles for basic html elements -- */

body {
	margin:0;
	padding:0;
	background:url(../images/pagebkgrnd_vertlines100x1536.jpg) repeat-x;
}

p {
	font: normal normal 12px/18px Verdana, Geneva, sans-serif;
	color:#9E978A;
}

a:link, a:visited {
	color:#87A1BC;
	text-decoration:none;
}

a:hover {
	color:#87A1BC;
	text-decoration:underline;
}

a:active {
	color:#C3D0DD;
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: bold;
	color:#ACA69B;
}

h1 { font-size: 18px;}

h2 { font-size: 16px;}

h3 { font-size: 14px;}

h4 { font-size: 12px;}

h5 { font-size: 10px;}

h6 {font-size: 8px; }

ul, li {
	margin:0px;
	padding:0px;
	line-height:18px;
	font: normal normal 12px/18px Verdana, Geneva, sans-serif;
	color:#9E978A;
}

/* -- styles for the footer HDI Logo image -- */

#hdiLogoImage { width:189px; height:53px; padding:0 3px; border:0;}

/* -- styles for verticle navigation --*/

#navigation ul {
	list-style-image:none;
	margin:0;
	padding:0;
}

#navigation li {
	display:block;
	margin-bottom: 1px;
}

#navigation a {
    background-image: url(../images/button_images/vertnav_btn_up.gif);
    background-repeat: no-repeat;
    width:167px;
    height:20px;
    padding:5px 5px 0px 3px;
    display:block;
    text-align:right;
    text-decoration:none;
    font:normal 12px Verdana, Geneva, sans-serif;
    color:#756B59;
}

#navigation a:hover {
	background:url(../images/button_images/vertnav_btn_over.gif) no-repeat;
	width:162px;
     height:20px;
	padding: 5px 22px 0px 3px;
	display:block;
	text-decoration:none;
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#756B59;
}

#navigation a.image {
	background-image:none; !important
}

#navigation a:hover .image {
	background:none; !important	
	padding: 5px 5px 0px 3px;
}

.active { background:url(../images/button_images/vertnav_btn_down.gif) no-repeat; }

/* -- styles for pageFooter navigation -- */
#pageFooter ul, #pageFooter li {
	margin:0;
	padding:0;
}

#pageFooter ul {
	list-style-image:none;
}

#pageFooter li {
    display: block;
    background-color: #F9F9EA;
    padding: 0 3px;
}

#pageFooter a {
    display: block;
    margin: 0;
    padding: 0;
}

#pageFooter a:link, #pageFooter a:visited {
    color: #87A1BC;
    text-decoration: none;
}

#pageFooter a:hover {
	text-decoration:underline;
}

#pageFooter a:active {
	color:#D0CDC6;
}


/* -- styles for position of content containers -- */
#contentWrapper {
	background:url(../images/contentwrapper_bkgrnd.jpg) no-repeat;
	position:relative;
	width:807px;
	height:684px;
	margin-left:25%;
}

#header {
	position: relative;
	width:807px;
	height:84px;
}

#navigation {
	position: relative;
	width:209px;
	height:416px;
	background:url(../images/vertnav_bkgrnd.jpg) no-repeat;
	float:left;
	margin-left:25px;
}

#contentColumn1 {
	position: relative;
	width:573px;
	height:400px;
	margin-left:234px;
}

#contentFooter {
	position: relative;
	width:807px;
	height:184px;
	background:url(../images/contentfooter_bkgrnd.gif) no-repeat;
	clear:both;
}

#contentColumn1 ul, #contentColumn1 li {
	margin:0;
	padding:0;
}

#contentColumn1 ul {
	list-style-type:none;
}

#pageFooter {
	position: relative;
	padding-top:5px;
	width:100%;
	height:350px;
	background:url(../images/pagefooter_bkgrnd.gif) repeat-x;
	font:normal normal normal 10px/20px Verdana, Geneva, sans-serif;
	color:#B5AFA5;
}

#pageFooter ul, #pageFooter li {
	margin:0;
	padding:0;
}

#pageFooter ul {
	list-style-type:none;
}

#pageFooter li {
	font:normal normal normal 10px/20px Verdana, Geneva, sans-serif;
}

#webMaster {
	position:relative;
	width:280px;
	float:left;
	margin-left:25%;
}

#hdiLogo {
	position:relative;
	width:173px;
	text-align:right;
	float:left;
	bottom:0;
}

#hdiList1 {
	position:relative;
	width:149px;
	float:left;
	padding-left:5px;
}

#hdiList2 {
	position:relative;
	width:102px;
	float:left;
}

#hdiList3 {
	position:relative;
	width:102px;
	float:left;
}
