@charset "utf-8";
/* CSS Document */

/* default to 0px margin & padding */
* {
	margin: 0px;
	padding: 0px;
}
/* set container box */
#wrapper {
position:relative;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center top;
}
/*Navigation elements */
#mainNavigation {
	height: 35px;
	float: left;
	text-align: left;
	width:850px;
	
}
#header #adminNav {
	float: left;
	width: 80px;
	padding-left: 10px;
}
#nav {
	margin: 0;
	height: 35px;
	list-style: none;
	display: inline;
	overflow: hidden;
	padding-top: 0;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0;
	float: right;
	}

#nav li {	margin: 0; 	padding: 0;        list-style: none;	display: inline;	}

#nav a {	float: left;	padding: 35px 0 0 0;	overflow: hidden;	height: 0px !important; 	
height /**/:20px; /* for IE5/Win only */
	}
	
#nav a:hover {	background-position: 0 -35px;	}

#nav a:active, #nav a.selected {	background-position: 0 -40px;	}
	
#Terms {padding:30px;}

.HelpImg {padding-bottom:8px;}

/*position content */
#mainContent {
	float: left;
	width: 280px;
	padding-right: 20px;
	padding-left: 20px;
}
#mainContent2 {
	float: left;
	width: 540px;
	padding-right: 20px;
	padding-left: 20px;
}
/* FOOTER PANEL CSS */
#mainfooterPanel, #footerPanel, #messagePanel  {
	width: 850px;
	padding-top: 10px;
	float: left;
	margin-top: 10px;
}
#forum {
	width: 300px;
	float: left;
}
#updatedProfiles {
	width: 520px;
	float: left;
}
#topics{
	width: 255px;
	float: left;
}
#mainfooterPanel .bgcolour, #footerPanel .bgcolour, #messagePanel .bgcolour {
	float: left;
	width: 820px;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-right: 15px;
	padding-left: 15px;
}
#mainfooterPanel .ft, #footerPanel .ft, #messagePanel .ft {
	height: 40px;
	clear: both;
	width: 850px;
}
#midPanel  {
	width: 543px;
	padding-top: 10px;
	float: left;
	margin-top: 10px;
}
#midPanel .bgcolour {
	float: left;
	width: 483px;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-right: 30px;
	padding-top: 10px;
	padding-left: 30px;
}
#midPanel .ft {
	height: 40px;
	clear: both;
	width: 543px;
}


#greyBox {
	margin-left: 10px;
	padding-top: 10px;
}

/*Header elements */
#header {
	float: left;
}
#logo {
	float: left;
	padding-top: 40px;
	padding-left: 35px;
	padding-bottom:15px;
	height: 90px;
	width: 217px;
}
.hide {
	display: none;
}

#SearchForm {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 25px;
	float: right;
}
#SearchForm label {
color: #15CCCA;
font-size: 0.70em;
font-weight: bold;
}
/*position content */
#rightColumn {
	float: right;
	width: 255px;
	padding-right: 10px;
}
#leftColumn {
	float: left;
	width: 255px;
	padding-left: 10px;
}
/*set each panel with 10px top-padding for rounded corner */
#myResourcesBox, #favouriteBox, #colourBox, #blackBox, #fsearchBox, #whiteBox, #greyBox, #controlBox{
	padding-top: 10px;
	width: 255px;
	padding-bottom: 10px;
	float: left;
}

/*Set each panels footer with 25px height for grunge or bottom rounder corner */
#favouriteBox .ft, #myResourcesBox .ft, #colourBox .ft, #blackBox .ft, #fsearchBox .ft, #whiteBox .ft,  #greyBox .ft, #controlBox .ft {
	height: 25px;
}

/*For gradient background and panel padding left/right*/
#favouriteBox .bgcolour, #myResourcesBox .bgcolour, #blackBox .bgcolour, #fsearchBox .bgcolour,  #whiteBox .bgcolour, #colourBox .bgcolour, #greyBox .bgcolour,  #controlBox .bgcolour{
	padding-right: 15px;
	padding-left: 15px; padding-bottom:0px;

}
#wrapper #footer {

	width: 850px;
	padding-top: 20px; padding-bottom:20px;
	clear: both;
}


/* ACTIVE USERS NAME - ADMINISTRATOR COLOUR */
.AU3 a:link {color:#ff3300; text-decoration:none; font-family:arial; font-weight:bold;}
.AU3 a:visited {color:#ff3300; text-decoration:none; font-family:arial; font-weight:bold;}
.AU3 a:hover {color:#000000; text-decoration:underline; font-family:arial; font-weight:bold;}

/* ACTIVE USERS NAME - MODERATOR COLOUR */
.AU2 a:link {color:#ff9900; text-decoration:none; font-family:arial; font-weight:bold;}
.AU2 a:visited {color:#ff9900; text-decoration:none; font-family:arial; font-weight:bold;}
.AU2 a:hover {color:#000000; text-decoration:underline; font-family:arial; font-weight:bold;}

/* ACTIVE USERS NAME - MEMBER COLOUR */
.AU1 a:link {color:#ffffff; text-decoration:none; font-family:arial; font-weight:bold;}
.AU1 a:visited {color:#ffffff; text-decoration:none; font-family:arial; font-weight:bold;}
.AU1 a:hover {color:#000000; text-decoration:underline; font-family:arial; font-weight:bold;}

#wrapper #cssSwitch {
position:absolute;
top:135px;
right:10px;
padding-top: 500x;
	width: 250px;
	height: 40px;
	float: right;
	
}
#wrapper #cssSwitch .colourselect {
	width: 130px;
	float: right;

	
}
#wrapper #cssSwitch #title {
	float: left;
	padding-top: 12px;
	padding-left: 20px;
	font-weight: bold;
}
.imgpadding5px {
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
}
#controlPanel{
margin:0px; padding:0px;
}
#messageAlert{padding:30px; font-weight:bold;}


.HiddenIESearch {visibility:hidden; overflow:hidden; position:absolute; bottom:0px; left:0px; width:0px; height:0px;}
.contentBox{ padding-left:20px; padding-right:20px}
.clear {clear:both;}
ul, ol {
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
}