body {
	background-color: #EDEDE4;
	text-align: center;
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top: 12px;
	
}
h3 {
	font-size: 1.7em;
	text-transform: uppercase;
	margin-top:0px
}
#main {

	width: 800px;
	text-align: left;
}

/* LOGO colour CONTROLS */
#logo {
	FLOAT: left;
	WIDTH: 151px;
	HEIGHT: 100px;
}
.orange{
	background-image: url(images/logo_yella.png);
	margin-bottom:10px; margin-top:9px;
	background-repeat: no-repeat;
}
.blue{
	background-image: url(images/logo_blue.png);
	margin-bottom:10px; margin-top:9px;
	background-repeat: no-repeat;
}
.pink{
	background-image: url(images/logo_pink.png);
	margin-bottom:10px; margin-top:9px;
	background-repeat: no-repeat;
}
.green{
	background-image: url(images/logo_green.png);
	margin-bottom:10px; margin-top:9px;
	background-repeat: no-repeat;
}
.grey{
	background-image: url(images/logo.png);
	margin-bottom:10px; margin-top:9px;
	background-repeat: no-repeat;
}

/* LOGO colour CONTROLS end*/

#header {
	height: 100px;
	width: 599px;
	margin-left:10px; 	margin-bottom:10px; margin-top:10px;
	float: left;
}
/* LEFT COLUMN CONTROLS */
#leftcol {
	FLOAT: left; WIDTH: auto; HEIGHT: 400px
}
#search{margin:0px;
	height: 28px;
	width: 151px;padding:0px;
}
#search form{margin:0px}
.textbox {
	color: #6F8CC0;
	height: auto;
	width: 125px;
	border: 1px solid #BBB;
	margin-bottom: 3px;
}

#leftnav div{
	margin-top:6px;
	margin-bottom: 3px;
	font-size: 1.2em;
	text-transform: uppercase;
	list-style-type: none;
	height: 23px;
	width: 129px;
}
#leftnav div a {	
	color: #FFFFFF;
	height: 19px;
	width: 125px;
	margin-left: 0px;
	display: block;
	text-decoration: none;
	padding-top: 4px;
	padding-left: 4px;
}

/* Green */
#main_1 {background-color: #94A545;}

/* Pink */
#main_2 {background-color: #99417D;}

/* Orange */
#main_3 {background-color: #F78F1E;}

/* Blue */
#main_4 {background-color: #718AC0;}

/* Blue */
#main_6 {background-color: #718AC0;}

/* Grey - forum */
#main_5 {background-color: #C3C3C3;}

/* Grey Admin */
#main_8 {background-color: #C3C3C3;}



#leftnav div a:hover{
	color: #999999;
	background-color: #666666;}
	
#leftnav span {
	width: auto;
	display: block;
	height: auto;
	padding-top: 2px;
	padding-bottom: 2px;
}
#leftnav span a{
	font-size: 1em;
	color: #222;
	text-decoration: none;
	MARGIN-left: 3px;
	clear: both;
}
#leftnav span a.hilite{	
	color: #555;
}
#leftnav span a:hover{color:#666666}
#leftnav span p {
	MARGIN: 0px;
	padding: 0px;
}

#menus {
	font-size: 1.1em;
	color: #555;
}
#menus a{
	color: #6F8CC0;
	text-decoration: none;
}
#menus .button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #666666;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	height: 17px;
	width: auto;
	border: 1px double #333333;
}
#menus input {
	margin-left: 0px;
}
/* MAIN CONTENT CONTROLS */
#breadcrumb {
	font-size: 1.2em;
	color: #CCC;
	width: 409px;
	height: auto;
	text-transform: uppercase;
}
#breadcrumb a {
	color: #666;
	text-decoration: none;
}
#content {
	background-color: #FFF;
	float: left;
	height: auto;
	width: 380px;
	color: #555;
	margin-left: 10px;
	margin-right: 20px;
	padding-left: 10px;
	padding-top: 6px;
	padding-right: 10px;
}
#content_wide
{	background-color: #fff;
	float: left;
	height: auto;
	width: 565px;
	color: #555;
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 6px;
	padding-right: 10px;
text-align: left;
}
#content a, #content_wide a  {color:#6F8CC0;text-decoration: none;}
.incontent {font-family: "Trebuchet MS"; font-size: 1.1em;}
.incontent_wide { background-color: #fff;	height: auto;}
#rightContent {
	width: 165px;
	float: left;
}
#paneltop {
	background-color: #777;
	height: auto;
	width: 155px;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 5px;
	margin-bottom: 5px;
}
#paneltext {	
	font-size: 1em;
	color: #333333;
	background-color: #FFF;
	height: 100%;
	width: auto;
	padding: 5px;
	margin-bottom: 10px;
}
#paneltext a{
	color: #6F8CC0;
	text-decoration: none;}

/* footer content controls */

#footer {
	margin-top: 25px;
	width: auto;
	text-align: left;
	font-size: 1.2em;
	color: #555;
	text-transform: uppercase;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#footer a{
	color: #6F8CC0;
	text-decoration: none;
}
/* FORUM */
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #666666;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	height: 17px;
	width: auto;
	border: 1px double #333333;}

.tbox{
	color: #6F8CC0;
	height: auto;
	width: 200px;
	border: 1px solid #BBB;
	margin-bottom: 3px;
	margin-right: 0px;
}
.fborder{ margin-bottom:5px;
	border: 1px double #CCCCCC;
}

.forumheader {
color: #555; background-color: #DADDC5; padding:2px;
}

.fcaption{
color: #555; background-color: #BFBFA7; padding:2px;
}
#fcaption A:visited {
	color: #FFFFFF;
}
#fcaption A:link {
	color: #FFFFFF;
}
.forumheader2{
	border: 1px double #EEEEEE;
}
.forumheader3{
	border: 1px double #EEEEEE;
}
/* Forum END */
/*THE FOLLOWING PART IS FOR THE FONT CONTROL*/
.fontcontrol-text {	
	text-transform: uppercase; color:#666; width:auto; height:auto;margin-right:17px}
#fontcontrol {
	MARGIN: 0px;
	WIDTH: 150px;
	HEIGHT: 28px; padding:0px;

}
#fontcontrol UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#fontcontrol LI {
	BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left
}
#fontcontrol I {
	DISPLAY: block; FONT-SIZE: 1px; VISIBILITY: hidden
}
.font1 A:link {
	DISPLAY: block; BACKGROUND: url(images/01_font1.gif) no-repeat; WIDTH: 20px; HEIGHT: 18px
}
.font1 A:visited {
	DISPLAY: block; BACKGROUND: url(images/01_font1.gif) no-repeat; WIDTH: 20px; HEIGHT: 18px
}
.font2 A:link {
	DISPLAY: block; BACKGROUND: url(images/01_font2.gif) no-repeat; WIDTH: 20px; HEIGHT: 18px
}
.font2 A:visited {
	DISPLAY: block; BACKGROUND: url(images/01_font2.gif) no-repeat; WIDTH: 20px; HEIGHT: 18px
}
.font3 A:link {
	DISPLAY: block; BACKGROUND: url(images/01_font3.gif) no-repeat; WIDTH: 20px; HEIGHT: 18px
}
.font3 A:visited {
	DISPLAY: block; BACKGROUND: url(images/01_font3.gif) no-repeat; WIDTH: 20px; HEIGHT: 18px
}
.font1 A:hover {
	BACKGROUND-POSITION: 0px -18px
}
.font1 A:active {
	BACKGROUND-POSITION: 0px -18px
}
.font2 A:hover {
	BACKGROUND-POSITION: 0px -18px
}
.font2 A:active {
	BACKGROUND-POSITION: 0px -18px
}
.font3 A:hover {
	BACKGROUND-POSITION: 0px -18px
}
.font3 A:active {
	BACKGROUND-POSITION: 0px -18px
}
.hidden {
	DISPLAY: none
}
/*END NAVIGATION LINKS*/
/*SURVEY SECTION*/
#section {
	BACKGROUND-COLOR: #F59F1A;
	TEXT-ALIGN: left;
	width: 550px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 10px;
}
#section a{
	color: #ffffff;
	margin-left: 10px;
	font-size: 1.5em;
}

DIV.survey_title {
	FONT-SIZE: 1.3em;
	
	MARGIN-LEFT: 20px;
	TEXT-ALIGN: left;
	color: #6F8CC0;
}

# a1, a2, a3, a4, a5{ width: 200px; text-align:left;

}
span.survey_left{
	font-size: 1.2em;
	text-align:left;
	vertical-align: top;
}
span.survey_right{
	text-align:left;
	margin-right: 20px;
}
#survey_item {
	vertical-align: top;	height: auto;
	width: 490px; 	text-align: right; margin-right:0px
}
#survey_item_big {
	VERTICAL-ALIGN: top;
	WIDTH: 440px;
	MARGIN-RIGHT: 0px;
	HEIGHT: auto;
	TEXT-ALIGN: left;
	margin-left: 100px;
	margin-top: 10px;
}
#survey_item_big textarea {WIDTH: 370px}
#survey_note {	
	WIDTH: auto;
	MARGIN-RIGHT: 0px;
	TEXT-ALIGN: left;
	margin-left: 100px;
	margin-top: 5px;}

#myform {margin:10px}