@charset "UTF-8";
/* CSS Document */
body { /* align the whole page to the center, kill margins and padding, set font to 100% of computer base sys*/
text-align:center;
margin:0;
padding:0;
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #333333 url(/images/back1.jpg);
}

div#mainwrap {
position: relative;
margin-left: auto;
margin-right: auto;
padding:0;
width:900px;
height:auto;
background: #F7EDD4;
border: 8px solid #D9D3A4;
text-align: left;
}

div#header {
background: #8F0000 url(/images/head.jpg) no-repeat top left;
top:0;
left:0;
width:auto;
height: 100px;
border-bottom: 5px solid #000000;
}

.tagline{
font-size: 95%;
color: #FBFBFB;
position: relative;
top: 40px;
left: 160px;
}

div#midcontent{
clear:both;
margin-bottom: 25px;
}

*html div#midcontent{
clear:both;
padding-bottom: 25px;
}

div#left{
position:absolute;
width: 250px;
left:0;
top:110px;
}

div#middle{
position:relative;
top:10px;
left: 250px;
width: 310px;
}

div#right{
position:absolute;
top:110px;
left: 600px;
width: 290px;
}
/* Start the Left Hand Columns Style Sheet*/
.nav{
list-style-type: none;
margin:0;
padding:0;
}

.navelem{
line-height: 50%;
letter-spacing: 1px;
font-size: 90%;
padding: 4px;
height:auto;
}

*html .navelem{
line-height: 50%;
letter-spacing: 1px;
font-size: 90%;
padding: 2px;
}

.navelem a{
text-decoration: none;
display:block;
width: 210px;
height: 25px;
padding-left: 10px;
padding-top: 15px;
}

.navelem a:active, .navelem a:visited, .navelem a:link{
color: #FBFBFB;
background: #8F0000 url(/images/btn_up.png) repeat top left;
width: 210px;
}

.navelem a:hover{
background: transparent url(/images/btn_over.gif) no-repeat top left;
color: #ffffff;
width: 233px;
}

/* OVERSTATE PAGE BUTTON STYLE */

.overstate{ /*When a section needs to have the button in the over state at all times*/
line-height: 50%;
letter-spacing: 1px;
font-size: 90%;
padding: 4px;
height:auto;
}

*html .overstate{
line-height: 50%;
letter-spacing: 1px;
font-size: 90%;
padding: 2px;
}

.overstate a{
text-decoration: none;
display:block;
width: 210px;
height: 25px;
padding-left: 10px;
padding-top: 15px;
}

.overstate a:active, .overstate a:visited, .overstate a:link{
background: transparent url(/images/btn_over.gif) no-repeat top left;
color: #ffffff;
width: 233px;
}

.overstate a:hover{
background: transparent url(/images/btn_over.gif) no-repeat top left;
color: #ffffff;
width: 233px;
}

/* END OVERSTATE STYLE */

#contact{
position: relative;
top: -10px;
width: 210px;
font-size: 100%;
font-weight: normal;
}

*html div#contact{
top: 20px;
width: 210px;
font-size: 100%;
font-weight: normal;
}

#contact h5{
background: #D9D3A4;
padding: 8px;
width: 215px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contact p{
position: relative;
top: -10px;
padding-left: 10px;
line-height: normal;
}

.bolder{
position: relative;
top: -10px;
color: #000000;
font-weight: bold;
padding-left: 10px;
font-size: 90%;
}

.boldred {
position: relative;
color: #990000;
text-decoration: none;
padding-left: 10px;
top: 5px;
font-size: 90%;
}

.cText{
font-size: 85%;
}

/* End Left Hand Column Style Sheet */
/* Start Middle Column Style Sheet */
div#scrollshow {
	position: relative;
	top: 0px;
	left: -6px;
	border: 5px solid #000;
	width: 320px;
	z-index: 1;
}

.smallText {
font-size: 80%;
color: #000000;
width: 320px;
}

.smallText5 {
font-size: 70%;
color: #000000;
width: 250px;
}

.smallText2 {
position: relative;
top: -20px;
font-size: 70%;
color: #000000;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

.smallText3 {
position: relative;
top: -20px;
font-size: 90%;
color: #000000;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

*html .smallText2 {
position: relative;
top: -20px;
font-size: 80%;
color: #000000;
padding-right: 5px;
padding-left: 5px;
}


.red {
background: #333333;
width: auto;
color: #FBFBFB;
padding: 6px;
}

.specials {
background: #990000;
background-color: #990000;
font-size: 80%;
padding: 6px;
color: #FBFBFB;
z-index: 1;
width: 320px;
}

div#spec {
background: #333333;
position: relative;
top: -6px;
}

.special 
{
position: relative;
top: -10px;
list-style-type: none;
margin:0;
padding:0;
}

div#rates {
background: #333333;
position: relative;
top: -20px;
width: 290px;
left: 0px;
}

div#rates h5{
position: relative;
top: 0px;
height: 20px;
background: #F80000;
}


.ratebox 
{
position: relative;
top: -10px;
list-style-type: none;
margin:0;
padding:0;
}

.specelem{
padding-left: 10px;
padding-right: 10px;
}

.specelem a
{
text-decoration: none;
color: #FBFBFB;
font-size: 75%;
padding-left:0;
padding-right:0;
}

.small
{
font-size: 70%;
color: #666666;
left: 10px;
position: relative;
overflow:hidden;
}

.bottom
{
position:relative;
background: #FF0000;
height: 20px;
bottom: 0;
}

.bottom2
{
position:relative;
background: #8F0000;
height: 20px;
left: 0px;
top: 0px;
margin-bottom: 0px;
}

.bottom3
{
position:relative;
background: #f80000;
height: 20px;
left: 0px;
top: 0px;
}

/* End middle Content */
div#right h3 /* TOP WHITE AREA ON HOMEPAGE - SUPPLIMENTAL PAGES */
{
position: absolute;
top: -35px;
left: 0px;
padding-left:10px;
width: 270px;
background: #FBFBFB;
color: #212A5A;
padding: 10px;
font-size: 85%;
}

div#testimonials
{
position:relative;
top: -20px;
background: #FBFBFB;
padding:0;
margin:0;
}

div#testimonials img
{
padding-left: 20px;
padding-top: 15px;
}

div#testimonials p
{
font-size: 90%;
}

.testiment 
{
position: relative;
top: -10px;
padding: 10px;
font-size: 80%;
font-family: Geneva, Arial, Helvetica, sans-serif;
line-height: 23px;
color: #333366;
}

.smallText4 
{
color: #000000;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
padding: 6px;
position: relative;
top: -2px;
width: 320px;
line-height: 16px;
}

#right h5{
position: relative;
top:-36px;
left: 0px;
height: 20px;
width: 290px;
background: #8F0000;
}

div#footer{
text-align:center;
margin:0;
padding:0;
}

div#btmwrap{
width: 900px;
text-align: right;
margin-left: auto;
margin-right: auto;
}

.sitemap{
position:relative;
text-align:left;
text-decoration: none;
font-size: 70%;
color: #ccc;
top: 10px;
left: -850px;
}

#sitemap a{
text-align:left;
text-decoration: none;
color: #ccc;
}

#sitemap a:hover{
color: #f80000;
}

.email{
position:relative;
text-decoration: none;
color: #cccccc;
font-size: 70%;
text-align: left;
top: -3px;
}

#email a:hover{
color: #f80000;
}

.copy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
color: #666666;
text-align: left;
text-transform: lowercase;
font-style: normal;
}

.large{
position:relative;
top: 9px;
left: -11px;
font-size: 105%;
}

.large2{
position:relative;
top: -12px;
left: -11px;
font-size: 105%;
}

.low{
top: -4px;
}

.upone{
position: relative;
top: -43px;
border: 4px solid #000000;
}

.mapshref{
position: relative;
padding: 10px;
text-decoration: none;
font-size: 80%;
color: 890000;
top: -56px;
left: 475px;
}

.mapshref a:active, .mapshref a:visited, .mapshref:link{
color: #890000;
}

.mapshref a:hover{
color: #000000;
}

.servi2{
font-size: 80%;
padding-bottom: 10px;
}

.servi2 ul{
padding:0;
margin:0;
}

.servi2 ul li{

}

.servi2 ul li a{
text-decoration: none;
}

.servi2 a:active, .servi2 a:visited, .servi2 a:link{
color: #000000;
}

.servi2 a:hover{
color: #8F0000;
}