/*
Cascading Style Sheet information
*/

body {
	background: #8E5921 url(bgs_2.gif) repeat-x bottom left;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/*	font-size: small; */
	text-align: justify;
	color: #f7e7de;
}

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

/* Header */

#header {
	width: 700px;
	margin: 0 auto;
	color: #808080;
}

#header h1 {
	float: left;
	margin: 0px 0 0 0px;
	font-size: 50px;
	letter-spacing: -2px;
}

#header h2 {
	float: right;
	margin: 10px 20px 0 0;
	font-size: 18px;
	letter-spacing: -2px;
}


a {
	color: #f7e7de;
	
}

a:hover {
	color: #FFFFFF;
}

/* Menu */

#menu1 {
	float: left;
	width: 203px;
	margin: 0px auto;
	padding-bottom: 20px;
/*	text-transform: uppercase; */
	font-weight: bold;
	font-size: 18px;
/*	color: #323B2E; */
}

#menu1 ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}

#menu1 li {
}

#menu1 a {
	display: block;
	width: 192px;
	padding: 20px 0px 20px 10px;
/*	background-color: #F0E9E3; */
    background: url(button_base.jpg) 0 0 no-repeat;
	border-top: 1px solid #5A0400;
	border-bottom: 1px solid #5A0400;
	border-right: 3px solid #5A0400;
	text-align: left;
	text-decoration: none;
/*	text-transform: uppercase; */
	font-weight: bold;
	color: #5A0400 ;
}

#menu1 a:hover {
	display: block;
	width: 192px;
	padding: 20px 0px 20px 10px;
	background-color: #8E5921;
	background-position: 0 -69px;
	border-top: 1px solid #5A0400;
	border-bottom: 1px solid #5A0400;
	border-right: 2px solid #5A0400;
	color: #FFFFFF;
}

#buttons {
 width: 200px;
 height: 269px;
 background: url(button_base2.jpg);
 position: relative;
}

#buttons ul {
 margin: 0px;
 list-style: none;
 padding: 0px;
}

#buttons li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#buttons a {
 display: block;
 border-top: 1px solid #5A0400;
 border-bottom: 1px solid #5A0400;
 border-right: 3px solid #5A0400; 
}

#button1 {left: 0px; top: 0px; width: 200px; height: 67px;}
#button2 {left: 0px; top: 67px; width: 200px; height: 67px;}
#button3 {left: 0px; top: 134px; width: 200px; height: 67px;}
#button4 {left: 0px; top: 201px; width: 200px; height: 67px;}
#button1 a {height: 67px;}
#button2 a {height: 67px;}
#button3 a {height: 67px;}
#button4 a {height: 67px;}

#button1 a:hover {background: url(button_base2.jpg) -200px -1px no-repeat;}
#button2 a:hover {background: url(button_base2.jpg) -200px -67px no-repeat;}
#button3 a:hover {background: url(button_base2.jpg) -200px -134px no-repeat;}
#button4 a:hover {background: url(button_base2.jpg) -200px -201px no-repeat;}

#listenbuttons {
 width: 200px;
 height: 269px;
 background: url(button_listen.jpg);
 position: relative;
}

#listenbuttons ul {
 margin: 0px;
 list-style: none;
 padding: 0px;
}

#listenbuttons li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#listenbuttons a {
 display: block;
 border-top: 1px solid #5A0400;
 border-bottom: 1px solid #5A0400;
 border-right: 3px solid #5A0400; 
}

#listenbutton1 {left: 0px; top: 0px; width: 200px; height: 67px;}
#listenbutton2 {left: 0px; top: 67px; width: 200px; height: 67px;}
#listenbutton3 {left: 0px; top: 134px; width: 200px; height: 67px;}
#listenbutton4 {left: 0px; top: 201px; width: 200px; height: 67px;}
#listenbutton1 a {height: 67px;}
#listenbutton2 a {height: 67px;}
#listenbutton3 a {height: 67px;}
#listenbutton4 a {height: 67px;}

#listenbutton1 a:hover {background: url(button_listen.jpg) -200px -1px no-repeat;}
#listenbutton2 a:hover {background: url(button_listen.jpg) -200px -67px no-repeat;}
#listenbutton3 a:hover {background: url(button_listen.jpg) -200px -134px no-repeat;}
#listenbutton4 a:hover {background: url(button_listen.jpg) -200px -201px no-repeat;}

#aboutusbuttons {
 width: 200px;
 height: 269px;
 background: url(button_aboutus.jpg);
 position: relative;
}

#aboutusbuttons ul {
 margin: 0px;
 list-style: none;
 padding: 0px;
}

#aboutusbuttons li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#aboutusbuttons a {
 display: block;
 border-top: 1px solid #5A0400;
 border-bottom: 1px solid #5A0400;
 border-right: 3px solid #5A0400; 
}

#aboutusbutton1 {left: 0px; top: 0px; width: 200px; height: 67px;}
#aboutusbutton2 {left: 0px; top: 67px; width: 200px; height: 67px;}
#aboutusbutton3 {left: 0px; top: 134px; width: 200px; height: 67px;}
#aboutusbutton4 {left: 0px; top: 201px; width: 200px; height: 67px;}
#aboutusbutton1 a {height: 67px;}
#aboutusbutton2 a {height: 67px;}
#aboutusbutton3 a {height: 67px;}
#aboutusbutton4 a {height: 67px;}

#aboutusbutton1 a:hover {background: url(button_aboutus.jpg) -200px -1px no-repeat;}
#aboutusbutton2 a:hover {background: url(button_aboutus.jpg) -200px -67px no-repeat;}
#aboutusbutton3 a:hover {background: url(button_aboutus.jpg) -200px -134px no-repeat;}
#aboutusbutton4 a:hover {background: url(button_aboutus.jpg) -200px -201px no-repeat;}

#contactusbuttons {
 width: 200px;
 height: 269px;
 background: url(button_contactus.jpg);
 position: relative;
}

#contactusbuttons ul {
 margin: 0px;
 list-style: none;
 padding: 0px;
}

#contactusbuttons li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#contactusbuttons a {
 display: block;
 border-top: 1px solid #5A0400;
 border-bottom: 1px solid #5A0400;
 border-right: 3px solid #5A0400; 
}

#contactusbutton1 {left: 0px; top: 0px; width: 200px; height: 67px;}
#contactusbutton2 {left: 0px; top: 67px; width: 200px; height: 67px;}
#contactusbutton3 {left: 0px; top: 134px; width: 200px; height: 67px;}
#contactusbutton4 {left: 0px; top: 201px; width: 200px; height: 67px;}
#contactusbutton1 a {height: 67px;}
#contactusbutton2 a {height: 67px;}
#contactusbutton3 a {height: 67px;}
#contactusbutton4 a {height: 67px;}

#contactusbutton1 a:hover {background: url(button_contactus.jpg) -200px -1px no-repeat;}
#contactusbutton2 a:hover {background: url(button_contactus.jpg) -200px -67px no-repeat;}
#contactusbutton3 a:hover {background: url(button_contactus.jpg) -200px -134px no-repeat;}
#contactusbutton4 a:hover {background: url(button_contactus.jpg) -200px -201px no-repeat;}

#directionsbuttons {
 width: 200px;
 height: 269px;
 background: url(button_directions.jpg);
 position: relative;
}

#directionsbuttons ul {
 margin: 0px;
 list-style: none;
 padding: 0px;
}

#directionsbuttons li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#directionsbuttons a {
 display: block;
 border-top: 1px solid #5A0400;
 border-bottom: 1px solid #5A0400;
 border-right: 3px solid #5A0400; 
}

#directionsbutton1 {left: 0px; top: 0px; width: 200px; height: 67px;}
#directionsbutton2 {left: 0px; top: 67px; width: 200px; height: 67px;}
#directionsbutton3 {left: 0px; top: 134px; width: 200px; height: 67px;}
#directionsbutton4 {left: 0px; top: 201px; width: 200px; height: 67px;}
#directionsbutton1 a {height: 67px;}
#directionsbutton2 a {height: 67px;}
#directionsbutton3 a {height: 67px;}
#directionsbutton4 a {height: 67px;}

#directionsbutton1 a:hover {background: url(button_directions.jpg) -200px -1px no-repeat;}
#directionsbutton2 a:hover {background: url(button_directions.jpg) -200px -67px no-repeat;}
#directionsbutton3 a:hover {background: url(button_directions.jpg) -200px -134px no-repeat;}
#directionsbutton4 a:hover {background: url(button_directions.jpg) -200px -201px no-repeat;}

#visionbuttons {
 width: 200px;
 height: 336px;
 background: url(button_vision.jpg);
 position: relative;
}

#visionbuttons ul {
 margin: 0px;
 list-style: none;
 padding: 0px;
}

#visionbuttons li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#visionbuttons a {
 display: block;
 border-top: 1px solid #5A0400;
 border-bottom: 1px solid #5A0400;
 border-right: 3px solid #5A0400; 
}

#visionbutton1 {left: 0px; top: 0px; width: 200px; height: 67px;}
#visionbutton2 {left: 0px; top: 67px; width: 200px; height: 67px;}
#visionbutton3 {left: 0px; top: 134px; width: 200px; height: 67px;}
#visionbutton4 {left: 0px; top: 201px; width: 200px; height: 67px;}
#visionbutton5 {left: 0px; top: 268px; width: 200px; height: 67px;}
#visionbutton1 a {height: 67px;}
#visionbutton2 a {height: 67px;}
#visionbutton3 a {height: 67px;}
#visionbutton4 a {height: 67px;}
#visionbutton5 a {height: 67px;}

#visionbutton1 a:hover {background: url(button_vision.jpg) -200px -1px no-repeat;}
#visionbutton2 a:hover {background: url(button_vision.jpg) -200px -67px no-repeat;}
#visionbutton3 a:hover {background: url(button_vision.jpg) -200px -134px no-repeat;}
#visionbutton4 a:hover {background: url(button_vision.jpg) -200px -201px no-repeat;}
#visionbutton5 a:hover {background: url(button_vision.jpg) -200px -268px no-repeat;}

#bottombuttons {
 width: 420px;
 height: 43px;
 background: url(buttons_bottom.jpg);
 margin: 10px auto; padding: 0;
 position: relative;
}

#bottombuttons li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#bottombuttons ul {
 margin: 0px;
 list-style: none;
 padding: 0px;
}

#bottombuttons li {height: 86px; display: block;}

#bottombuttons a {
 display: block;
 height: 43px;
 border-left: 1px solid #5A0400;
 border-top: 1px solid #5A0400;
 border-bottom: 1px solid #5A0400;
 border-right: 1px solid #5A0400; 
}

#bottombutton1 {left: 0; width: 140px;}
#bottombutton2 {left: 140px; width: 140px;}
#bottombutton3 {left: 280px; width: 140px;}

#bottombutton1 a:hover {background: transparent url(buttons_bottom.jpg) 0 -43px no-repeat;}
#bottombutton2 a:hover {background: transparent url(buttons_bottom.jpg) -140px -43px no-repeat;}
#bottombutton3 a:hover {background: transparent url(buttons_bottom.jpg) -280px -43px no-repeat;}

/* Content */

#content {
	width: 700px;
	margin: 0 auto;
	padding-top: 0px;
	border: 5px solid #5A0400;
	border-top: 5px solid #5A0400;
	background: #323232;
}

#colOne {
	float: left;
	width: 205px;
	margin-top: 0px;
	padding: 0 0px 0 0px;
}

#colTwo {
	float: right;
	margin-top: 10px;
	width: 440px;
	padding: 0 27px 0 0px;
}

#content h2 {
	margin-bottom: 20px;
	font-size: 18px;
	letter-spacing: -1px;
	color: #ffffff;
}

#footer {
	width: 700px;
	margin: 0 auto;
	padding-top: 20px;
}

#footer p {
	text-align: center;
	padding: 0;
	font-size: 14px;
}

#logo {
    margin: 0 auto;
    height: 223px;
    background: url(modified2.jpg) no-repeat top left;
	border-bottom:  5px solid #5A0400;
}

#pics {
    margin: 0 auto;
	height: 47px;
	padding: 10px 0 0 0;
}
#pics img {
    border: 2px solid #5A0400;
}

#style1 {
	color: #FFFFFF;
	font-weight: bold;
}

table.helpT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #5A0400 solid;
border-collapse: collapse;
border-spacing: 0px; } 

td.helpHed
{ border-bottom: 2px solid #5A0400;
border-left: 1px solid #5A0400;
background-color: #DDD3C7;
text-align: center;
text-indent: 5px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
color: #404040; }

td.helpBod
{ border-bottom: 1px solid #5A0400;
border-top: 0px;
border-left: 1px solid #5A0400;
border-right: 0px;
text-align: center;
text-indent: 0px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; }

table.sofT
{ text-align: center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 440px;
background-color: #fafafa;
border: 1px #5A0400 solid;
border-collapse: collapse;
border-spacing: 0px; }