html{height: 100%;}

body
{ font: 62.5%/1.4  Courier, Tahoma, Arial, sans-serif;
  background: #ccc url(bg.gif) repeat-x;
  padding: 0px;
  margin:12px;
  font-size: 1em;
}


h1
{
	font: 62.5%/1.4 Trebuchet, Arial, sans-serif;
		font-variant:small-caps;
	font-size: 1.4em;
	padding: 4px 4px 0px 24px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color: #333;
}

h2
{
	font: 62.5%/1.4 Courier, Arial, sans-serif;
	font-size: 1.24em;
	padding: 4px 0px 2px 4px;
	margin: 0px 0px 0px 0px;
	color: #111;	
}

h3
{
	font-size: 0.8em;
	padding: 16px 12px 6px 12px;
	margin: 0px 0px 0px 0px;
	color: #FF9900;
	}

h4
{
	font-size: 0.9em;
	padding: 0px 4px 4px 4px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color: #222;
}

h5
{ 
	font-size: 0.9em;
	padding: 4px 0px 0px 720px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color: #FF6699;
	letter-spacing: .09em;
}

h6
{
	font-size: 0.9em;
	padding: 8px 16px 8px 16px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color: #66ccee;
	border: 1px dashed #888;
	background: #222;
}

h7
{
	font-size: 0.9em;
	padding: 8px 16px 8px 16px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color: #006699;
	border: 1px dashed #888;
	background: #aaa;
}

img
{ border: 1px #eee dotted; 
  margin: 1px; 
  padding: 3px; 
}

a:link {
	text-decoration: none;
	color: #111;
	padding: 2px;
	border-bottom-color: #CCFF33;
	border-bottom: 1px dotted;
}

a:visited {
	text-decoration: none;
	color: #111;
	padding: 2px;
	border-bottom-color: #FF9900;
	border-bottom: 1px dotted;
}
a:hover {
	text-decoration: none;
	color: #333;
	background: #eee;
	padding: 2px;
	border-bottom: 0px dotted;
}
a:active {
		text-decoration: none;
	color: #CCFF33;
	background: #000;
	padding: 2px;
	border-bottom: 1px dotted;
}

/* unordered list */
ul
{ margin: 0px 0px 0px 0px;
  padding: 0px;
}

ul li
{
  margin: 0px 0px 0px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #site_content
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main
{width: 1000px;
 height: auto;
 background: #ccc;

}

/* logo */
#logo
{ width: 1000px;
  height: 103px;
  border: 0px dotted;
  background: #ccc url(logo.jpg) no-repeat;
}

#logo a:link {
	text-decoration: none;
	color: #FF9900;
	padding: 1px;
}

 #logo a:visited {
	text-decoration: none;
	color: #FF9900;
	padding: 1px;
}
 #logo a:hover {
	text-decoration: none;
	color: #000;
	padding: 1px;
	border-bottom: 0px dashed #000;
	background: #eee;
	
}
 #logo a:active {
	text-decoration: none;
	border-bottom: 1px dashed #999;
	padding: 1px;
	color: 
}


/* navigation menu */
#menubar
{ height: 40px;
  width: 986px;
    padding: 4px 0px 0px 14px;
	float: left;
	border-bottom: 1px solid #aaa;
	background: #dedede;

} 

/* main content */
#site_content
{ overflow: hidden;
  padding: 0px 0px 0px 0px;
  width: 1000px;
  height: auto;
  border: 0px dashed #ccc;
  background: #222;

}

/* sidebar */
.sidebar
{ float: left;
  width: 210px;
  height: 530px;
  padding: 0px 10px 0px 20px;
  border: 0px dotted;
  background: #ccc;
}

.sidebar2
{ float: right;
  width: 240px;
    height: 530px;
  padding: 0px 0px 0px 0px;
  border: 0px dotted;
  background: #ccc;
}

/* page content */
#content
{ text-align: left;
  float: left;
  width: 518px;
  height: 530px;
  padding: 0px 0px 0px 2px;
  background: #ccc;
}


#content a.colour, #content a.colour:hover
{ border-bottom: 0px dotted;

}

/* footer */
#footer
{
	height: auto;
	width: 1000px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	border: 0px dotted;
	background: #222;
}



#footer5
{
	height: 30px;
	width: 1000px;
	padding: 8px 0px 4px 0px;
	text-align: center;
	border: 0px dotted;
	background: #ccc;
}


#footer a:link {
	text-decoration: none;
	color: #eee;
	padding: 1px;
	border-bottom: 0px;
}

 #footer a:visited {
	text-decoration: none;
	color: #FFffa0;
	padding: 1px;
	border-bottom: 0px;
}
#footer a:hover {
	text-decoration: none;
	color: #000;
	padding: 1px;
	background: transparent;
	border-bottom: 0px;
	
}
#footer a:active {
	text-decoration: none;
	padding: 1px;
	color: 
	border-bottom: 0px;
}

#footer img
{ border: 0px #eee dotted; 
  margin: 16px 0px 0px 0px;
  padding: 0px 1px 0px 1px; 
}