body, #main{height: 100%;}
body {
background-image: url('images/bg.gif');
	font-size: 12px;
}
a{ text-decoration: none; }
div { display: inline;
} 
img
{
border-style: none;
text-decoration: none;
display: inline;
} 
table {
border-collapse: collapse;
border-spacing: 0px;
border: 0px;
}
td {
padding:0px;
border-spacing: 0px;
border: 0px;
}


	/* Important things */
	.left {
		width: 30px;
		background-image: url('images/border-left.gif');
		background-repeat: repeat-y;
	}
	.right {
		width: 30px;
		background-image: url('images/border-right.gif');
				background-repeat: repeat-y;
	}
	#footer {
	vertical-align: text-top;
	background-color: #FFFFFF;
	}
	#mainbot {
	background-image: url('images/main-bot.gif');
	height: 20px;
	background-repeat: no-repeat;
	background-color: #FFF;
	}
	#maintop {
	background-image: url('images/main-top.gif');
	height: 20px;
	}
	#flag-left{
	width: 30px;
	height: 115px;
	background-image: url('images/flag-border-left.gif');
	}
	#flag-right{
	width: 30px;
	height: 115px;
	background-image: url('images/flag-border-right.gif');
	}
	#flag-mid{
	width: 640px;
	height: 115px;
	background-image: url('images/flag-center.gif');
	}
		#controls {
			width: 178px;
			height: 228px;
		position:absolute;
		top:186px;
		left: 50%;
		margin-left: -498px;
		background-image: url('images/secondmenu.gif');
		text-align: center;
		background-repeat: no-repeat;
		font-weight: bold;
	}
	#big {font-size: 120%; font-weight: bolder;}
	#mainrow {
		background-image: url('images/main-mid.gif');
		background-repeat: repeat-y;
		text-align: center;
	}
		td, div, table {	text-align: center;
		vertical-align: top;}
#maincell {background-image: url('images/main-grad.gif');
	background-repeat: no-repeat;
	width: 640px;
margin-right: auto;
margin-left:auto; 
	vertical-align: top;
}
#pagespacer{
width: 35px;
}
#spacertable{
	width: 100%;
text-align: center;
}

  div { 
  	text-align: center;
	vertical-align: top;
  display: inline;
   }
.head {background-color: #3399ff; text-align:center;}
.WoW-msg{
text-align: left;
background-color: #FFF;
}
#stats{
width: 475px;
background-color: #090;
border: 1px solid #030;
color:#FFF;
padding: 9px;
text-align: center;
margin-left: 50px;
}
h{
font-size: 17px;
font-weight: bold;
}
  /* Forums Only */
  table#main {
  	   position:absolute;
  top:0px;
      left: 50%;
    margin-left: -350px;
  }  
  .postdate{
  text-align: left;
  font: 90% 'trebuchet ms',helvetica,sans-serif;
  }

  .admin{color: #4CC417;
  }
  .gm{color: #6698FF;
  }
  
  #recipricol {
  width: 100%;
  text-align: center;
  }
  /* Window Stuffz */
  table.win {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  }
  
  	td.lt {
	width: 35px;
	height: 35px;
	background-image: url('images/win/lt.gif');
	background-repeat: no-repeat;
	}
	td.rt {
	width: 35px;
	height: 35px;
	background-image: url('images/win/rt.gif');
	background-repeat: no-repeat;
	}
	td.lb {
	width: 35px;
	height: 35px;
	background-image: url('images/win/lb.gif');
	background-repeat: no-repeat;
	}
	td.rb {
	width: 35px;
	height: 35px;
	background-image: url('images/win/rb.gif');
	background-repeat: no-repeat;
	}
	td.b {
	height: 35px;
	background-image: url('images/win/b.gif');
	}
	td.r {
	width: 35px;
	background-image: url('images/win/r.gif');
	}
	td.l {
	width: 35px;
	background-image: url('images/win/l.gif');
	}
	td.center {
	padding-top: 5px;
	text-align: center;
	}
	td.t {
		color: #FFF;
		text-align: center;
		font-weight: bold;
		background-image: url('images/win/t.gif');
		background-repeat: repeat-x;
		height: 35px;
		vertical-align: bottom;
		max-height: 35px;
	}
  
  
  
  /* MENU */
  #menuh-container
	  {
  margin-top: 15px;
	  }
  
  #menuh
	  {
	  font-size: small;
	  font-family: arial, helvetica, sans-serif;
	  width:555px;
	  margin-top: 1em;
	  display:inline;
	  }
		  
  #menuh a
	  {
	  text-align: center;
	  display:block;
	  border: 1px solid #555;
	  white-space:nowrap;
	  margin:0;
	  padding: 0.3em;
	  }
	  
  #menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	  {
	  color: white;
	  background-color: #2B60DE;
	  text-decoration:none;
	  }
	  
  #menuh a:hover						/* menu on mouse-over  */
	  {
	  color: white;
	  background-color: #151B8D;
	  text-decoration:none;
	  }	
	  
  #menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	  {
	  background-image: url('navdown_white.gif');
	  background-position: right center;
	  background-repeat: no-repeat
	  }
	  
  #menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	  {
	  background-image: url('nav_white.gif');
	  background-position: right center;
	  background-repeat: no-repeat
	  }
  
  #menuh ul
	  {
	  list-style:none;
	  margin:0;
	  padding:0;
	  float:left;
	  width:110px;	/* width of all menu boxes */
	  /* NOTE: For adjustable menu boxes you can comment out the above width rule.
	  However, you will have to add padding in the "#menh a" rule so that the menu boxes
	  will have space on either side of the text -- try it */
	  }
  
  #menuh li
	  {
	  position:relative;
	  min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	  vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	  }
  
  #menuh ul ul
	  {
	  position:absolute;
	  z-index:500;
	  top:auto;
	  display:none;
	  }
  
  #menuh ul ul ul
	  {
	  top:0;
	  left:100%;
	  }
  
  div#menuh li:hover
	  {
	  cursor:pointer;
	  z-index:100;
	  }
  
  div#menuh li:hover ul ul,
  div#menuh li li:hover ul ul,
  div#menuh li li li:hover ul ul,
  div#menuh li li li li:hover ul ul
  {display:none;}
  
  div#menuh li:hover ul,
  div#menuh li li:hover ul,
  div#menuh li li li:hover ul,
  div#menuh li li li li:hover ul
  {display:block;}
  
  /* End CSS Drop Down Menu */
  
  
  
  /* Control Menu */
  #controlhead 
  { font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
  width: 100%;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  position: relative;
  margin: 0 auto;
   }
  #blueblock{
  width: 180px;
  padding: 0 0 1em 0;
  margin-bottom: 1em;
  font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
  font-size: 90%;
  vertical-align:bottom;
  color: #333;
  }
  
  * html #blueblock{ /*IE 6 only */
  width: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
  }
  
  #blueblock ul{
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  }
  
  #blueblock li {
  border-bottom: 1px solid #90bade;
  margin: 0;
  }
  
  #blueblock li a{
  display: block;
  padding: 5px 5px 5px 8px;
  border-left: 10px solid #1958b7;
  border-right: 10px solid #508fc4;
  background-color: #2175bc;
  color: #fff;
  text-decoration: none;
  width: 100%;
  }
  
   #blueblock li a{ /*Non IE6 width*/
  width: auto;
  }
  
  #blueblock li a:hover{
  border-left: 10px solid #1c64d1;
  border-right: 10px solid #5ba3e0;
  background-color: #2586d7;
  color: #fff;
  }
  
  
  /*table components */
  .windowbg
{
	color: #323232;
	background-color: #F5F6FA;
}
.windowbg2
{
	color: #323232;
	background-color: #FAFBFD;
}
.catbg, tr.catbg td 
{
	background: url('images/catbg.gif') #135F95 repeat-x;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding: 5px 5px 5px 10px;
}
.catbg
{
	border-bottom: solid 0px #375576;
	font-weight: bold;
	
}
.catbg a:link, .catbg a:visited
{
	color: white;
	text-decoration: none;
}
.catbg a:hover
{
	color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: #D2D6D9;
	border-color: #D2D6D9;
	padding: 0px;
}
  

.forumcat a{
	text-decoration: none;
	color: #36C;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.forumcat{
	background-color: #FFF;
	padding: 3px;
	text-align: center;
}
.forumthr a{
	text-decoration: none;
	color: #36C;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.forumthr{
	background-color: #FFF;
	padding: 5px;
	text-align: center;
}
td.tabwrap{border-spacing: 3px;
border: 2px;
}
table.tabwrap{
	background-image: url('images/tab-grad.gif');
	background-repeat: repeat-x;
	background-color: #c6d9ff;
	border: 1px solid #666;
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px
	}
td.tablabel {
	background-image: url('images/catbg.gif');
	height: 19px;
	text-align: center;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle
	}
	td.tabcolid {
	padding: 1px;
	background-color: #c6d9ff;
	text-align: center;
	}
	td.tabdat {
	background-color: #FFF;
	padding: 5px;
	}
	.phtabdat {
	background-color: #FFF;
	padding: 5px;
width: 120px;
  font: 90% 'trebuchet ms',helvetica,sans-serif;
	}

	.pbtabdat {
	background-color: #FFF;
	padding: 5px;
width: 450px;
text-align: left;
  font: 90% 'trebuchet ms',helvetica,sans-serif;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
form li{
	display:block;
	margin:0;
	padding:6px 5px 9px 9px;
	clear:both;
}
form li:after, form li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html form li{height: 1%;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}

form li div, form li span{
	margin:0 .3em 0 0;
	padding:0;
	color:#444;
}
form li span{
	float:left;
}

.center, 
form li span.center input.text, form li span.center label,
form li.name input.text, form li.name span label,
form li.date input.text, form li.date span label, 
form li.phone input.text, form li.phone span label,
form li.time input.text, form li.time span label{
	text-align:center;
}
form li.time select.select{
	margin-left:5px;
}

form li div.col span{
	display:block;
	width:100%;
	float:left;
	padding:0;
}
li.twoColumns div.col span{
	width:48%;
	margin:0 5px 0 0;
}
li.threeColumns div.col span{
	width:30%;
	margin:0 5px 0 0;
}
li.notStacked div.col span{
	width:auto;
	margin:0 7px 0 0;
}


form li.complex{
	padding-bottom:0;
}
form li div span.left, form li div span.right{
	margin:0;
	width:47%;
}
form li div span.full input, 
form li div span.full select, 
form li div span.left input, 
form li div span.right input,
form li div span.left select,
form li div span.right select{
	width:100%;
}