html, body {
	height: 100%;
}
/* fixes IE6 */
* html #page, 
* html #main_container, 
* html #main {
	height: 100%;
}
#page,
#main_container,
#main {
	min-height: 100%;
}
/* don't change css above - this makes the page bg stuff align correctly */


body {
	background-image: url(../images/page_bg.jpg);
	background-position: top left;
	background-repeat: repeat;
}


body, div, table, tr, th, td, form, img {
	border: 0;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 15px 40px 15px 35px;
	position: relative; /* fixes issue in IE6 when headers some times disappear */
}
/* header styles */

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

/* a styles */

a {
	text-decoration: none;
}

/* p styles */

p {
	line-height: 1.4em;
}

/* hr styles */

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

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

/* 
Colors:
Pale blue (content bg): F3F5EA
Light blue (header bg): E0EEEF
Medium blue (menu bg): B4DCDC
Darker blue (from logo - text color): 00728A
Light brown (main border color): BD916C
Medium brown (header border color): 62523B
Dark brown (header logo text color): 4D3F2D
*/

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

/* background-color styles */

#header {
	background-color: #DEEBEF;
}
#main {
}

/* border styles */

#header {
	border-bottom: 8px solid #62523B;
}
hr {
	border: 1px solid #B4DCDC;
}

/* color styles */

body {
	color: #00728A;
}
a {
	color: #62513B;
}
a:hover,
a#vSelected
{
	color: #C04300;
}
h1, h3, h5 {
	color: #4D3F2D;
}
h2, h4, h6 {
	color: #62523B;
}
#address {
	color: #756C54;
}

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

/* font styles */

body div, table, tr, th, td, form, img, p,
#webdevelopment
{
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
}
h1 {
	font-size: 125%;
}
h2 {
	font-size: 120%;
}
h3 {
	font-size: 115%;
}
h4 {
	font-size: 110%;
}
h5 {
	font-size: 105%;
}
h6 {
	font-size: 100%;
}
.menu_item a {
	font-size: 18px;
	font-weight: bold;
	line-height: 20px; /* need to match the .menu_item a height */
}
#address {
	font-size: 12px;
	font-weight: bold;
}

/* letter styles */

/* text styles */

#main div, 
.align_left, 
#main div.align_left 
{
	text-align: left;
}
#page, 
.align_center, 
#main div.align_center 
{
	text-align: center;
}
#page div#header_top,
.align_right,
#main div.align_right
{
	text-align: right;
}


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

#page {
	width: 100%;
}

#header_main, #main, #footer {
	width: 932px;
}

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

#header {
	height: 131px; /* 139px (total height) - 8px (border bottom) */
}

/* header_main styles */

#header_main {
}
#header_logo {
	float: left;
	height: 110px; /* 131px (total height) - 12px (margin top) - 9px (margin bottom) */
	margin: 12px auto 9px 15px;
	width: 285px; /* 415px (total width) - 115px (margin right) - 15px (margin left) */
}
#header_slogan {
	background-image: url(../images/header_slogan.jpg);
	background-position: top;
	background-repeat: no-repeat;
	float: right;
	height: 42px; /* 131px (total height) - 12px (margin top) - 77px (margin bottom) */
	margin: 12px 0 77px 0;
	position: relative;
	right: 43px;
	width: 410px; /* 517px (total width) */
}

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

#main_container {
/*
	background-color: #003300;
*/
	background-image: url(../images/main_bg.jpg);
	background-position: top;
	background-repeat: repeat-y;
}
#main {
/*
	background-color: #000033;
*/
	background-image: url(../images/main_bottom_bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}


/* menu styles */

#menu {
	background-image: url(../images/menu_bg.gif);
	background-position: top;
	background-repeat: no-repeat;
	float: left;
	height: 303px;
	left: 2px;
	position: relative;
	width: 201px;
	z-index: 200;
}
#menu_spacer {
	height: 10px; /* needed to position menu links correctly */
	line-height: 10px; /* needed to make this work correctly in IE6 must be same as height */
	margin: 0;
	padding: 0;
}
.menu_item {
	height: 31px;
	margin: 0 0 0 25px;
	padding: 0;
}
.menu_item a {
	display: block;
	height: 20px; /* 31px (total height) - 13px (padding) */
	margin: 0;
	padding-top: 1px;
}

/* inside page address under menu */

/*
*/
#address {
	/*
	background-color: #060;
	*/
	clear: both;
	height: 200px; 
	left: -335px; 
	position: relative; 
	top: 20px; 
	width: 200px;
}

/* content styles */


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

#footer {
}

#webdevelopment {
	margin-top: -30px;
	text-align: left;
	width: 932px;
}
#webdevelopment img {
	margin: 5px 5px 5px 15px;
}

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

#home_image {
	height: 306px;
	float: right;
	margin: 0 0 -86px 0;
	position: relative;
	top: -86px;
	width: 530px;
	z-index:300;
}

#home_map {
	background-image: url(../images/home_map_bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 293px;
	left: -100px;
	margin: 0 0 -220px 0;
	position: relative;
	top: -220px;
	width: 440px;
	z-index: 100;
}

#home_flash {
	clear: left;
	float: left;
	height: 240px;
	left: 25px;
	margin: 15px 0 0 0;
	position: relative;
	width: 365px;
}

.signature {
	margin: 0;
	padding: 0 60px 0 10px;
}

#content_home {
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	top: -50px;
	width: 530px;
	z-index: 500;
}

/***********************/
/* content page styles */
/***********************/

#content_image {
	background-image: url(../images/inside_header_image_bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	height: 162px;
	float: right;
	margin: 0 0 -170px 0;
	position: relative;
	top: -140px;
	width: 525px;
}

#image {
	height: 127px; /* 162px (#content_image height) - 20px (margin top) - 15px (margin bottom) */
	margin: 20px 22px 15px 16px;
	width: 487px; /* 525px (#content_image width) - 20px (margin right) - 18px (margin left) */
}

#content_inside {
	clear: right;
	float: right;
	margin-top: -503px; /* 303px (menu height) + 200px (address height) */
	min-height: 665px;
	padding: 20px 20px 50px 10px;
	width: 700px; /* 730px (total width) - 20px (padding right) - 10px (padding left) */
}
#content_inside h1, 
#content_inside h2, 
#content_inside h3, 
#content_inside h4, 
#content_inside h5, 
#content_inside h6, 
#content_inside p,
#content_inside table {
	margin: 10px;
	padding: 0;
}
#content_inside h1 {
	padding-top: 10px;
}


#content_inside img {
	border: 1px solid #cbc3b8;
}