/* General Markup Styles
---------------------------------------- */
* {
	/* Reset browser defaults */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-top: 0px;
}

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: transparent;
	margin: 0;
	height: 100%;
	padding: 1px 0;
}

h1 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	margin-right: 10px;
	vertical-align: bottom;
	color: #000000;
	margin-top: 6px;
	font-weight: bold;
	font-size: 1.55em;
}

h2 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 2em;
	margin: 0.8em 0 0.2em 0;
}

h3 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	color: #000000;
	margin-top: 20px;
}

h4 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.0em;
}

p {
	line-height: 1.3em;
	margin-bottom: 1.0em;
}

.didyouknow { 
 	font-size: 9px; 
	padding-bottom: 0px;
	line-height: 1.0em;
	margin-bottom: 0.0em;
	margin-top: 0.0em;
	vertical-align: bottom;
	
}
a.didyouknow:link   { text-decoration: none; color : #7C1212; }
a.didyouknow:visited { text-decoration: none; color : #8E6464; }
a.didyouknow:hover	{ text-decoration: none; color : #DD6900; }



/* Main blocks
---------------------------------------- */
#wrap {
	padding: 0 3px;
	min-width: 600px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom:0px;
}

#logo {
	float: left;
	width: auto;
	/* padding: 5px 7px 0 7px; */
}

a#logo:hover {
	text-decoration: none;
}

/* Top Right, most pages
--------------------------------------------- */
#top-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 40px;
	margin-right: 0px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#top-box #keywords {
	width: 90px;
	background-color: #FFF;
}

#top-box input {
	border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#top-box input.button1 {
	padding: 1px 5px;
}

#top-box img {
	vertical-align: middle;
	margin-right: 1px;
}

/* Site description and logo */
#site-description {
	float: left;
	width: 30%;
	vertical-align: bottom;	
}

/* Site description and logo */
#site-chatdescription {
	float: left;
	width: 100%;
	vertical-align: middle;	
}

#site-description h1 {
 	color: #FFFFFF;
	margin-right: 0;
	margin-top: -4px;
	vertical-align: bottom;
}


/* Site menu line */
#site-menu {
	float: left;
	vertical-align: bottom;	
	float: left;
	text-align: left;
	margin-top: 40px;
	white-space: nowrap; /* For Opera */
	
}

/* Search box
--------------------------------------------- */
#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 25px;
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#search-box #keywords {
	width: 95px;
	background-color: #FFF;
}

#search-box input {
	border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
	padding: 1px 5px;
}

#search-box li {
	text-align: right;
	margin-top: 4px;
}

#search-box img {
	vertical-align: middle;
	margin-right: 3px;
}


/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background: #ad6f44 none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 0px;
	padding: 0 5px;
	background-image: url('./images/headerbar_back.gif');
}

.menubar {
	background-color: #4c67dc;
	background-image:url('/images/menubar_back.gif');
	padding: 0 10px;
}

.navbar {
	background-color: #cadceb;
	background-image:url('/images/navbar_back.gif');
	padding: 0 10px;
	height:22px;
}

.footbar {
	white-space: nowrap;
	padding: 0 10px;
	margin-top: -19px;
	margin-left: -1px;
	margin-right: 2px;
	margin-bottom: -1px;
	clear: both;
}

.push { 
 	height: 19px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	clear: both;
}

.footer { 
 	font-family: Verdana, Arial; 
	font-size: 8pt;
	white-space: nowrap;
	margin-left: -3px;
	margin-top: -1px;
	float: left;
	clear: none;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: url('./images/corners_left.png');
	background-position: 0 0;
	margin: 0 -5px
}

span.corners-top span {
	background-image: url('./images/corners_right.png');
	background-position: 100% 0
}

span.corners-bottom {
	background-image: url('./images/corners_left.png');
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both
}

span.corners-bottom span {
	background-image: url('./images/corners_right.png');
	background-position: 100% 100%
}

.headbg span.corners-bottom {
	margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom, .menubar span.corners-top, .menubar span.corners-bottom, .footbar span.corners-top, .footbar span.corners-bottom {
	margin: 0 -10px;
}

.rules span.corners-top {
	margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom {
	margin: 5px -10px 0 -10px;
}

/* Horizontal lists
----------------------------------------*/
ul.linklist {
	margin: 0;
	width: 100%;
}

ul.linklist li {
 	display: inline;
	list-style-type: none;
	float: left;
	width: 100%;
	margin-right: 5px;
	font-size: 8pt;
	line-height: 0.9em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0px solid #FFFFFF;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}


/*  	
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
div.picleft {
  margin-bottom: .2em;
  width: auto;
}

div.totheleft {
  clear: left;
  margin-right: .5em;
}

div.picright {
  margin-bottom: .2em;
  width: auto;
}

div.totheright {
  float: right;
  clear: right;
  margin-left: .5em;
}

/* navbar fix */
* html .clearfix, * html .navbar, * html .menubar, ul.linklist {
	height: 14px;
}


/* Icon images
---------------------------------------- */
.sitehome						{ background-image: url("./images/icon_home.gif"); }
.icon-home						{ background-image: url("./images/icon_home.gif"); }

/* Popup Tip
---------------------------------------- */
#dhtmlpoptip {
	font-family: Verdana, Arial; 
	font-size: 8pt;
	padding-bottom: 0px;
	line-height: 1.3em;
	margin-bottom: 1.1em;
	position: absolute;
	width: 250px;
	border: 0px solid black;
	padding: 2px;
	background-color: transparent;
	visibility: hidden;
	z-index: 25;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color:gray, strength:5, direction=135);*/
}

/* Search box
--------------------------------------------- */
#search-box {
 	font-family: Verdana, Arial; 
	font-size: 8pt;
	color: #FFFFFF;
	position: absolute;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: -6px;
	display: block;
	white-space: nowrap; /* For Opera */
}

#search-box #keywords {
	width: 90px;
	background-color: #FFF;
	vertical-align: middle;
	height: 15px;
	background-position: 0 50%; 
	background-repeat: no-repeat; 
	background-image: url(./images/icon_search.gif); 
	padding: 0px 0 0 17px;
}

#search-box input {
 	font-family: Verdana, Arial; 
	font-size: 8pt;
	border: 1px solid #b0b0b0;
}

#search-box img {
	vertical-align: middle;
	margin-right: 3px;
}




.push { 
 	height: 33px;
	clear: both;
}

.footer { 
 	font-family: Verdana, Arial; 
	font-size: 8pt;
	white-space: nowrap;
	margin-left: -3px;
	margin-top: -1px;
	float: left;
	clear: both;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: url('./images/corners_left.png');
	background-position: 0 0;
	margin: 0 -5px
}

span.corners-top span {
	background-image: url('./images/corners_right.png');
	background-position: 100% 0
}

span.corners-bottom {
	background-image: url('./images/corners_left.png');
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both
}

span.corners-bottom span {
	background-image: url('./images/corners_right.png');
	background-position: 100% 100%
}

.postbody {
	background-color: #e1ebf2;
}