@charset "UTF-8";
html, body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	/*height: 100%;*/
	height: auto;
	background-image:url(images/HVT_bg.jpg);
	background-repeat:repeat;
	
}
/*container begins. holds all of the content in a 860px area*/
#container {
	width: 860px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: #CCCC99;
	height: 100%;
}
/*container Ends*/

/*contains the header image with a pixel height of 172px*/
#header{
	height: 172px;/*this allows the header div to be 172px*/
	margin: 0px;
	padding:0px;

}
/*header Ends*/

/*navMain is the main navigation Ends*/
#navMain{
	padding: 0px;
	margin:0px;
	height: 24px; /*this controls the height of the navigation bar*/
	background: #804D80; /*this is the color purple for the background*/
	word-spacing: 8px;
	font-family: "Times New Roman", Times, serif; /*font family set to serif*/
	font-size:15px; /*font size*/
	line-height:15px;
	text-align: center; /*this centers the text in the mainContent*/

}
#navMain ul{
	padding: 5px 0px 5px 0px;}
	
#navMain ul li{
	list-style: none;
	display: inline;
	}

#navMain ul li a{
	color: #CCCC99; /*font color tan*/
	text-decoration: none;
	}


/*Hover turns the font black*/
#navMain ul li a:hover{
	color: #FFFFFF;
}
/*navMain Ends*/

/*flash begins*/
#flash{
	height:350px;/*this controls the height of the flash*/
	background:#CCCC99;/*white background*/

}
/*flash ends*/

/*mainContent begins. This holds all of the main text in a black color.*/
#mainContent {
	margin:0px;
	padding: 10px 30px 10px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	color: #000000; /*this is the font color which is black*/
	font-family:Arial, Helvetica, sans-serif; /*this selects the font family to be san-serif*/
	text-align: center; /*this centers the text in the mainContent*/
	
	
}
#mainContent p{

	font-size: 12px; /*the font size is 12px*/
	line-height: 19px; /*this creates space betten the lines of text*/

}

#mainContent h1{
	font-size:14px; /*the fontsize is set to 16px*/
	font-weight: bold; /*the font weight is set to bold*/
	font-style:italic;/*this creats an italic for h1*/
}
/*mainContent ends*/

/*footer begins*/
/*controls the color and height size of the footer. Font family, size, and center aligned*/	
#footer {
   /* height: 23px;*//*this controls the height of the footer area to be 23px*/
	color: #000000; /*this is the font color which is black*/
	font-family:Arial, Helvetica, sans-serif; /*this selects the font family to be san-serif*/
	font-size: 10px; /*the font size is 12px*/
	text-align: center; /*this centers the text in the mainContent*/
	padding:30px;
	margin: 0px;
	clear:both;
}

#footer ul {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 100%;
}

#footer ul li {
	list-style: none;
	display: inline;
	border-right: 1px solid #000000;
	padding: 0px 10px 0px 10px;
	
	

}

#footer ul li a {
	color: #000000;
	text-decoration: none;
	
}

/*Line has no underline*/
#footer ul li a:link{
	text-decoration: none;	
}

/*Hover turns the font black*/
#footer ul li a:hover{
	color: #804D80;
}

#footer .first{
	border-right: 1px solid #000000;
	}
#footer .last{
	border-right: none;
	padding-left: 10px;}
/*footer ends*/
