

body {
 	font:	11px/16px Verdana, Arial, Helvetica, sans-serif;
 	margin:0px auto;
	padding: 0;
	color: #222;
	background: #660750;
	background-image: url(images/background_wildbills.jpg);
	background-repeat: repeat-x;
}



h1 {
 	font:	17px/18px Verdana, Arial, Helvetica, sans-serif;
 	color: #222;
	 font-weight: bold;
	 padding:0;
	 margin:0;
	}
	

h2 {
 	font:	13px/16px Verdana, Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 	 padding:0;
	 margin:0;
	}


h3 {
 	font:	12px/12px Verdana, Arial, Helvetica, sans-serif;
	 font-weight: normal;
	 	 padding:0;
		 padding-top: 7px;
		 padding-bottom:2px;
	 margin:0;
	 clear: both;
	 	}
	
ol, ul {
	margin: 0;
	margin-top :0px;
	margin-left: 10px;
	_margin-left: 15px;
	padding: 0;
	padding-top: 0;
	padding-left: 15px;
	padding-bottom:7px;
}


 li {
font:  11px;
text-align: left;
	margin: 0;
	_margin-left: 10px;
	padding: 0;
	padding-left: 0px;
	padding-top: 2px;
}



a:link { color: #8e034e; text-decoration:none; }
a:active { color: #8e034e;  text-decoration:underline; }			
a:visited { color: #8e034e; text-decoration:none; }				
a:hover {color: #b00359; text-decoration:underline;} 


img, form, td, table {
 	margin: 0px;
	padding: 0px;
	border: none;
}


p { 
 padding-top: 2px;
 padding-bottom: 7px;
 margin: 0;
}



#wrapper { 
 margin: 0 auto;
 width: 765px;
 background-image: url(images/content_bg.gif); 
 background-repeat: repeat-y;
}

#header {
 width: 760px;
 height:100px;
 padding: 0px;
 margin: 0px;
   _margin-bottom: -2px;
 }

#navigation {
 width: 210px;
 height:240px;
 padding: 0px;
 margin: 0px;
 float: left;
}

#photoarea { 
 width: 550px;
 height:240px;
 padding: 0px;
 margin: 0px;
  float: left;

}



#leftcolumn { 
_clear: both; /* this is for IE 6  bug  column display do will not wrap properly without */
 font:	11px/14px Verdana, Arial, Helvetica, sans-serif;
 color: #114882;
 margin: 0px 5px 5px 0px;
 padding-top: 10px;
 padding-left: 15px;
 padding-right: 15px;
 width: 180px;
 float: left;
}

#largecolumn { 
 color: #333;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 padding-left: 15px;
 width: 510px;
 float: left;
}



#largecolumn table{ 
 	margin: 0px;
	padding: 0px;
	padding-top:5px;
	border: none;
}

#largecolumn table td{ 
 	margin: 0px;
	padding: 3px;
	border: none;
}



#leftmiddle { 
 color: #333;
/* border: 1px solid #ccc; */
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 155px;
 float: left;
}
#rightmiddle { 
 color: #333;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 155px;
 float: left;
}
#rightcolumn { 
 color: #333;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 155px;
 float: left;
}

#leftmiddle p, #rightmiddle p, #rightcolumn p {
 font:	11px/14px Verdana, Arial, Helvetica, sans-serif;
 margin: 0px;
 padding-top: 0px;

}


#leftcolumn h3, h5 {
 color: #114882;

	margin: 0;
	margin-bottom: 6px;
	padding: 0;
	font:	13px/18px Georgia, Times, serif;
	font-style: italic;
	font-weight: normal;
}

#leftcolumn h4, h6 {
 color: #114882;

margin: 0;
	margin-bottom: 12px;
	padding: 0;
	font:	11px/17px Georgia, Times, serif;
	font-style: normal;
	font-weight: normal;

}

.headerleftcolumn {
 		font:	12px/17px;
	font-style: normal;
	 font-weight: bold;
	 padding:0;
	 margin:0;
	}




#booktable {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-top:5px;
}

#booktable td {
font:  11px;

	padding: 2px 2px 2px 2px;
	color: #333;
}




#supplytable {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-top:5px;
}

#supplytable td {
font:  11px;
text-align: center;
	padding: 2px 2px 2px 2px;
	color: #333;
}


#supplytable td ul{
	margin: 0;
	padding: 0;
	padding-left:20px;
}


#supplytable td li{
font:  11px;
text-align: left;
	margin: 0;
	color: #333;
}



#contacttable {
	width: 90%;
	padding: 0;
	margin: 0;
	margin-top:5px;
}

#contacttable td {
font:  11px;
	padding: 2px 2px 2px 2px;
	color: #333;
}




.formelement {
 background: #fbf9ef;
 width: 290px; 
  border: 1px solid #fae48d;
}


.formelement2 {
 background: #fbf9ef;
 width: 420px; 
  border: 1px solid #fae48d;
}


.formbutton{
cursor:pointer;
 width: 80px; 
 height: 20px;
border: outset 1px #111;
color:#fff;
font: 11px/16px Verdana, Arial, Helvetica, sans-serif;  	
font-weight: bold;
margin-right: 30px;
background:#660750;
}



#footer { 
 width: 765px;
 height: 50px;
 clear: both;
 margin: 0px;
 padding: 0px;
background-repeat: no-repeat;
margin-top: 0px;
_margin-bottom: -2px;

}

/* Pre-Footer -------------------------------------------------- */
#prefooter {
	background: #fae48d; 
	border-top: 1px solid #e3c4af;
	color: #333;
	float: left;
	width: 760px;
	font-size: 1em;
	clear: both;
}


#prefooter a, #prefooter p a {
	font:	12px/12px Georgia, Times, serif;
	text-transform: uppercase;
	font
    color: #6b0754;
	text-decoration: none;
}

#prefooter a:hover {
	color: #6b0754;
	text-decoration: underline;
	border: 0;
}


#prefooter p {
	margin: 0px;
	margin-left:200px;
	margin-right:20px;
	margin-top:15px;
	text-align: right;
}


#prefooter blockquote {
	display: block;
	width: 180px;
	margin: 0px;
	margin-top:15px;
	margin-left:20px;
	float: left;
	vertical-align:top;
}

#prefooter blockquote cite {
	display: block;
}



.floatleft {
	clear:both;
	float:left;
	padding: 0;
	padding-right :15px;
}
.floatright {
	clear:both;
	float:right;
	padding: 0;
	padding-left :15px;
}

