html, body{ 
 margin: 0px 0px 0px 0px; 
 padding:0; 
 text-align:center; 
background-image: url(images/bgb.gif);
background-position: center;
}

a:link {
	text-decoration: none;
	color: #666666;

}

a:visited {
	text-decoration: none;
	color: #666666;
}

a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #6699FF;
	}

a:active {
	text-decoration: none;
	color: #666666;
}

#pagewidth{ 
 width:740px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:80px; 
  background-color:#FAFEFE; 
 width:100%;
} 
 
#topleft {position:relative;
	background-color: #669999;	
	float: left;
	width: 0px;
	height: 81px;
}

#topright {position:relative;
	background-image: url('http://www.winstonsweb.co.uk/images/rightcornerbar.jpg');
	width: 0px; 
	float: right;
	height: 81px;
}

#topmiddle {position:relative;
	background-color: #669999;
	float: left;
	width: 740px;
	height: 81px;
	padding: 0px 0px 0px 1px;	

}


#leftcol{
 width:130px; 
 float:left; 
 position:relative; 
 background-image: url('http://www.winstonsweb.co.uk/images/index_46.gif');	
 height: 500px;
 text-align: center;}


#navsections ul, #navsections li, #navsections ul, #navsections li {
	height:28px;
	margin: 0;
	white-space: nowrap;
	list-style: none;
	list-style-type: none;
}

#navsections ul li {

	float: right;
}

#navsections a:link, #navsections a:active, #navsections a:visited, #navsections a:hover {
	text-align: right;
	padding: 4px 31px 10px;
	position: relative;
	font-weight: bold;
	color: #000;
	font-size: 12px;
	background: url(images/tab.gif);
	text-decoration: none;}

#navsections a:hover {
	text-align: right;
	padding: 4px 31px 10px;
	position: relative;
	font-weight: bold;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	text-decoration: none;
	background: url(images/tab_hover.gif);
}

 
#twocols{
 width:610px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:100px; 
 float:left; 
 position:relative; 
 background-color:#ffffff;
 height: 500px;
padding: 0px 0px 0px 2px;
}
 
#maincol{background-color: #E8F1EE;	
 float: left; 
 display:inline; 
 position: relative; 
 width:498px; 
overflow: auto; 
 height: 498px;
}

#maincolleft{	
 float: left; 
 display:inline; 
 position: relative; 
 width:245px; 
overflow: auto; 
 height: 425px;
}

#maincolright{	
 float: right; 
 display:inline; 
 position: relative; 
 width:225px; 
overflow: auto; 
 height: 425px;
}



#maincoltop{	
 float: left; 
 display:inline; 
 position: relative; 
 width:475px; 
overflow: auto; 
 height: 77px;
}

#maincoltopleft{	
 float: left; 
 display:inline; 
 position: relative; 
 width:248px; 
overflow: auto; 
 height: 215px;
}

#maincoltopright{	
 float: right; 
 display:inline; 
 position: relative; 
 width:248px; 
overflow: auto; 
 height: 215px;
}

#maincoltoplefthome{	
 float: left; 
 display:inline; 
 position: relative; 
 width:235px; 
overflow: auto; 
 height: 235px;
}

#maincoltoprighthome{	
 float: right; 
 display:inline; 
 position: relative; 
 width:235px; 
overflow: auto; 
 height: 230px;
}
#maincolbottomleft{	background-color:#E7F2EE;
 float: left; 
 display:inline; 
 position: relative; 
 width:255px; 
 height: 200px;
}

#maincolbottomright{	
 float: right; 
 display:inline; 
 position: relative; 
 width:198px; 
overflow: auto; 
 height: 200px;
}
#drop_navleft{
 width:130px; 
 float:left; 
 position:relative; 
 background-image: url('http://www.winstonsweb.co.uk/images/index_45.gif');
 height: 30px;
 }
 
#twocols_dropnav{
 width:610px; 
 float:right; 
 position:relative; 
  }
 
 #maincolavail{	
 float: left; 
 display:inline; 
 position: relative; 
 width:475px; 
overflow: auto; 
 height: 180px;
}

#maincoltopleftavail{	
 float: left; 
 display:inline; 
 position: relative; 
 width:165px; 
overflow: auto; 
 height: 140px;
 text-align: center;
}

#maincoltoprightavail{	
 float: right; 
 display:inline; 
 position: relative; 
 width:310px; 
overflow: auto; 
 height: 140px;
}

#maincoltoplefttaran{	
 float: left; 
 display:inline; 
 position: relative; 
 width:160px; 
overflow: auto; 
 height: 250px;
}

#maincoltoprighttaran{	
 float: right; 
 display:inline; 
 position: relative; 
 width:315px; 
overflow: auto; 
 height: 250px;
}

#maincolbody{	
 float: left; 
 display:inline; 
 position: relative; 
 width:475px; 
}

#drop_navright{
background-image: url('http://www.winstonsweb.co.uk/images/index_49.gif');
width:70px; 
 float:right; 
 position:relative; 
 background-color:#ffffff;
 height: 30px;
}
 
#dropnav{background-image: url('http://www.winstonsweb.co.uk/images/index_49.gif');
 float: left; 
 display:inline; 
 position: relative; 
 width:540px; 
 padding: 3px 0px 0px 0px;
 height: 27px;
}

#maincolgal1{	
 float: left; 
 display:inline; 
 position: relative; 
 width:156px; 
 text-align: center;
 height: 140px;
}

#maincolgal2{	
 float: left; 
 display:inline; 
 position: relative; 
 width:156px; 
 text-align: center;
 height: 140px;
}

#maincolgal3{	
 float: left; 
 display:inline; 
 position: relative; 
 width:156px; 
text-align: center;
 height: 140px;
}

#maincolgal4{	
 float: left; 
 display:inline; 
 position: relative; 
 width:156px; 

 height: 140px;
}

#footer{
 height:60px; 
  background-color:#FFF; 
 clear:both;
 } 
 
#footerLeft {	
float: left;
	width: 300px;

	color: #ffffff;
	padding: 0px 0px 0px 10px;
}

#footerRight {	
float: right;
	width: 250px;
	text-align: right;
	color: #ffffff;
	padding: 0px 10px 0px 0px;
}

#maincoltopleftscroll{	
 float: left; 
 display:inline; 
 position: relative; 
 width:230px; 
overflow: auto; 
 height: 215px;
}

#maincoltoprightscroll{	
 float: right; 
 display:inline; 
 position: relative; 
 width:230px; 
overflow: auto; 
 height: 215px;
}

 #leftgecko{
 float: left;
 width:75px;
  height: 75px;
  position: relative;
  text-align: center;
  border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
		border-right: 1px solid #999999;
		border-left: 1px solid #999999;}
 
 #rightgecko{
 float: left;
 width:390px;
  height: 75px;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
		border-right: 1px solid #999999;
		border-left: 1px solid #999999;}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

.bodycentre{font-family: verdana; font-size: 10pt; text-align: center; }

.bodycentrebold{font-family: verdana; font-size: 10pt; text-align: center; font-weight: bold; }

.bodycentreitalic{font-family: verdana; font-size: 10pt; text-align: center; }

.bodyright{font-family: verdana; font-size: 10pt; text-align: right; }

.bodyleft{font-family: verdana; font-size: 10pt; text-align: left; }

.h1{font-family: verdana; font-size: 14pt; text-align: center;}

.h2{font-family: verdana; font-size: 14pt; text-align: center; }

.h3{font-family: verdana; font-size: 12pt; text-align: center; text-decoration: underline;}

.li{font-family: verdana; font-size: 10pt; text-align: left;}

.gecko {
	background: #99cc99;
	color: #000000;
	font-weight: bold;
}


.tarantula {
	background: #33cc99;
	color: #000000;
	font-weight: bold;
}


.input	{background-image:url(images/test_image.jpg); background-repeat:no-repeat; background-position:center center; color: #000066; font-weight: bold;}
.input2	{background-image:url(images/bandedegg.jpg); background-repeat:no-repeat; background-position:center center; color: #000066; font-weight: bold;}


/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}