/** BASIC */

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background-image:url(images/cloud.jpg);
	background-repeat:repeat;
	font-size: 13px;
	text-align: left;
	color: #273840;
	font-family: "Trebuchet MS";
	
}

a:hover {
color:#000;
text-decoration:none;

}

h1 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

h2 {
	font-size: 14px;
	text-transform: uppercase;
}

h2.bigger {
	font-size: 18px;
	text-transform: uppercase;
}

h3 {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	text-transform: uppercase;
}

p, ol, ul {
	margin-top: 0px;
}

.img1 {
	float: left;
	margin-top: 4px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 2px solid #648E22;
}

.img2 {
	float: right;
	margin-top: 4px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 2px none #648E22;
	padding-right: 5px;
}

.hr1  {
clear : both;
border : 1px dashed #608b9f;
} 

.hr1 hr {
	display: none;
}

/** WRAPPER */

#wrapper {
	width: 900px;
	height: 100%;
	min-height: 100%;
	padding: 10px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

html>body #wrapper {
	height: auto;
	border: 1px solid #333333;
}

/** HEADER */

#header {
	margin-bottom: 5px;
	background-image: url(http://www.wormcity.co.uk/images/back.jpg);
	margin-top: 0px;
	background-repeat: no-repeat;
	height: 195px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#header h1 {
	margin: 0px;
	padding: 0px;
	font-size: 30px;
}

#header h2 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-transform: lowercase;
}

/** MAIN-MENU */



/** CONTENT */

#content {
}

#left {
	float: left;
	width: 650px;
	padding-right: 10px;
	padding-left: 10px;
	
}

#right {
	float: left;
	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	border: 1px double #648E22;
	padding-left: 5px;
}

#colA {
	float: left;
	width: 305px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border: 1px dashed #648E22;

}

#colB {
	float: right;
	width: 305px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	border: 1px dashed #648E22;
}

#colC {
	margin-left: auto;
	margin-right: auto;
	width: 190px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border: 1px dashed #648E22;
}

	
/** FOOTER */

#footer {
	clear: both;
	padding: 20px 0px 0px 0px;
}

#footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#footer li {
	display: inline;
}

#footer a {
	padding: 0px 10px;
}

#footer p {
	text-align: center;
	font-size: 9px;
}


#nav {
float:left;
width:780px;
height:auto;
background:#fff url("images/bottom_line.gif") repeat-x bottom;
position:relative;
margin:1px 0 5px
}

#nav .select,#nav .current {
list-style:none;
display:block;
margin:0;
padding:0
}

#nav li {
display:inline;
height:auto;
margin:0;
padding:0
}

#nav .select a,#nav .current a {
display:block;
height:21px;
float:left;
background:url("images/left_blue.gif") no-repeat left top;
border-bottom:1px solid #000;
text-decoration:none;
font-size:12px;
line-height:20px;
white-space:nowrap;
margin-left:2px;
padding:0 0 0 3px
}

* html #nav .select a,* html #nav .current a {
width:1px
}

#nav .select a b,#nav .current a b {
height:100%;
display:block;
background:url("images/right_blue.gif") no-repeat right top;
color:#000;
padding:0 6px 0 3px
}

#nav .select a:hover,#nav .select li:hover a {
background-position:0 -75px;
cursor:pointer;
border-color:#648E22
}

#nav .select a:hover b,#nav .select li:hover a b {
background-position:100% -75px;
color:#fff;
border-color:#648E22
}

#nav .sub {
display:none
}

#nav table {
position:absolute;
border-collapse:collapse;
left:0;
top:0;
font-size:11px
}

#nav .current a {
background-position:0 -75px;
border-color:#648E22
}

#nav .current a b {
background-position:100% -75px;
color:#ff6
}

#nav .sub li a:hover,#nav .select a:hover .sub li a:hover,#nav .select li:hover .sub li a:hover {
background:#648E22 url("images/sub_sep.gif") top right no-repeat;
color:#fff;
text-decoration:underline
}

#nav .sub_active .current_sub a,#nav .sub_active a:hover {
background:#648E22 url("images/sub_sep.gif") top right no-repeat;
color:#ff6;
text-decoration:underline
}

#nav .select li a:hover .sub,#nav .select li:hover .sub {
display:block;
position:absolute;
width:780px;
top:21px;
left:0;
background:#648E22;
margin-top:1px;
z-index:100;
border-bottom:20px solid #fff;
padding:0
}

#nav .sub,#nav .sub_active {
list-style:none;
margin:0;
padding:0
}

#nav .sub_active {
	display:block;
	position:absolute;
	width:779px;
	top:21px;
	left:1px;
	background:#648E22;
	margin-top:1px;
	z-index:10;
	color:#000;
	border-bottom:20px solid #fff;
	padding:0
}

* html #nav .sub_active,* html #nav .select a:hover .sub {
z-index:-1;
margin-top:1px
}

#nav .sub_active a {
height:25px;
float:left;
text-decoration:none;
line-height:24px;
white-space:nowrap;
font-weight:400
}

#nav .sub_active a,#nav .select a:hover .sub li a,#nav .select li:hover .sub li a {
display:inline;
background:#648E22 url("/images/sub_sep.gif") top right no-repeat;
font-size:12px;
width:auto;
white-space:nowrap;
font-weight:400;
border:0;
color:#fff;
height:25px;
line-height:24px;
margin:0;
padding:0 10px
}


#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(overlay.png);
} 


/* ######### DROP DOWN MENU START################ */
.bluetabs{
border-bottom: 1px solid #648E22;
}

.bluetabs ul{
padding: 3px 0;
margin-left: 3px;
margin-top: 1px;
margin-bottom: 0;
font: 12px, Arial, Helvetica, sans-serif, Tahoma;
font-weight:bold;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.bluetabs li{
display: inline;
margin: 0;
}

.bluetabs li a{
text-decoration: none;
padding: 3px 4px;
margin-right: 0px;
border: 1px solid #648E22;
color: #2d2b2b;
background: white url(images/bluetab.gif) top left repeat-x; /*THEME CHANGE HERE*/
}

.bluetabs li a:visited{
color: #2d2b2b;
}

.bluetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.bluetabs li.selected{
}

.bluetabs li.selected a{ /*selected main tab style */
background-image: url(images/bluetabactive.gif); /*THEME CHANGE HERE*/
border-bottom-color: white;
}

.bluetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b{
position:absolute;
top: 0;
border: 1px solid #648E22; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:Arial, Helvetica, sans-serif, Tahoma;

line-height:18px;
z-index:200;
background-color: white;
width: 200px;
visibility: hidden;
}

.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #648E22; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #B9FDBE;
}

/* ######### DROP DOWN MENU END######### */