* {
	margin: 0;
	padding: 0;
}
html {
	min-height: 900px;
	background: #ffffff url(../images/bg-tile.jpg) repeat-y center top;
}
	body {
		font-weight : none;
		font-family : Verdana;
		font-size: 12px;
		text-decoration : none;
		color: #333333;
		background: url(../images/bg.jpg) no-repeat center top;
		min-height: 900px;
	}
		#wrapper {
			width: 1040px;
			margin-left: auto;
			margin-right: auto;
		}
		#header {
			width: 1040px;
			height: 150px;
		}
		#navigation {
			width: 1040px;
			height: 26px;
			color: #ffffff;
		}
			#navigation ul {
				margin-top: 10px;
				margin-left: 10px;
				list-style-type: none;
			}
				#navigation ul li {
					float: left;
					padding-left: 23px;
					padding-right: 15px;
				}
				#navigation ul li.news {		background: url(../images/navigation-news.gif) no-repeat left top; }
				#navigation ul li.information {	background: url(../images/navigation-information.gif) no-repeat left top; }
				#navigation ul li.forum {		background: url(../images/navigation-forum.gif) no-repeat left top; }
				#navigation ul li.media {		background: url(../images/navigation-media.gif) no-repeat left top; }
				#navigation ul li.contact {		background: url(../images/navigation-contact.gif) no-repeat left top; }
					#navigation ul li a {
						color: #ffffff;
					}
						#navigation ul li a:hover{
							color: #ffffff;
							text-decoration: none;
							border-bottom: 1px dashed #ffffff;
						}
		#content {
			width: 1020px;
			padding: 10px;
		}
			#left {
				float: left;
				width: 580px;
				overflow: hidden;
			}
			#middle {
				float: left;
				width: 190px;
				margin-left: 10px;
				overflow: hidden;
			}
				#feature {
					width: 580px;
					height: 300px;
					margin-bottom: 10px;
				}
			#right {
				float: left;
				width: 230px;
				margin-left: 10px;
				overflow: hidden;
			}
		#footer {
			clear:both;
			width: 1020px;
			padding: 10px;
		}
		#copyright {
			clear:both;
			width: 1020px;
			padding: 10px;
			text-align: center;
		}

	div.bar_graph {
		margin-top: 5px;
		display: block;
		height: 5px;
		width: auto;
		padding: 1px;
		background-color: #f0f0f0;
		border: 1px solid #c0c0c0;
	}
		div.bar_graph span {
			display: block;
			height: 5px;
			background-color: #c0c0c0;
		}

/* This is the outline round the main forum tables */
.forum_body
{
    background-color: #FFFFFF;
    border: 1px #006699 solid;
}

/* Main table cell colours and backgrounds */
td.row1
{
    background-color: #EFEFEF;
}
td.row2
{
    background-color: #DEE3E7;
}
td.row3
{
    background-color: #D1D7DC;
}

/* Information Boxes */
.box_solid
{
    background-color: #FFFFFF;
    border: 1px #000000 solid;
}
.box_dashed
{
    background-color: #FFFFFF;
    border: 1px #000000 dashed;
}

/* Table Row Colours (Comments, Forum Posts) */
table.row1
{ 
    background-color: #C8C6C9; 
    border: 1px solid;
    border-color: #000000; 
}

table.row2
{ 
    background-color: #93A4B8; 
    border: 1px solid;
    border-color: #000000; 
}

/* Calender Colours */
.main
{
    width:200px;
    border:1px solid black;
}

.month
{
    background-color:#e0e0e0;
    font:bold 12px verdana;
    color:#000000;
}

.daysofweek
{
    background-color:#f0f0f0;
    font:bold 12px verdana;
    color:#000000;
}

.days
{
    font-size: 12px;
    font-family:verdana;
    color:black;
    background-color: #ffffff;
    padding: 2px;
}

.days #today
{
    font-weight: bold;
    color: red;
}

/* PM */
tr.pm_highlight
{ 
    background-color: #c3d4e8; 
    border: 0;
}
tr.pm_div
{ 
    background-color: #000000; 
    border: 0;
}

/* Form Elements */
.textbox
{
    background-image: url('../images/textbox_back.gif'); 
    background-color: #575656; 
    border-bottom: 1px outset #cccccc; 
    border-left: 1px outset #000000; 
    border-right: 1px outset #999999; 
    border-top: 1px outset #000000; 
    color: #bbbbbb; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px
}

.textarea
{
    background-image: url('../images/textbox_back.gif'); 
    background-color: #575656; 
    border-bottom: 1px outset #cccccc; 
    border-left: 1px outset #000000; 
    border-right: 1px outset #999999; 
    border-top: 1px outset #000000; 
    color: #bbbbbb; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px
}

.textarea_shout
{
    background-image: url('../images/textbox_back.gif'); 
    background-color: #575656; 
    border-bottom: 1px outset #cccccc; 
    border-left: 1px outset #000000; 
    border-right: 1px outset #999999; 
    border-top: 1px outset #000000; 
    color: #bbbbbb; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px;
    scrollbar-face-color: #D2D2D2;
    scrollbar-shadow-color: #A5A5A5;
    scrollbar-highlight-color: #DFDFDF;
    scrollbar-3dlight-color: #4A4A4A;
    scrollbar-darkshadow-color: #4A4A4A;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #4A4A4A
}

.button
{
    background-image: url('../images/textbox_back.gif'); 
    background-color: #575656; 
    border-bottom: 1px outset #cccccc; 
    border-left: 1px outset #000000; 
    border-right: 1px outset #999999; 
    border-top: 1px outset #000000; 
    color: #bbbbbb; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px
}

.option_button 
{
    background-color : #EFEFEF;
    color : #000000;
    font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid #D1D7DC 1px;
}

.option_combo
{
    background-color : #EFEFEF;
    color : #000000;
    font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid #D1D7DC 0px;
}

.helpline 
{ 
    background-color: transparent; 
    border-style: none; 
    font-weight : none;
    font-family : Verdana;
    font-size: 12px;
    color : #787878;
    text-decoration : none;
}

/* Fonts */

.red
{
    color : #ff0000;
}

.green
{
    color : #009900;
}

.heading
{
    font-weight : none;
    font-family : arial black, arial, Verdana;
    font-size: 22px;
    color : #31405A;
    text-decoration : none;
    text-transform : uppercase;
}

.sub_heading, .side_heading
{
    font-weight : bold;
    font-family : arial;
    font-size : 14px;
    color : #31405A;
    text-decoration : none;
}

.news_title
{
    font-weight : bold;
    font-family : Verdana;
    font-size : 14px;
    color : #444444;
    text-decoration : none;
}

.poll_title
{
    font-weight : bold;
    font-family : Verdana;
    font-size : 12px;
    color : #000000;
    text-decoration : none;
}

.news_posted_by
{
    font-weight : none;
    font-family : Verdana;
    font-size: 12px;
    color : #333333;
    text-decoration : none;
}

.norm, .poll_text, .news_text, .side_content, .copyright, .user_info
{
    font-weight : none;
    font-family : Verdana;
    font-size: 12px;
    color : #000000;
    text-decoration : none;
}

.norm a:link, .norm a:visited, .norm a:active, .news_text a:link, .news_text a:visited, .news_text a:active, .news_posted_by a:link, .news_posted_by a:visited, .news_posted_by a:active, .poll_text a:link, .poll_text a:visited, .poll_text a:active, .side_content a:link, .side_content a:visited, .side_content a:active, .copyright a:link, .copyright a:visited, .copyright a:active, .user_info a:link, .user_info a:visited, .user_info a:active, a:link, a:visited, a:active
{
    font-weight : bold;
    color : #000000;
    text-decoration : none;
}

.norm a:hover, .news_text a:hover, .news_posted_by a:hover, .poll_text a:hover, .side_content a:hover, .copyright a:hover, .user_info a:hover, a:hover
{
    color : #999999;
    text-decoration : none;
}
