@charset "utf-8";
/* CSS Document */
body {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #DDDDDD; 
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	font-size:0.9em;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:10px;
	text-align:center;
}
/* re define main tags*/
h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#2e4c56;
padding:15px 0 2px 5px;
}
h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#588a95;
padding:15px 0 2px 5px;
margin: 0;
}
strong{
color:#5faf3e;
}
.clear{
	clear:both;
}
/* end of re define main tags*/
/* Menu Styles */
.menu{
	width:100%;
	height:25px;
	background-image:url(../images/login.png);
	background-repeat:repeat-x;
}
ul.dropmenu {
	float: left;
	margin: 0px; 
	padding: 0px;
	background:url("/images/navigation.png") repeat-x scroll 0 0 transparent;
	display:block;
	height:25px;
	font-size:0.7em;
}

.dropmenu li a, .dropmenu li{
	float: left;
}
.dropmenu li a:hover, .dropmenu li.open > a{
	color: #0657AD;
	background: #FFFFFF url("/images/gradient.png") repeat-x scroll 0 0;	
}

.dropmenu li{
	list-style: none;
	position: relative;	
	top: 1px;
}

.dropmenu li span{
	display: block;
	height: 10px;
	width: 10px;
	position: absolute;
	top: 7px;
	right: 10px;
	background:url("/images/arrow_up.png") repeat-x scroll 0 0 transparent;
}
.dropmenu li a:hover span, .dropmenu li.open > a span{
	background-image: url("/images/arrow_hover.png");	
}

.dropmenu li a, .dropmenu li div{
	padding: 5px 30px 8px 15px;
	text-decoration: none;
	color: #FFF;
	border-right:1px solid #fff;
	text-transform:uppercase;
}

/* Submenu */
.dropmenu li > ul, .dropmenu li > div {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	padding: 0px;
	margin: 0px;
	background:url("/images/gradient.png") repeat-x scroll 0 0 #FFFFFF;
	border-bottom:1px solid #CCCCCC;
}

.dropmenu li:hover > ul, .dropmenu li:hover > div{
	display: block;
}

.dropmenu li ul li, .dropmenu li ul li a{
	float: none;	
	color: #0657AD;
	text-transform: none;
	text-decoration: underline;
}

.dropmenu li ul li{
	_display: inline;	
}

.dropmenu li > div{
	width: 200px;
}

.dropmenu li ul li a span{
	background:url("/images/arrow_sub.gif") repeat-x scroll 0 0 transparent;	
}

/* Sub submenu */

.dropmenu li ul li a{
	width: 150px;
	display: block;	
	border:1px solid #CCCCCC;
	border-top: none;
}

.dropmenu li ul li a:hover{
	color:#F67A00;
	background: #F0F0F0;
}

.dropmenu li ul li ul, .dropmenu li ul li > div{
	top: 0px;
	left: 101%;
}
/* end of menu */
/* slide show styles */
#slides {
	margin:20px 0 0 260px;
    position:relative;
    height:333px;
	width:700px;
	border-top:#333 solid 1px;
	border-bottom:#333 solid 1px;
	border-right:#333 solid 1px;
	border-left:#fff solid 1px;
}

#slides IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slides IMG.active {
    z-index:10;
    opacity:1.0;
}

#slides IMG.last-active {
    z-index:9;
}
/* end of slides */
#map{
width:540px;
height:450px;
}
.accimg{
	float:right;
	border:#666 solid 1px;
	margin:10px;
}
.hotel{
border-top:#2e4c56 solid 3px;
margin:5px 0 5px 0;
}
/* exhibitor styles */
.exhibitor{
width:187px;
float:left;
text-align:center;
margin:10px 0 10px 0;
padding:0 0 5px 0;
border-bottom:#000033 solid 1px;
}
.wide{
width:500px;
clear:both;
}
/* login style */
#login{
	background-image:url(../images/login.png);
	background-repeat:repeat-x;
	height:20px;
	margin-left:700px;
	padding-top:5px;
	font-size:12px;
	text-align:center;
	color:#FFF;
}
#login a:link { 
	color: #fff;
	text-decoration:none;
	}
#login a:visited { 
	color: #fff;
	}
#login a:hover { 
	color: #fff;
	text-decoration:underline;
	}
#login a:active { 
	color: #ffffff;
	}
/* front page styles */
#leftcol{
margin:10px 20px 5px 20px;
width:61%;
padding:5px 0 5px 0;
float:left;
font-size:0.9em;
color:#333;
line-height:1.5em;
}
#rightcol{
margin:10px 15px 5px 0;
width:30%;
background-color:#bfcfdc;
padding:10px;
float:right;
font-size:0.9em;
color:#333;
line-height:1.5em;
}
#leftcol h1, #leftcol h2, #rightcol h1, #rightcol h2{
margin:0;
padding:0;
color:#2e4c56;
}
#leftcol a:link { 
	color: #5faf3e;
	text-decoration:none;
	}
#leftcol a:visited { 
	color: #5faf3e;
	}
#leftcol a:hover { 
	color:#2e4c56;
	text-decoration:underline;
	}
#leftcol a:active { 
	color: #2e4c56;
	}
#leftcol img{
border:#333 solid 1px;
float:left;
margin:15px 10px 5px 5px;
}
.sub{
width:45%;
margin:10px;
float:left;
font-size:0.9em;
line-height:1.4em;
}
.full{
border-bottom:#8BAABC solid 1px;
border-top:#8BAABC solid 1px;
padding:15px 0 15px 0;
}
.clearline{
border-bottom:#8BAABC solid 1px;;
clear:both;
width:100%;
}
#rightcol h2{
color:#333;
margin:10px 0 0 0;
padding:0;
}
#rightcol p{
font-size:0.9em;
line-height:1.4em;
padding:0;
margin:5px 0 0 0;
}
#rightcol a:link { 
	color: #333;
	text-decoration:none;
	}
#rightcol a:visited { 
	color: #7D7D7D;
	}
#rightcol a:hover { 
	color:#333;
	text-decoration:underline;
	}
#rightcol a:active { 
	color: #333;
	}
#rightcol img{
float:left;
padding:2px;
border:solid 1px #999;
margin: 10px 10px 0 0;

}
/* news */
#newscontain{
float:left;
}
#news{
width:240px;
height:283px;
padding:5px;
margin-left:10px;
border-top:#333 solid 1px;
border-left:#333 solid 1px;
border-right:#fff solid 1px;
background-color:#8baabc;
font-size:12px;
line-height:13px;
color:#FFF;
}
#news h1{
font-size:14px;
color:fff;
}
#icons{
width:240px;
margin-left:10px;
padding:5px;
height:30px;
background-color:#5faf3e;
border-bottom:#333 solid 1px;
border-left:#333 solid 1px;
}
/* end of news */
/* easy style */
#easy li{
margin:10px 0 0 0;
}
/* end of easy */
/* newgame style */
.newgame_head {
	color: #000000;
	font-weight: bold;
}
.newgame{
border-top:#666666 1px solid;
margin:10px 0 10px 0;
padding:10px 0 10px 0;
}
.newgame_img {
margin-right:10px;
float:left;
}
#game h1{
font-size:24px;
border-bottom:#666 solid 1px;
}
#game p{
padding-left:10px;
}
#loa{
float:right;
padding:5px;
}
.fltright{
float:right;
}
/* newsletter */
#newsletter{
padding:10px;
}
.eventlist li{
	padding-top:3px;
	padding-bottom:3px;
}
/* event bookings styles */
.events_note{
width:960px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left:10px;
padding:5px 0 5px 0;
}
.event_cathead{
width:960px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:bold;
margin:15px 0 5px 10px;
border-bottom:#B31F1A 2px solid;
}
.event_name{
width:200px;
float:left;
}
.event_rules{
width:130px;
float:left;
padding-left:15px;
border-left:#666 solid 1px;
}
.event_sponsor{
width:100px;
float:left;
border-left:#666 solid 1px;
text-align:center;
}
.event_age{
width:40px;
float:left;
text-align:center;
border-left:#666 solid 1px;
}
.event_day{
width:70px;
float:left;
text-align:center;
border-left:#666 solid 1px;
}
.event_start{
width:70px;
float:left;
text-align:center;
border-left:#666 solid 1px;
}
.event_end{
width:70px;
float:left;
text-align:center;
border-left:#666 solid 1px;
}
.event_limit{
width:30px;
float:left;
text-align:center;
}
.event_avail{
width:50px;
float:left;
text-align:center;
}
.event_price{
width:50px;
float:left;
}
.event_buy{
width:100px;
float:left;
padding-left:20px;
}
.event_qty{
width:20px;
height:14px;
font-size:0.9em;
margin:0px;
padding:0px;
}
.eventheader{
width:960px;
font-weight:bold;
margin-left:10px;
border-bottom:#B31F1A 2px solid;
font-size:0.8em;
}
.eventrow{
width:960px;
margin-left:10px;
padding:10px 0 5px 0;
border-bottom:solid 1px #333333;
font-size:0.85em;
}
/* bookevents */
.qtyadd{
width:15px;
font-size:0.9em;
}
#headlink{
width:145px;
background-color:#FFF;
height:125px;
float:right;
padding: 5px 5px 5px 0;
}
#return{
float:right;
width:150px;
height:15px;
background-color:#AEAEFF;
border:#009 solid 1px;
text-align:center;
padding:5px;
}
#return a{ 
	color: #fff;
	text-decoration:none;
	}
#return a:visited { 
	color: #fff;
	}
#return a:hover { 
	color: #fff;
	text-decoration:underline;
}
#return a:active { 
	color: #ffffff;
	}
/* basket styles*/
#baskethead{
	width:100%;
	background-color:#8baabc;
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
	color:#FFF;
	padding:3px 0 3px 0;
}
#basketqty{
font-size:0.8em;
text-align:center;
border-bottom:#999 solid 1px;
padding:8px 0 8px 0;
width:150px;
}
#baskettotal{
	font-size:0.8em;
text-align:center;
border-bottom:#999 solid 1px;
padding:8px 0 8px 0;
}
#basketlinks{
padding:10px 0 5px 0;
text-align:center;
}
.newsletter{
	font-size:0.9em;
	width:170px;
	float:right;
	padding-top:6px;
}
 a.newsletter:link { 
	color: #fff;
	text-decoration:none;
	}
 a.newsletter:visited { 
	color: #fff;
	}
a.newsletter:hover { 
	color: #fff;
	text-decoration:underline;
}
a.newsletter:active { 
	color: #ffffff;
	}
.indent{
	font-style:italic;
}