html, body {
	background-color: #954A00;	
}

#grain {
	
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";  /* IE 8 & 9 */
  filter: alpha(opacity=40); /* IE 5, 6, 7 */
  -moz-opacity:0.4; /* Firefox 0.9+ */
  -khtml-opacity:0.4; /* Safari 1+ */
  opacity:0.4; /* Firefox 0.9+, Safari 2+, Chrome 1+, Opera 9+, IE 9+ */	background: url("../images/Backgrounds/grainBlack.png"); /*auto black*/		
}

#navigationBar {
	
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  border-radius:8px;	
	background-color: #954A00;
}

.navDropDownBtn:hover, .navDropDownBtn:active {
	background-color: #550a00;
}

#shadow {
	
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  /* IE 8 & 9 */
  filter: alpha(opacity=50); /* IE 5, 6, 7 */
  -moz-opacity:0.5; /* Firefox 0.9+ */
  -khtml-opacity:0.5; /* Safari 1+ */
  opacity:0.5; /* Firefox 0.9+, Safari 2+, Chrome 1+, Opera 9+, IE 9+ */}

#footer {
	
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  /* IE 8 & 9 */
  filter: alpha(opacity=50); /* IE 5, 6, 7 */
  -moz-opacity:0.5; /* Firefox 0.9+ */
  -khtml-opacity:0.5; /* Safari 1+ */
  opacity:0.5; /* Firefox 0.9+, Safari 2+, Chrome 1+, Opera 9+, IE 9+ */}


/* UNIVERSAL LINK COLOURS */
a:link, a:visited {
	color: #550a00;
	text-decoration: none;
}

a:hover, a:active {
	color: #d4893f;
	text-decoration: underline;
}

/* FONT COLOURS */
.fontCol-Darkest {
	color: #2f0000;
}

.fontCol-Dark {
	color: #550a00;
}

.fontCol-Original {
	color: #954A00;
}

.fontCol-Light {
	color: #d4893f;
}

.fontCol-Lightest {
	color: #fbb066;
}


/* BACKGROUND COLOURS*/
.bgCol-Darkest {
	background-color: #2f0000;
}

.bgCol-Dark {
	background-color: #550a00;
}

.bgCol-Original {
	background-color: #954A00;
}

.bgCol-Light {
	background-color: #d4893f;
}

.bgCol-Lightest {
	background-color: #fbb066;
}


/* BORDER COLOURS */
.border-Darkest {
	border-color: #2f0000;
}

.border-Dark {
	border-color: #550a00;
}

.border-Original {
	border-color: #d4893f;
}

.border-Light {
	border-color: #d4893f;
}

.border-Lightest {
	border-color: #fbb066;
}

/* You can place elements below this line where a class/ID needs to use the above colour theme elements, instead of using wholesite.css and main.css */


.leftText
{
	clear: both;
	font-size: 13px;
	float: left;
	color: #d4893f;
}

.rightText
{
	font-size: 13px;
	float: left;
	color: #fbb066;
	margin-left: 10px;
}

/* Controls the Member Name colouring */
.MemberName 
{
	background-color: #fbb066;
	color: #2f0000;
	font-size: 13px;
}