/****************************************
* global elements and structure
*****************************************/

* {
	padding:0;
	margin:0;
}
	
html, body, form, fieldset, table {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

body {
   background: #FFFFFF url(../images/background.jpg) repeat-x 50% 0;
   background-attachment: fixed;
   margin: 0;
   padding: 0;
   text-align: center;
}

img { border: 0px none;}

.clear {clear: both;}
.cb {clear: both;}
.fl{ float:left;}
.fr{ float:right;}
.fn{ float:none; }

div#header {
   width: 984px;
   height: 261px;
   margin: 0;
   padding: 0;
}

#container {
   margin: 0px auto;
   text-align: left;
   width: 984px;
   background: url(../images/background_content.jpg) no-repeat;
   background-color:#FFFFFF;
}

#nav {
	width: 244px;
	float: left;
	background-color:transparent;
	height:auto;
}

#content {
	width: 740px;
	float: left;
	padding:0px;
}

.contentpadding { padding: 0px 0px 5px 0px; }

/****************************************
* classes for screenreaders
*****************************************/
.hidden {position: absolute; left: -20em; top: -20em; color:Red; border: solid 1px blue;}
.hidden h1 {position: absolute; left: -20em; top: -20em; color:Red; border: solid 1px blue; margin:0px; padding:0px;}
.hidden a {position: absolute; left: -20em; top: -20em; color:Red; border: solid 1px blue;}

/****************************************
* classes for content
*****************************************/
#content h1 
{
	font-size:14px; padding-top:5px; padding-bottom:2px; padding-left:15px; margin:0px; margin-bottom:10px; color:#003366;
}

#content h2 {
	font-size:14px; padding-top:5px; padding-bottom:2px; padding-left:15px; margin:0px; margin-bottom:10px; color:#003366;
}

#content h3 {
	font-size:12.5px; padding-top:4px; padding-bottom:2px; padding-left:15px; margin:0px; color:#336699; 
}

#content h4 {
	font-size:12px; padding-top:2px; padding-bottom:2px; padding-left:15px; margin:0px; color:#336699; 
}

#content h5 {
	font-size:12px; padding-top:2px; padding-bottom:1px; margin:0px; color:#336699;
}

#content h6 {
	font-size:12px; padding-top:0px; padding-bottom:1px; margin:0px; color:#336699;
}

#content p {
	font-size:11px; padding-bottom:20px; margin:0px; color:#003366; font-style:normal; line-height:18px;
}

#content hr {
	margin:15px; 
}

#content table {
	font-size:11px; padding-bottom:20px; margin:15px; color:#003366; font-style:normal; line-height:18px;
}

#content ul {
	margin: 0;
 	padding-left: 25px;
 	padding-bottom:10px;
 	list-style-type: circle;
 	font: 12px Arial, Helvetica, sans-serif;
	text-indent: 0px;
	letter-spacing: 0px;
}

#content ol {
	margin: 0;
 	padding-left: 25px;
 	padding-bottom:10px;
 	font: 12px Arial, Helvetica, sans-serif;
	text-indent: 0px;
	letter-spacing: 0px;
}

#content li 
{
	padding-top:5px;
	padding-bottom:5px;
	color: #336699;
	 }

#content a:link, #content a:visited {
 	color: #336699;
 	text-decoration: underline;
}

#content a:hover {
	color: #000066;
	text-decoration: underline;
}


.footer {
	font-size:12px; padding-top:4px; padding-bottom:2px; padding-left:15px; margin:0px; color:#003366; 
}

.imageright {
	float: right;
	padding: 7px;
	margin-left: 10px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
}

.imageleft {
	float: left;
	padding: 7px;
	margin-right: 10px;
	margin-left: 5px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
}

.imagecenter {
	float: inherit;
	padding: 7px;
	margin: 10px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
}

.imageplayers {
	float: inherit;
	padding: 2px;
	margin: 3px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
}

.prices {
	padding-left: 35px;
	font-size:11px;
	font-weight: bold;
}

.notes {
	padding-left: 35px;
	font-size:11px;
	font-weight: bold;
	color:  Maroon;
	}
	
.news {
	padding-left: 20px;
	font-size:11px;
	font-weight: bold;
	color:  Maroon;
	}

.special_offers {
	font-size:11px;
	font-weight: bold;
	color:  Maroon;
	}

.form_input {
	background-color: #F0E0C0; 
	outline-color:Blue; 
	color: #804020; 
	border-color: White; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}


/****************************************
* nav
*****************************************/

#navcontainer {
	width: 237px;
	height:auto;	
	background-color:transparent;
	/*background: url(../images/sidenav_background.jpg) repeat-x;*/
	padding-top:0px;
	margin-left:0px;
	margin-top:0px;
	text-align:right;
	
}

#navcontainer ul {
	margin: 0;
 	padding: 0;
 	list-style-type: none;
 	font: 11px Verdana, Helvetica, sans-serif;
 	font-weight:normal;
	text-indent: 0px;
	letter-spacing: 2px;
	text-transform:uppercase;
}

#navcontainer a {
 	display: block;
 	width: 224px;
 	height: 20px;	
}

#navcontainer li { 
	padding-top:0px;
	margin-top:0px; 
	border-bottom:1px solid #FFF;
	padding-right:0px;
}

#navcontainer li a:link, #navcontainer li a:visited {
	background: url(../images/nav.gif) repeat-y;	
 	color: #0865ae;
 	text-decoration: none;
	padding-right:25px;
	padding-top:5px;
	width:auto;	
	padding-bottom:0px;
}

#navcontainer li a:hover {
	background: url(../images/navhover.gif) repeat-y;
	color: #FFF;
	text-decoration: none;
}

#navcontainer li a#active {
	background-color:#D4E0EA;
	width:auto;
	text-decoration: none;
	/*border: solid 1px #CCCCCC;*/
	padding-bottom:0px;
	font-weight:bold;
}


/****************************************
* footer
*****************************************/

#footer {	
	margin: 0px auto;
	position: relative;
	background-color: #FFF;
	margin-top:0px;
	border-top: 1px dashed #CCCCCC;
	width: 984px;
	padding: 5px 0;
	clear: both;
	height:90px;
	background: url(../images/footer.jpg) no-repeat;
}

#footer h2 {
	margin: 0;
	text-align: center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
}

#footer h2 a:visited, #footer h2 a:link {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px dotted #D3D8C4;
}

#footer h2 a:hover {
	color: #FFF;
	text-decoration: underline;
	border-bottom: none;
}


/****************************************
* classes for columns
*****************************************/
.titleimage { padding-top:0px; }

#columns h1{ font-size:22px; padding-top:32px; padding-bottom:10px; padding-left:12px; margin:0px; margin-bottom:10px; color:#808080; font: bold 22px Arial Narrow, Verdana, Arial, Helvetica, sans-serif;}
#columns h2{ font-size:14px; padding-top:5px; padding-bottom:2px; padding-left:15px; margin:0px; margin-bottom:10px; color:#003366; }

/*#columns h2{ text-align:left; color:#003366; font-style:normal; text-transform:uppercase; font-size:10px; height:27px; padding:6px 0px 0px 15px; }*/

#columns p { line-height:18px;  margin:0px; padding:0px 10px 10px 15px; text-align:left;}

.column1 {text-align:left; width:520px; float:left; }
.column2 {text-align:left; width:210px; margin-left:10px; float:left;}