/* Code for making a full height layout */
* {
	padding: 0;
	margin: 0;
}
html, body {
	height: 100%;
}
/* fixes IE6 */
* html #container {
	height: 100%;
}
#container {
	min-height: 100%;
}
/* end full height layout code */

body, div, table, tr, th, td, form, img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

html, body {
	scrollbar-base-color: #F2E4C9;
	scrollbar-arrow-color: #F2E4C9;
	scrollbar-track-color: #F2E4C9;
	
	scrollbar-face-color: #EDDAB4;
	scrollbar-shadow-color: #F2E4C9;
	scrollbar-highlight-color: #F2E4C9;
	scrollbar-3dlight-color: #F2E4C9;
	scrollbar-darkshadow-Color: #F2E4C9;
}

/* have to not use this cause it interferes with the content overflow
h1, h2, h3, h4, h5, h6, p {
	position: relative; /* fixes issue in IE6 when headers sometimes disappear */
/*
}
*/

/* header styles */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

/* a styles */

a {
	text-decoration: none;
}

/* p styles */

p {
	margin: 10px 0 10px 0;
}

/* hr styles */

hr {
	margin: 5px 0 5px 0;
	padding: 0;
}

/* list styles */

ul, ol {
	margin: 0px;
	padding: 10px;
}
li {
	margin: 5px 5px 5px 20px;
	
}

/*********************/
/* appearance styles */
/*********************/

/* colors
lighter brown: 603813
medium brown: 240C01
dark brown: 010000

'Facts and Myths' button
light green: 8DB430
dark green: 597711

'Take it Back' button
light red: 9D2B1B
dark red: 6E170B

'Quit Smoking Virginia' button
light yellowish orange: CBAC3B
dark yellowish orange: A88C28

'Above the Influence' button
light aqua blue: 53A49B
dark aqua blue: 226760

'Whats Up' header bg
red: 811B0D

'The Latest News' header bg 
brown: 44240B

footer bg - 000000
footer text - FFFFFF
*/

/*--------------*/
/* color styles */
/*--------------*/

/* background-color styles */

body {
	background-color: #240C01;
}
#footer {
	background-color: #000;
}

/* border styles */

hr {
	border: 1px solid #603813;
}

/* color styles */

body,
a,
#footer a
{
	color: #FFF;
}
.chiller,
.chiller a
{
	color: #000;
}
h1, h4 {
	color: #597711;
}
h2, h5 {
	color: #6E170B;
}
h3, h6 {
	color: #226760;
}
#content,
.homeText {
	color: #240C01;
}
#content a {
	color: #603813;
}
#content a:hover,
#footer a.fMenu:hover {
	color: #CBAC3B;
}

/*------------------*/
/* font/text styles */
/*------------------*/

/* font styles */

body, div, table, tr, th, td, form, img,
#webdevelopment
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 180%;
}
h3 {
	font-size: 160%;
}
h4 {
	font-size: 140%;
}
h5 {
	font-size: 120%;
}
h6 {
	font-size: 100%;
}
#footer div {
	font-size: 12px;
}
.chiller_info  {
	font-size: 9px;
}

/* letter styles */

.chiller {
	line-height: 10px;
}
#content p {
	line-height: 1.5em;
}

/* text styles */

#page div {
	text-align: left;
}
#page,
#page div.chiller,
#page div.chiller_info
{
	text-align: center;
}
#page div#header_top,
#page div#webdevelopment {
	text-align: right;
}


/*****************/
/* layout styles */
/*****************/


#page, #header, #main, #footer {
	width: 900px;
}

#header,
#home_main_hdr,
#hdr_image,
#home_main,
#chiller_imgs,
#latest_news,
#inside_main 
{
	background-repeat: no-repeat;
}

/*---------------*/
/* header styles */
/*---------------*/

#header {
	background-image:url(../images/header.jpg);
	height: 235px;
}

#header_top {
	height: 138px;
	padding-top: 60px;
	padding-left: 48px;
	width: 554px;
}

/*-------------*/
/* main styles */
/*-------------*/

#main {
	height: 788px;
}

/*---------------*/
/* footer styles */
/*---------------*/

#footer {
	height: 59px; /* 73px (total height) - 7px (padding top) - 7px (padding bottom) */
	padding: 7px;
	width: 886px; /* 900px (total width) - 7px (padding right) - 7px (padding left) */
	
}

/* footer links */

#footer_links {
	padding: 10px 0 10px 0;
	
}
a.fMenu {
	display: inline-block;
	margin: 0 16px 0 0;
}

/* HD Logo */

#webdevelopment {
	float: right;
	padding-bottom:5px;
}

/********************/
/* home page styles */
/********************/

/*-------------*/
/* home header */
/*-------------*/

#home_main_hdr {
	background-image:url(../images/main_header.jpg);
	height: 382px;
	width: 900px;
}

/* home content header area */

#home_hdr {
	height: 337px; /* 382px (total height) - 23px (padding top) - 22px (padding bottom) */
	padding: 23px 60px 22px 41px;
	width: 799px; /* 900px (total width) - 78px (padding right) - 23px (padding left) */
}

/* left buttons */

#hdr_left {
	float: left;
	width: 42px;
}

/* image area */

#hdr_image {
/*
	background-image:url(../images/home_image_seeus.jpg);
	background-position: top;
*/
	float: left;
	height: 337px; 
	width: 599px;	
}

/* this is the brown area over top the image */
#hdr_img_btm {
	height: 128px; /* 337px (total height) - 209px (padding top) */
	padding-top: 209px;
	width: 599px;	
}

/* right buttons */

#hdr_right {
	float: left;
	width: 158px;
}

#hdr_img_menu {
	position: relative;
	top: -60px;
	left: 258px;
	right: 247px;
	margin-bottom: -18px;
}

/*-----------*/
/* home main */
/*-----------*/

#home_main {
	background-image:url(../images/main_content.jpg);
	height: 406px;
	width: 900px;	
}

/* home content */

#home_content {
	height: 384px;
	margin-left: 32px;
	margin-right: 46px;
	width: 822px;
}

.home_box {
	float: left;
	height: 380px;
	width: 274px;
}
/* Chiller of the Month */

#chiller_imgs {
	background-image: url(../images/chiller_bg.jpg);
	height: 266px;
	margin: 6px 19px 15px 19px;
	width: 236px;
}
.chillers {
	clear: both;
	height: 133px;
	width: 236px;
}
.chiller {
	float: left;
	height: 114px; /* 133px (total height) - 19px (padding top) */
	padding-top: 19px;
	width: 118px;
}
.chiller_info {
	padding-top: 7px;
}

/* What's Up */

/* The Latest News */

#latest_news {
	background-image: url(../images/home_content_latest.jpg);
}

/**********************/
/* inside page styles */
/**********************/

/*-------------*/
/* inside main */
/*-------------*/

#inside_main {
	background-image:url(../images/inside_bg.jpg);
	height: 788px;
}

#inside_content {
	padding: 50px 75px 50px 120px;
	height: 688px; /* 788px(total height) - 50px (padding top) - 50px (padding bottom) */
	width: 705px; /* 900px (total width) - 75px (padding right) - 120px (padding left) */
	
}
#content {
	height: 688px;
	overflow:auto;
	width: 680px;
	
}
#content hr {
	width: 670px;
}