html {
height: 101%;
margin-bottom: 1px;}
	
body {
	background: #ffffff url('images/backbar.jpg') repeat-x;
	font: normal small Verdana, Geneva, Tahoma, sans-serif;
	color: #202020;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}

img {
border: none;}
	
a {
	color: #2A4A51;
	text-decoration: underline;
	font-weight: lighter;
	outline: none;
}
  
a:hover {
color: #404040;
text-decoration: none;
font-weight: bold;
outline: none;}
	
/*This sets the code for the heading tags, horizontal rule, and the unordered lists */
h1 {font: normal 36px 'Judson'; color: #0e333c; margin: .1em 0 .3em 0; letter-spacing: 1px;}
h2 {
	font: normal x-large Judson;
	color: #3D666B;
	margin: .1em 0;
	letter-spacing: 1px;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom-style: inset;
	border-bottom-width: thin;
}
h3 {
	font: normal medium Judson;
	color: #497E83;
	margin: .1em 0;
	font-weight: bold;
	text-decoration: underline;
}
h4 {
	font: italic 20px Verdana, Geneva, Tahoma, sans-serif;
	color: #355A60;
	margin: .1em 0;
	font-weight: bold;
}
h5 {
	font: bold 14px Verdana, Geneva, Tahoma, sans-serif;
	color: #000000;
	margin: .3em 0;
}
h6 {font: bold 14px "Century Gothic", Verdana, Helvetica, sans-serif; color: #505050; margin: .3em 0;}

hr {
background-color: #0e333c;
color: #0e333c;
height: 1px;
width: 100%;}

ul {
list-style-type: none;
margin: 10px 0 20px 10px;
padding: 0;}
 
ul li {
background: url('images/bullet1.png') no-repeat 0 5px;
padding: 0 0 0 10px;}
 
ul li a {
color: #0e333c;
text-decoration: none;
font-weight: bold;
padding: 0;}
 
ul li a:hover {
color: #404040;
text-decoration: underline;}
  	
#wrapper {
text-align: left;
width: 1000px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -375px;}

#header {
position: relative;
background-image: url('images/header.jpg');
height: 250px;
width: 1000px;}
	
#nameplate {
position: absolute;
left: 200px;
top: 10px;
width: 600px;
height: 150px;
z-index: 1;}

#phonenumberarea h4 {font: bold 18px "Century Gothic", Verdana, Helvetica, sans-serif; color: #ae7e36; margin: .3em 0;}

#phonenumberarea a {
color: #cbad5e;
text-decoration: none;
font-weight: bold;
outline: none;}
  
#phonenumberarea a:hover {
color: #dedede;
text-decoration: none;
font-weight: bold;
outline: none;}

#phonenumberarea p {
padding: 0;
margin: 0;}

/*This sets the code for the main site navigation */
	
#mainnav {
	position: absolute;
	top: 181px;
	left: 0;
	height: 40px;
	width: 1000px;
	font-size: 13px;
	text-align: center;
	z-index: 3;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

#mainnav ul {
margin: 0;
padding: 0;
list-style-type: none;}

#mainnav li {
background-image: none;
display: inline;
margin:0;
padding:0;}

#mainnav ul li a {
line-height: 40px;
color: #c0c0c0;
padding: 10px 10px;
margin: 0 5px;
text-decoration: none;
letter-spacing: 1px;
font-weight: bold;}
 
#mainnav ul li a:hover {
outline: none;
color: #ffffff;
background-color: #000000; 
text-decoration: none;
font-weight: bold;}

#mainnav ul li.active a {
outline: none;
color: #ffffff;
background-color: #000000; 
text-decoration: none;
font-weight: bold;
margin:0;}   

#toplinks {
position:absolute;
top: 221px;
left: 0;
height: 111px;
width: 977px;
text-align: center;
z-index: 4;}

/*This sets the code for the movie area */
#moviearea {
position: relative;
width: 710px;
height: 350px;	
background-image: url('images/moviebox.jpg'); }

/*This sets the code for the slide show */
#sliderwrapper {
position: absolute;
top: 50px;
left: 105px;
z-index: 6;
width: 500px;
height: 250px;
background-image:url('images/mainimage1.jpg');}
   
#slider {
position:relative;}

#slider img {
position:absolute;
top:0px;
left:0px;
display:none;}

/*This sets the code for the three top banner boxes */
#bannerTop {
text-align: left;
line-height: 1.3em;
font-size: 0.95em;}

.bannerBox {
float: left;
width: 33.3%;
padding-bottom: 20px;
text-align: left;}

/*padding on left and right */
.inside {
padding: 0 20px 0 20px;}

.insideMiddle {
padding: 0 5px;}

/*This sets the code for the content areas */
/* when right column and left coolumn are present, this controls content */
#content50 {
float: left;
width: 50%;
padding: 5px 0;
line-height: 1.5em;
overflow: hidden;}

/* when there is either a right column or a left column, this controls content */
#content75 {
float: left;
width: 75%;
padding: 10px 0;
line-height: 1.5em;
overflow: hidden;}

/* when there is no right and left column, this controls content */
#content100 {
float: left;
width: 100%;
padding: 10px 0;
line-height: 1.5em;}

/*This sets the code for the top content box areas */
#contentTop {
margin: 10px 0;
font-size: 0.90em;}

/*This sets the code for the bottom content box areas */
#contentBottom {
border-top: 2px dotted #0e333c;
margin: 10px 0;
font-size: 0.90em;}

.contentBottomL {
float: left;
width: 49%;}

.contentBottomR {
float: right;
width: 49%;}

/*This sets the code for the bottom box area*/
#bottomArea {
margin: 0;
width: 1000px;
text-align: left;
line-height: 1.4em;
font-size: 0.9em;}

.bottomBox {
float: left;
width: 33%;
text-align: left;}

/*This sets the code for the left sidebar */
#sidebarLeft {
	float: left;
	width: 25%;
	text-align: left;
	font-size: small;
	line-height: 2em;
	overflow: hidden;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
}

/*This sets the code for the right sidebar */
#sidebarRight {
float: right;
width: 25%;
text-align: left;
font-size: 0.95em;
line-height: 1.5em;
overflow: hidden;}

/* This sets the footer area */ 
.push {
height: 375px;
clear: both;}

#footer-outer {
width: 100%;
height: 375px;
text-align: center;
background: #000000 url('images/stickyfooter.jpg') repeat-x;}

#footer {
height: 295px;
width: 1000px;
color: #dedede;
text-align: center;
letter-spacing: 2px;
font-size: 75%;
line-height: 1.5em;
padding: 80px 0 0 0;
margin: 0 auto;} 
 
#footer p {
padding: 0;
margin: 0;}
  
#footer a {
color: #c0c0c0;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}
  
#footer a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: bold;}

#footer ul {
margin: 0;
padding: 0;
list-style-type: none;}

#footer li {
display: inline;
margin: 0;
padding: 0;}

#footer li a {
color: #c0c0c0;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}

#footer li a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: bold;}

#footer h4 {font: normal 18px 'Judson'; color: #c0c0c0; margin: .3em 0;}

#footer h6 {font: normal 14px "Century Gothic", Verdana, Helvetica, sans-serif; color: #c0c0c0; margin: .3em 0; text-transform:uppercase;}

/*misc. classes */
.center {
text-align: center;}  

.tiny {
font-size: 75%;
text-align: center;}

.right {
text-align: right;}

.left {
text-align: left;}

.clear {
clear: both;}

.clearsmall {
height: 1px;
line-height: 0;
margin: 0;
padding: 0;
clear: both;}

.image-gallery {
margin: 5px;
border: 3px double #404040;}

/*readmore styling*/
p.readmore {
text-transform: uppercase;
font-style: italic;}
 
p.readmore a {
padding: 5px;
color: #707070;
font-weight: normal;
text-decoration: none;}
 
p.readmore a:hover {
background-color: #5797b2;
color: #ffffff;
text-decoration: none;}

.imageright-noborder {
margin: 5px; 
float: right;}

.imageleft-noborder {
margin: 5px; 
float: left;}

/* CATALOG DISPLAY TABLE */
/*  The catalog is set into a simple five-column table. The items below set the properties for the catalog display.  */

table {
padding: 0px;
border-collapse: collapse;
font-size: 100%;
width: 100%;}

.catalog {
padding: 10px;
line-height: 1em;
text-align: center;
vertical-align: top;
width: 20%;}

		
/*This sets the code for the fieldset and legend */
fieldset {
border: 2px dotted #0e333c;
padding: 5px;
margin: 10px 0;}

legend {
color: #0e333c;
font: bold 16px Arial, Helvetica, sans-serif;
letter-spacing: 2px;
padding: 2px 5px;
margin: 0 0 0 15px;
background: #ffffff;}
	
/*This sets the code for the lightbox */

#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;}

#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;}
	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
background-color: #333;
background-color: transparent;
background-image: url(images/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");}