@charset "utf-8";
/* CSS Document */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0 0 0 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;
}
.twoColFixLtHdr #container { 
	width: 984px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image:url(../images/container.gif);
	background-repeat:repeat-y;
	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. */
} 
.twoColFixLtHdr #header { 
	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. */
} 
.twoColFixLtHdr #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 */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 270px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #CCCCCC; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 15px 0px;
	margin:5px 0 0 0;
}
#frontpanel{
float:right;
width:300px;
padding:10px;
font-size:0.9em;
}
#frontpanel h1{
font-size:14px;
margin:0px;
padding:0px;
border:none;
}
#frontpanel ul{
margin:0 0 0 20px;
padding:0 0 0 5px;
}
#frontpanel ul li{
margin:0 0 0 0;
padding:5px 0 0 0;
font-size:0.9em;
}
#frontpanel p{
margin:3px 0 0 0;
padding:3px 0 0 0;
}
#flash{
width:375px;
}
.sidebarhead{
padding: 5px 0 5px 10px;
color:#FFFFFF;
background-image:url(../images/sidebar.gif);
background-repeat:repeat-x;
font-size:0.8em;
font-weight:bold;
}
.sidebaritem{
margin:0px;
color:#000000;
font-size:0.7em;
padding-left:10px;
padding-right:5px;
padding-top:10px;
padding-bottom:10px;
}
.sidebarpic{
height:40px;
width:40px;
border:1px #000000 solid;
margin:10px 5px 0 10px;
float:left;
}
.rpgbar{
margin:5px 0 0 0;
padding:5px 0 5px 300px;
color:#FFFFFF;
background-image:url(../images/rpgsection.gif);
background-repeat:repeat-x;
font-size:0.8em;
font-weight:bold;
}
.minibar{
margin:5px 0 0 0;
padding:5px 0 5px 300px;
color:#FFFFFF;
background-image:url(../images/minisection.gif);
background-repeat:repeat-x;
font-size:0.8em;
font-weight:bold;
}
.cardbar{
margin:5px 0 0 0;
padding:5px 0 5px 300px;
color:#FFFFFF;
background-image:url(../images/cardsection.gif);
background-repeat:repeat-x;
font-size:0.8em;
font-weight:bold;
}
.fambar{
margin:5px 0 0 0;
padding:5px 0 5px 300px;
color:#FFFFFF;
background-image:url(../images/familysection.gif);
background-repeat:repeat-x;
font-size:0.8em;
font-weight:bold;
}
.boardbar{
margin:5px 0 0 0;
padding:5px 0 5px 300px;
color:#FFFFFF;
background-image:url(../images/boardsection.gif);
background-repeat:repeat-x;
font-size:0.8em;
font-weight:bold;
}
.genbar{
margin:5px 0 0 0;
padding:5px 0 5px 300px;
color:#FFFFFF;
background-image:url(../images/gensection.gif);
background-repeat:repeat-x;
font-size:0.8em;
font-weight:bold;
}
.sectionlogo{
float:right;
}
.fronthead{
padding: 5px 0 5px 10px;
color:#FFFFFF;
background-image:url(../images/gensection.gif);
background-repeat:repeat-x;
font-size:0.8em;
font-weight:bold;
width:100%;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 270px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 5px 10px 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.twoColFixLtHdr #wideContent { 
	margin:0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.twoColFixLtHdr #wideContent p{
padding-left:10px;
}
.twoColFixLtHdr #ticketContent { 
	margin:0 20px 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:550px;
	float:left;
}
.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#666666;
	margin-top:10px;
	text-align:center;
} 
.twoColFixLtHdr #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 */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* end of layout */
#menucontainer{
margin-top:0;
padding:0;
height:25px;
width:984px;
background-color:#B31F1A;
float:left;
}
#logos{
height:125px;
float:left;
}
#logo08
{
float:left;
width:306px;
height:135px;
}
.sponsorlogo{
margin:30px 10px 0 0px;
float:left;
}
#toplinks{
float:right;
width:150px;
text-align:right;
padding:20px 20px 0 0;
}
/* new heading styles */
h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#ffffff;
background-color:#006699;
border:#000033 1px solid;
padding:5px;
}
h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#003399;
padding:5px 0 2px 5px;
}
#sidebar1 h2{
width:80%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#6633FF;
margin:10px 0 0 10px;
padding:0 0 0 0;
}
.dayhead{
width:90%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
border-bottom:#B31F1A 2px solid;
margin-bottom:5px;
}
h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
border-bottom:#003399 solid 1px;
color:#003399;
padding:15px 0 2px 5px;
}
h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#003399;
margin-bottom:0px;
}
img{
border:none;
}
#mainContent p{
margin-left:10px;
}
p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
}
/* special font styles */
.ukexpo{
color:#0066CC;
font-weight:bold;
}
.redemph{
color:#FF0000;
font-style:italic;
}
.blackemph{
color:#000000;
font-style:italic;
font-weight:bold;
}
.disclaim{
font-size:0.7em;
}
/* Picture styles */
.picture{
padding:10px;
}
.leftpicture{
float:left;
padding-right:10px;
}
.rightpicture{
float:right;
padding-left:10px;
}
.carticon{
vertical-align:text-bottom;
}
.centrepic{
text-align:center;
}
/* links */
A{
  font-weight: bold;
}
A:visited{
  font-weight: bold;
}
A:hover {
  font-weight: bold;
}
A.smlink {
  font-size: 0.8em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #0066CC;
  text-decoration: underline;
  font-weight: normal;
}
A.smlink:visited{
  font-size: 0.8em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration: underline;
  color:#6633CC;
  font-weight: normal;
}
A.smlink:hover {
  font-size:  0.8em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #0066CC;
  text-decoration: underline;
  font-weight: normal;
}
A.footerlink {
  font-size: 0.8em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  font-weight: normal;
}
A.footerlink:visited{
  font-size: 0.8em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color:#ffffff;
  font-weight: normal;
}
A.footerlink:hover {
  font-size:  0.8.em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: underline;
  font-weight: normal;
}
A.header{
  font-size: 0.8em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#6633CC;
  text-decoration: none;
  font-weight: normal;
  line-height:1.6em;
}
A.header:visited{
  font-size: 0.8em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#6633CC;
  text-decoration: none;
  font-weight: normal;
}
A.header:hover {
  font-size: 0.8em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#6633CC;
  text-decoration: none;
  font-weight: normal;
}
/*  UL styles */
ul.exhibitors{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.8em;
	text-align: left;
}
ul{
font-size: 0.8em;
}
ol{
font-size: 0.8em;
}
/* column styles */
.firstcol{
width:278px;
float:left;
}
.secondcol{
width:278px;
float:left;
}
.firstofthree{
width:186px;
float:left;
}
.secofthree{
width:186px;
float:left;
}
.thirdofthree{
width:186px;
float:left;
}
.firstoffour{
width:140px;
float:left;
}
.secoffour{
width:140px;
float:left;
}
.thirdoffour{
width:140px;
float:left;
}
.fourofour{
width:140px;
float:left;
}
.tight{
margin-top:0px;
}
/*5 cols on wide page*/
.firstoffive{
width:149px;
float:left;
display:inline;
}
.secoffive{
width:149px;
float:left;
}
.thirdoffive{
width:149px;
float:left;
}
.fouroffive{
width:149px;
float:left;
}
.fifthoffive{
width:149px;
float:left;
}
.highlights{
width:300px;
float:left;
margin:20px 20px 0 20px;
}
/* Map Styles */
#map{
width:540px;
height:450px;
}
/*General Styles*/
.roomrates{
font-style:italic;
}
.fltright{
float:right;
}
.fltleft{
float:left;
}
/*Front Page*/
.rpgsection h1{
font-weight:bold;
font-size:12px;
text-align:left;
color:black;
text-decoration:none;
border:none;
margin:0;
padding:0 0 0 80px;
}
.rpgsection a {
	font-size:11px;
	font-weight:normal;
}
.rpgsection a:link {
	font-size:11px;
	font-weight:normal;
	color:#FFFF00;
}
.rpgsection a:visited {
	font-size:11px;
	font-weight:normal;
	color:#CC0000;
}
.rpgsection a:hover {
	font-size:11px;
	font-weight:normal;
	color:#000000;
}
.boardsection a {
	font-size:11px;
	font-weight:normal;
}
.boardsection h1{
font-weight:bold;
font-size:12px;
text-align:left;
color:black;
text-decoration:none;
border:none;
margin:0;
padding:0 0 0 80px;
}
.minissection h1{
font-weight:bold;
font-size:12px;
text-align:left;
color:black;
text-decoration:none;
border:none;
margin:0;
padding:0 0 0 40px;
}
.familysection h1{
font-weight:bold;
font-size:12px;
text-align:left;
color:black;
text-decoration:none;
border:none;
margin:0;
padding:0 0 0 50px;
}
.cardsection h1{
font-weight:bold;
font-size:12px;
text-align:left;
color:black;
text-decoration:none;
border:none;
margin:0;
padding:0 0 0 50px;
}
.lansection h1{
font-weight:bold;
font-size:12px;
text-align:left;
color:black;
text-decoration:none;
border:none;
margin:0;
padding:0 0 0 80px;
}
.cardsection{
float:left;
margin:10px 0px 0px 30px;
width:225px;
height:175px;
background-image:url(../images/cards.jpg);
background-repeat:no-repeat;
font-size:0.9em;
padding:40px 15px 0px 60px;
}
.boardsection{
float:left;
margin:10px 0px 0px 30px;
width:225px;
height:239px;
background-image:url(../images/board.jpg);
background-repeat:no-repeat;
font-size:0.9em;
padding:40px 15px 0px 60px;
}
.minissection{
float:left;
margin:10px 0px 0px 30px;
width:225px;
height:175px;
background-image:url(../images/mini.jpg);
background-repeat:no-repeat;
font-size:0.9em;
padding:40px 15px 0px 60px;
}
.rpgsection{
float:left;
margin:10px 0px 0px 30px;
width:225px;
height:239px;
background-image:url(../images/rpg.jpg);
background-repeat:no-repeat;
font-size:0.9em;
padding:40px 15px 0px 60px;
}
.familysection{
float:left;
margin:10px 0px 0px 30px;
width:225px;
height:175px;
background-image:url(../images/family.jpg);
background-repeat:no-repeat;
font-size:0.9em;
padding:40px 15px 0px 60px;
}
.lansection{
float:left;
margin:10px 0px 0px 30px;
width:225px;
height:175px;
background-image:url(../images/lan.jpg);
background-repeat:no-repeat;
font-size:0.9em;
padding:40px 15px 0px 60px;
}
.dandd{
width:250px;
border-bottom:#999999 solid 1px;
border-top:#999999 solid 1px;
padding:10px 10px 5px 10px;
margin-bottom:20px;
background:#CCCCCC;
}
.boardgames{
width:250px;
border-bottom:#999999 solid 2px;
border-top:#999999 solid 2px;
padding:10px 10px 10px 10px;
margin-bottom:20px;
float:right;
}
.passport{
width:530px;
border-bottom:#999999 solid 1px;
border-top:#999999 solid 1px;
padding:10px 10px 5px 10px;
margin-bottom:20px;
background:#CCCCCC;
}
.smallhead{
margin-top:0px;
border-bottom:#003399 solid 1px;
font-weight:bold;
color:#003399;
}
.exhibitor{
width:176px;
float:left;
text-align:center;
margin:15px 0 10px 0;
padding:0 0 5px 0;
border-bottom:#000033 solid 1px;
height:115px;
}
.eventheader{
width:98.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:bold;
margin-left:10px;
border-bottom:#B31F1A 2px solid;
}
.eventrow{
width:98.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
margin-left:10px;
padding:5px 0 5px 0;
border-bottom:solid 1px #333333;
}
.events_note{
width:98.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left:10px;
padding:5px 0 5px 0;
}
.event_cathead{
width:98.5%;
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;
}
.event_sponsor{
width:100px;
float:left;
}
.event_age{
width:40px;
float:left;
text-align:center;
}
.event_day{
width:70px;
float:left;
text-align:center;
}
.event_start{
width:70px;
float:left;
text-align:center;
}
.event_end{
width:70px;
float:left;
text-align:center;
}
.event_limit{
width:50px;
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:10px;
}
.event_qty{
width:20px;
height:14px;
font-size:0.9em;
margin:0px;
padding:0px;
}
form{
margin-bottom: 0px;
padding-bottom:0px;
}
.offers{
font-size:0.8em;
font-weight:bold;
}
.special{
color:#FF0000;
text-align:center;
}
.counter{
color:#003399;
text-align:center;
font-weight:bold;
}
/* admin styles */
.datahead{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:bold;
margin:20px 0 10px 0;
padding-left:10px;
}
.ad_eventh{
width:100px;
float:left;
}
.ad_nameh{
width:200px;
float:left;
}
.ad_emailh{
width:300px;
float:left;
}
.ad_qtyh{
wdith:50px;
float:left;
}
.datarow{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
padding:5px 0 5px 10px;
}
.ad_event{
width:100px;
float:left;
}
.ad_name{
width:200px;
float:left;
}
.ad_email{
width:300px;
float:left;
}
.ad_qty{
wdith:50px;
float:left;
}
.qtyrow{
font-weight:bold;
text-align:right;
width:610px;
}
form.comp{
font-size:0.8em;
margin-left:30px;
}
#boardlinks{
list-style-type:none;
}
.ticketinfo{
margin:60px 0 0 0;
padding:10px;
float:left;
width:350px;
border:#333333 solid 1px;
background-color:#FFFF66;
}
.mimi{
margin-left:20px;
}
.expologin{
	text-align:center;
	font-size:0.7em;
	font-weight:bold;
	padding:10px;
	width: 965px;
	background-image:url(../images/loginback.jpg);
	background-repeat:no-repeat;
}
.loggedin{
font-size:1.2em;
color:#090;
font-weight:bold;
text-align:center;
}