/* CSS Document */
   
   /************* main layout *********/
   #header{
   		background-color:#009966;
     	height:90px;
     	border-bottom:10px solid #00CC99;
   }
   
   #infobar{
    	/*border:1px dashed #000;*/
     	height:15px;
     	padding-left:10px;
     	padding-right:10px;
     	padding-top:5px;
     	padding-bottom:2px;
     	font-size:80%;
   }
   
   #left-column{
     	/*border:1px dashed #000;*/
     	width:20%;
     	float:left;
     	padding: 5px 0 5px 1%;
   } 
   
   #centre-column{
   	/*border:1px solid #000;*/
     	margin: 0 2px 0 10px;
     	float:left;
     	width:55%;
     	padding:5px 1% 5px 1%;
     	overflow:hidden;
   }
   
   #right-column{
   	  /*border:1px dashed #000;*/
   	  float:right;
   	  width:18%;
   	  padding:5px 1% 5px 0;
   }
   
   #main-home{
   	  /*border:1px dashed #000;*/
   	  float:left;
   	  padding: 0 0 5px 1%;
   	  width:78%;
   }
   
   #right-home{
     	/*border:1px dashed #F97098;*/
     	width:18%;
     	float:right;
     	padding:5px 1% 5px 0;
   }
   
   .footer{
     	float:left;
     	width:100%;
     	text-align:center;
   }
   
   /******************** end main layout  **********/  
   
   
   /******************** other styles *************?
   
   /* http://www.webxpertz.net/forums/archive/index.php/t-30496.html */
   
   a{
     	font-weight:bold;
     	text-decoration:none;
     	color:#006633;
   }
     
   a:hover {
     	text-decoration:underline;
   }
   
   a.large-white-title{
     	text-decoration:none;
   }
     
   a img {
   	/* no borders on linked images */
   	/*http://www.cre8asiteforums.com/viewtopic.php?t=21869&postdays=0&postorder=asc&start=15&sid=b67484df2bdcb7344f4b34717909f2d7  18/11/05 */
   	display: block; 
   	border: 0px; 
   	text-decoration:none;
   } 
   
   .abe{
     	font-size:75%;
   }
   
   .align-left{
     text-align:left;
   }
   
   .align-middle {
     	vertical-align:middle;
   }
     
 a.archived {
 color:#aa0000;
 }
 
   body{
     	margin: 0px;
     	padding: 0px;
     	font-family:Verdana, Arial, Helvetica, sans-serif;
     	font-size:75%;
     	background-image:url(images/county_background.jpg);
     	background-position:bottom left;
     	background-repeat:repeat-x;
     	min-width:800px;
     	/*width:expression(document.body.clientWidth < 800? "800px": "auto" );*/
   }
   
   .category{
   	width:15%;
   	margin-left:2%;
   	margin-right:2%;
   	float:left;
   	display:block;
   }
     
   .category a{
     	text-decoration:none;
   }
     
   .category a:hover{
     	text-decoration:underline;
   }
   
   .centred{
     	text-align:center;
     	margin-left:auto;
    	margin-right:auto;
     	display:block;
   }
   
   .clockspot {
   	text-align:right;
     	font-weight:bold;
     	font-family:Verdana, Arial, Helvetica, sans-serif;
     	font-size:100%;
     	background:#FFFFFF;
     	color:#000000;
     	border:solid 1px #FFFFFF;
     	width:200px;
   }  
   
   .content-block{
     	margin-bottom:5px;
     	/*border: 1px solid #000;*/
   }
   
   .darkgreen{
     	color:#006633;
   }
   
   .featured-image{
     	float:right;
     	margin:5px;
   }
     
   .float-left{
     	float:left;
   }
     
   .float-right{
     	float:right;
   }
   
   .footer-text{
   	font-size:90%;
     	font-weight:bold;
     	color:#666666;
   }
   
   form{
   	display:inline;
   }
   
   form,input {
     	vertical-align:middle;
   }
   
   h1 {
   	font-size:200%;
    	color:#006633;
     	font-weight:bold;
   }
   
   .header-title, .large-white-title {
     	font-family:Arial, Helvetica, sans-serif;
     	font-size:37px;
     	font-weight:bold;
     	color:#FFFFFF;
   }
   
 
   .hotel{
   	margin-left:225px;
   	/*border:1px solid #669900;*/
   }
   
   .hotelbox{
   	float:left;
   	width:200px;
   	padding-left:10px;
   	/*border:1px dashed #000;*/
   }
   
   hr{
    	color:#999999;
   }
   
   .icon-container{
     	margin-left:5px;
     	margin-top:10px;
     	float:left;
     	font-size:80%;
     	color:#FFFFFF;
     	text-align:center;
     	width:50px;
   }
   
   .icon-container a:active{
     	color:#FFFFFF;
     	font-weight:normal;
   } 
    
   .icon-container a:link{
     	color:#FFFFFF;
     	font-weight:normal;
   }
     
   .icon-container a:visited{
     	color:#FFFFFF;
     	font-weight:normal;
   }
   
   img {
   	border:none;
   }
   
   .input2 {
   	display: block;
     	float: left;
     	width:50%;
     	margin-bottom: 5px;
   }
   
   /* http://www.quirksmode.org/css/forms.html */
   .label1,.input1 {
     	display: block;
     	float: left;
     	width:35%;
     	margin-bottom: 5px;
   }
   
  .label1 {
     	text-align: right;
     	width: 200px;
     	padding-right: 20px;
     	font-weight:bold;
   }
   
   .listing{
   	font-family:Arial, Helvetica, sans-serif;
   	font-size:90%;
   }
   .listing a{
   	text-decoration:underline;
   }
   
   .logo{
     	vertical-align:text-top;
     	padding-left:2px;
     	padding-top:3px;
   }
     
     
   .main-image{
     	float:right;
     	padding:5px 0 5px 5px;
   }
     
   
   .price{
    	color:#FF6600;
     	font-weight:bold;
   }
   .scrborder{
 	border: 1px solid #999999;
 }
 .screenshot{
   	margin-left:110px;
   	/*border:1px solid #669900;*/
   }
 
 .screenshotbox{
   	float:left;
   	width:105px;
   	/*border:1px dashed #000;*/
   }
   .small{
   	font-size:90%;
   }
   
   .smallorange {
   	font-family: Arial, Helvetica, sans-serif;
     	font-size:80%;
     	color:#FF6600;
   }
   
   .smalltextfield{
     	font-size:80%;
   }
      
   .smallwhite {
     	font-size:80%;
     	color:#FFFFFF;
     	padding-right:8px;
   }
   
   /* http://www.draac.com/css/csstricks.html */
   .submitbutton{
     	background-color:#009966;
     	color:#FFFFFF;
     	font-weight:bold;
     	font-size:80%;
   }
   
   .tab-left {
     	background-image: url(images/left-end.gif);
     	background-repeat:no-repeat;
     	background-position:top left;
     	width:6px;
   }
   
   .tab-right{
     	background-image: url(images/right-end.gif);
     	background-repeat:no-repeat;
     	background-position:top right;
     	width:6px;
   }
   
   .tab-title{
     background-color:#009966;
     color:#FFFFFF;
     font-weight:bold;
     padding:0px 5px 1px 5px;
   }
     
   /*http://www.somacon.com/p141.php*/
   table.borderedtable {
     	border-width: 2px;
      	border-style: outset;
     	border-color: black;
     	border-collapse: collapse;
     	background-color: white;
   	margin-left: auto; 
   	margin-right: auto;
   	text-align:center;
   }
   
   table.borderedtable td {
     	border-width: 1px;
     	padding: 2px;
     	border-style: inset;
     	border-color: gray;
     	background-color: white;
   }
   
   table.borderedtable th {
     	border-width: 1px;
     	padding: 2px;
     	border-style: inset;
     	border-color: gray;
     	background-color: white;
   }
   
   #tagline{
     	color:#FFFFFF;
     	font-weight:bold;
     	padding-top:2px;
     	text-align:center;
   }
   
   #time2 {
     	float:right;
     	background:#FFFFFF;
     	color:#000000;
   }
   
   .title{
     	font-size:200%;
    	color:#006633;
     	font-weight:bold;
   }
   
   #tl-container{
     	/*border:1px solid #000;*/
     	margin-left:5px;
     	margin-top:5px;
     	margin-right:5px;
     	float:left;
   }
   
   .tl-container2{
     	/*border:1px solid #000;*/
     	margin-left:5px;
     	margin-top:5px;
     	margin-right:5px;
     	float:left;
   }
   
   #tr-container{
     	margin-top:20px;
     	/*border:1px solid #000;*/
     	margin-right:8px;
     	float:right;
     	text-align:right;
     	font-size:100%;
     	color:#FFFFFF;
   }
     
   #tr-container-home{
     	margin-top:10px;
     	/*border:1px solid #000;*/
     	margin-right:8px;
     	float:right;
     	text-align:right;
     	font-size:100%;
    	color:#FFFFFF;
   }
     
   
   /* rounded rectangle border ******************************************************************
   
   based on http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-borders.shtml */
   .t {
     	background: url(images/006633dot.gif); 
     	background-repeat:repeat-x;
     	background-position:top;
     	width:100%;
     	min-width:130px;
   }
     
   .b {
     	background: url(images/006633dot.gif); 
     	background-repeat:repeat-x;
     	background-position:bottom;
   }
     
   .l {
     	background: url(images/006633dot.gif); 
     	background-repeat:repeat-y;
     	background-position:left;
     	
   }
     
   .r {
     	background: url(images/006633dot.gif); 
     	background-repeat:repeat-y;
     	background-position:right;
   }
     
   .bl{
     	background-image: url(images/bl.gif);
     	background-repeat:no-repeat;
     	background-position:bottom left;
     	
   }
     
   .br{
     	background-image: url(images/br.gif);
     	background-repeat:no-repeat;
     	background-position:bottom right;
   }
     
   .tl{
     	background-image: url(images/tl.gif);
     	background-repeat:no-repeat;
     	background-position:top left;
   }
     
   .tr{
     	background-image: url(images/tr.gif);
     	background-repeat:no-repeat;
     	background-position:top right;
     	padding:5px;
   }
     
     
   /* rounded rectangle 2 ***************************************************/
   .t2 {
     	background-image: url(images/006633dot.gif); 
     	background-repeat:repeat-x;
     	background-position:top;
     	width:100%;
     	background-color:#DDFFDD;
   }
   .b2 {
     	background: url(images/006633dot.gif); 
     	background-repeat:repeat-x;
     	background-position:bottom;
   }
     
   .l2 {
     	background: url(images/006633dot.gif); 
     	background-repeat:repeat-y;
     	background-position:left;
     	
   }
     
   .r2 {
     	background: url(images/006633dot.gif); 
     	background-repeat:repeat-y;
     	background-position:right;
   }
     
   .bl2{
     	background-image: url(images/bl2.gif);
     	background-repeat:no-repeat;
     	background-position:bottom left;
     	
   }
     
   .br2{
     	background-image: url(images/br2.gif);
     	background-repeat:no-repeat;
     	background-position:bottom right;
   }
     
   .tl2{
     	background-image: url(images/tl2.gif);
     	background-repeat:no-repeat;
     	background-position:top left;
   }
     
   .tr2{
     	background-image: url(images/tr2.gif);
     	background-repeat:no-repeat;
     	background-position:top right;
     	padding:5px;
   }
   
   
   /******rounded rectangle 3******************************************************************/
     
   .t3 {
     	background-image:url(images/000000dot.gif); 
     	background-repeat:repeat-x;
     	background-position:top;
     	width:35%;
     	background-color:#FFFFFF;
     	margin-left:auto;
     	margin-right:auto;
   }
     
   .b3 {
     	background-image:url(images/000000dot.gif);
     	background-repeat:repeat-x;
     	background-position:bottom;
   }
     
   .l3 {
     	background: url(images/000000dot.gif); 
     	background-repeat:repeat-y;
     	background-position:left;
   }
     
   .r3 {
     	background: url(images/000000dot.gif); 
     	background-repeat:repeat-y;
     	background-position:right;
   }
     
   .bl3{
     	background-image: url(images/bl_black.gif);
     	background-repeat:no-repeat;
     	background-position:bottom left;
     	
   }
     
   .br3{
     	background-image: url(images/br_black.gif);
     	background-repeat:no-repeat;
     	background-position:bottom right;
   }
     
   .tl3{
     	background-image: url(images/tl_black.gif);
     	background-repeat:no-repeat;
     	background-position:top left;
   }
     
   .tr3{
     	background-image: url(images/tr_black.gif);
     	background-repeat:no-repeat;
     	background-position:top right;
     	padding:7px;
   }
     
   /**************** END STYLESHEET *********************/