@charset "UTF-8";
/* CSS Document */

html {
min-height: 100%;					
}

body {
	min-height: 100%;
	text-align: center;
	margin: 0pt;
	background-color: #afb885;
	background-image: url(../graphics/page/header-pattern.jpg); /* Background Image for the header*/
	background-repeat: repeat-x;
	}


/* --- MASTER CONTAINER --- */

#container{
	width: 880px;					
	height: auto;					
	height: 100%;					/* This added height property is necessary for IE */
	min-height: 100%;				/*We can set this height and it will work bcuz parents "HTML" and "body" also have a matching height. */
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
	position: relative;
	background: url(../graphics/page/page-backing.jpg) repeat-y; /*Background image for the page content */
	}
	
	
/* --- HEADER STYLES --- */	

#header{
	width: 880px;
	height:220px;
	/* --- background: url(../graphics/page/header.jpg); --- REPLACED WITH ACTUAL (clickable) IMAGE ---*/
	}



/* --- MENU STYLES --- */

#menu{
	width: 880px;
	height: 55px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#menu a {
display: block;
height: 0;
padding-top: 55px;
}

#menu ul{
	margin: 0px;
	padding: 0px;
}

#menu li{
	float:left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#menu li.menuspacerleft, li.menu1, li.menu2, li.menu3, li.menu4, li.menu5, li.menu6, li.menuspacerright{
height: 55px;}

#menu li.menuspacerleft{
	width: 50px;
	background: url(../graphics/menu/menu-spacer-left.jpg);}

#menu li.menu1{
	width: 125px;
	background: url(../graphics/menu/menu_01.jpg);}
#menu a#About:hover{background: url(../graphics/menu/menu-over_01.jpg);}

#menu li.menu2{
	width: 120px;
	background: url(../graphics/menu/menu_02.jpg);}
#menu a#Billing:hover{background: url(../graphics/menu/menu-over_02.jpg);}

#menu li.menu3{
	width: 105px;
	background: url(../graphics/menu/menu_03.jpg);}
#menu a#FAQ:hover{background: url(../graphics/menu/menu-over_03.jpg);}

#menu li.menu4{
	width: 180px;
	background: url(../graphics/menu/menu_04.jpg);}
#menu a#Employment:hover{background: url(../graphics/menu/menu-over_04.jpg);}

#menu li.menu5{
	width: 110px;
	background: url(../graphics/menu/menu_05.jpg);}
#menu a#Links:hover{background: url(../graphics/menu/menu-over_05.jpg);}

#menu li.menu6{
	width: 140px;
	background: url(../graphics/menu/menu_06.jpg);}
#menu a#Contact:hover{background: url(../graphics/menu/menu-over_06.jpg);}

#menu li.menuspacerright{
	width: 50px;
	background: url(../graphics/menu/menu-spacer-right.jpg);}


/* ---- STYLES FOR BOTH RIGHT AND LEFT COLUMNS ---- */

#leftcolumn a:link, #rightcolumn a:link {
	color: #0158a9;
	text-decoration: none;
	}
	
#leftcolumn a:visited, #rightcolumn a:visited {
	color: #657d94;
	text-decoration: none;
	}	

#leftcolumn a:hover, #rightcolumn a:hover {
	color: #0075e1;
	text-decoration: underline;
	}
	

/* --- LEFT COLUMN STYLES --- */	
	
#leftcolumn{
	float: left;
	width: 530px;
	margin: 10px 20px 30px 20px;
	}

#leftcolumn h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #2b659b;
	padding-top: 25px;
	padding-left: 20px;
	margin-bottom: -30px;
	font-style: oblique;
	font-weight: bold;
	}
	
#leftcolumn h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: oblique;
	color: #573c7a;
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: -10px;
	font-weight: normal;
	}	
	
#leftcolumn h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #3e4326;
	padding-left: 20px;
	margin-top: 30px;
	margin-bottom: -10px;	
	}	
	
#leftcolumn p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 160%;
	color: #3e4326;
	margin-left: 20px;
	}

#leftcolumn li{					/* Styles any and all lists in the left column */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	color: #5f663b;
	list-style-type: disc;		/* This property defines the type of bullet for each list item. */
	padding-left: 5px;			/* Determines how far the image is offset to the left of the text. */
	margin-top: 8px;
	font-style: oblique;
	}
		


/* --- RIGHT COLUMN STYLES --- */

#rightcolumn {
	float: right;
	width: 250px;
	margin: 55px 40px 30px 20px;
	}
	
#rightcolumn h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #6b5488;
	margin: 0px;
	padding-bottom: 8px;
	font-style: oblique;
	font-weight: bold;
	}
	
#rightcolumn p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 160%;
	color: #3e4326;
	}
	
#rightcolumn hr{
	border: 0;
	height: 2px;
	background-image: url(../graphics/page/right-column-divider.jpg);
	}	
	


/* --- FOOTER STYLES --- */

#footer {
	clear: both;
	width: 880px;
	height: 160px;
	background: url(../graphics/page/footer-backing.jpg);
	}
	
#footer a:link {
	color: #bfd560;
	text-decoration: none;
	}
	
#footer a:visited {
	color: #bfd560;
	text-decoration: none;
	}	
	
#footer a:hover {
	color: #bfd560;
	font-style: oblique;
	text-decoration: none;	
	}	
	
#footerleftcol h3, h5, p, li{
font-family: Georgia, "Times New Roman", Times, serif;
	}	

#footerleftcol{
	float: left;
	width: 510px;
	margin-left: 40px;
	margin-right: 20px;
	margin-top: 15px;
	}
	
#footerleftcol h3{
	font-size: 18px;
	color: #e5e8d5;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
	
#footerleftcol h4 {
	border-bottom: 1px dotted #e5e8d5;
	margin-top: 8px;
	margin-bottom: 8px;
}	

#footerleftcol h5 {
	font-size: 10px;
	font-weight: normal;
	color: #e5e8d5;
	margin-top: 5px;
	margin-bottom: 0px;
}
	
#footerleftcol p{
	font-size: 14px;
	line-height: 130%;
	color: #e5e8d5;
	margin: 0px;
	}	
	
#footerrightcol{
	float: right;
	width: 250px;
	margin-left: 20px;
	margin-right: 40px;
	margin-top: 15px;
	}

#footerrightcol ul{
	margin: 0;
	padding:0;
}

#footerrightcol li{
	font-size: 14px;
	list-style-type: none;
	color: #e5e8d5;
	border-bottom: 1px dotted #e5e8d5;
	margin-top: 4px;
	padding: 0;
	}	


/* --- SEARCH FIELD STYLES --- */

.searchfield {
	height: 26px;
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0158a9;
	border: 2px solid #b7bc9f;
	outline: 0;
	text-align: left;
	background-color: #e5e8d5;
	padding: 4px 5px 0px 5px;
	vertical-align: middle;
	}
	
input.searchfield {
color: #6791b7;
}

input.searchfield:hover {
color: #0158a9;
}

.searchsubmit {
	width: 30px;
	height: 30px;
	border: 0;
	background: url(../graphics/forms/search-submit-30.jpg);
	cursor: pointer;
	vertical-align: middle; 
	*vertical-align: text-bottom;
	}


/* --- CONTACT FORM STYLES --- */

.textfield, .comments {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	border: 2px solid #b7bc9f;
	outline: 0;
	text-align: left;
	background-color: #e5e8d5;
	padding: 4px 5px 0px 5px;
	vertical-align: middle;
	}

.textfield {
	height: 26px;
	width: 300px;
	}

.comments {
	height: 150px;
	width: 400px;
	}
	
.dropdownlist{
	height: 32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	outline: 0;
	padding-top: 2px;
	margin-top: -8px;
	border: 2px solid #b7bc9f;
	color: #6791b7;
	background-color: #e5e8d5;
	}
	
.dropdowntitle {
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border: 2px solid #b7bc9f;
	outline: 0;
	text-align: left;
	color: #0158a9;
	background-color: #e5e8d5;
	}
	
.dropdownitems {
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #b7bc9f;
	outline: 0;
	text-align: left;
	color: #0158a9;
	background-color: #e5e8d5;
	}
	
.contactsubmit {
	width: 175px;
	height: 30px;
	border: 0;
	background: url(../graphics/forms/contact-submit.jpg) no-repeat;
	cursor: pointer;
	}	

/* "input" and "textarea" are the type of form fields -- ".textfield" and ".comments" are the inline styles */

input.textfield, textarea.comments {
color: #6791b7;
}

input.textfield:hover, textarea.comments:hover {
color: #0158a9;
}

	
/* --- MISC. INLINE STYLES --- */
	
	
.titlebacking {
	background: url(../graphics/page/title-backing.jpg) no-repeat;
	width: 510px;
	height: 65px;
	}
	
.tabletext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #464B2E;
	}