body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#ffffff;
	min-width:856px;		/* Minimum width of layout - remove line if not required */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align:center;
}
#fixed {
   margin:0 auto;
   width:856px;   /* you can use px, em or % */
   text-align:left;
}

	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
		height: 100px;
		background-image:url('../images/header_bar.gif'); 
		background-repeat: no-repeat;

	}
	#header ul {
	    clear:left;
	    float:left;
	    width:620px;
	    list-style:none;
	    margin: 0;
	    padding: 0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;

	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    position:relative;
		z-index: 0 
	    margin: 15px 0 0 0;
	    padding-top: 18px;
	    height: 30px;
		width: 70px;
		color: white;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
	}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#header li {
	float:left;
	position:relative; 
	}

/* second level background */
#header ul ul a.drop, #header ul ul a.drop:visited {
	background:#8fa5cc;
	}
/* style the second level hover */
#header ul ul a.drop:hover{
	background:#8fa5cc; 
	}
#header ul ul :hover > a.drop {
	background:#8fa5cc; 
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#header ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:46px;
	left:0; 
	width:78px;}

/* style the second level links */
#header ul ul a, #header ul ul a:visited {
	background:#8fa5cc; 
	color:#000; 
	height:auto; 
	line-height:1em; 
	padding: 5px 10px; 
	width:115px;
	border-width:1 ; 
	font-weight: 300; 
	font-size: 11px;
	text-align: left;
}

/* style the top level hover */
#header a:hover, #header ul ul a:hover{
	color:#ffffff; 
	background:#8fa5cc;
	}
#header :hover > a, #header ul ul :hover > a {}

/* make the second level visible when hover on first level list link */
#header ul li:hover ul,
#header ul a:hover ul{visibility:visible; z-index: 99; }

#topbar-login { 
	padding-left: 75px;  
	margin-top: 15px; 
	}
#topbar-login input { 
	color: #555555;
	}
	
#header p {
	color : #0000cc;
	font-weight: bold;
	font-size: 12px;
	}

	#left-nav ul {
	    clear:left;
	    float:left;
	    width:150px;
	    list-style:none;
	    margin: 0;
	    padding: 0;

	}

#left-nav li {
	background: #ffffff; 
	margin: 0 ;
	padding:0;

	vertical-align: middle;
	height: 26px;
	border-bottom: 0.1em solid #ddd;
}

#left-nav a { 
	display: block; 
	text-decoration: none; 
	padding: 0; 
	padding-top:5px;
	margin: 0;
	color: #333333;
	font-size: 12px;
	height: 26px;
	}

#left-nav a:hover { 
	background: #ddddff; 
	color: #333333;
	}
#left-nav a:visited { 
	color: #6e1a8b;
	}


#left-nav ul li, #left-nav ul li ul li  { 
	width: 160px; 
	}

#left-nav ul, #left-nav:hover ul li ul, #left-nav:hover ul li:hover ul li ul{ 
	width: 150px;
	list-style: none;
}

#left-nav:hover ul, #left-nav:hover ul li:hover ul, #left-nav:hover ul li:hover ul li:hover ul { 
	display:block; 
	}

	/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	 clear:both;
	 float:left;
	width:856px;		/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */

	padding-right: 10px;
	padding-left: 10px;
	}

	/* 2 column left menu settings */
	.leftmenu {

	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:200px; /* set overall width menu col */
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right: 0px;
	}
	.leftmenu .col1 {
        margin:0;
	    position:relative;
	    right:100%;
	    overflow:hidden; 

		min-height: 350px;
	}
    .leftmenu .col2 {
        float:left;
        width:200px;
        position:relative;
        right:200px;

}
#content { 
	width: 600px; 
	text-align: left;
}

#content-forum { width: 900px; }

	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		text-align: center;
    }
    #footer p {
        padding: 10px;
        padding-left:15px;
        margin:0;
		border-top: 0.1em solid #ddd;

		color: #333;
		font-size: 80%;
    }

#lw {
	background:#eeeeee;
	text-align:left;
}
#lw h2 {
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #56004e;
}

#lw p {
	margin:.4em 0 .8em 0;
	padding-top: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	
}
h1 { font-size: 120%;
	color: #0000cc;
	border-bottom: 0.1em solid #ddd;
	width: 600px;
	}
h2 {font-size: 100%; 
	border-bottom: 0.1em solid #ddd;

	color: #444;
}	

table.averages {
	width: 600px;
	border-style: solid;
	border-width: 1px;
	border-color: #0000cc;
}
table.averages th {
	color: #ffffff;
	padding: 5px;

	}
table.averages td {
	font-size: 85%;
	padding: 3px;
	border-top: 0.1em solid #888;
	}
table.averages tr.heading {
	background: #8fa5cc;
	font-size: 90%;
	}
.tawin {
 background-color: #99cc99; }
.talose {
 background-color: #cc0033; }
.tadraw {
 background-color: orange; }

table.forum {
	border-style: solid;
	border-width: 1px;
	border-color: #0000cc;
}
table.forum th {
	color: #ffffff;
	padding: 5px;

	}
table.forum td {
	font-size: 90%;
	padding: 3px;
	border-top: 0.1em solid #888;
	}
table.forum tr.heading {
	background: #8fa5cc;
	font-size: 90%;
	}
 th.lefthead {
	background: #8fa5cc;
	font-size: 90%;
	}
.form_question { 
	padding-top: 10px; 
	width: 250px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
	font-weight: 400;
	}
.form_answer {
	width: 350px;
	padding-top: 10px; 
	display: inline;
	float: left;
}
.forum-short strong {
	color: #3b5998;
	}
.forum-short  {
	font-size: 90%;
	color: #222;
	width: 630px;
	padding-top: 7px;
	}
	
	a {
	color: #3b5998;
	text-decoration: none;
	}
	a:hover  {
	text-decoration: underline;
	}