body {
	text-align: center;
	background: url(http://www.garystreeter.co.uk/images/bg.jpg) repeat;
	font: normal 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#main {
	text-align: left;	
	width: 750px;
	background-color : #fff;
	color:#000;
	margin: 0px auto;
	border: 1px solid #00f;
}
#topbar {
	margin: 3px 3px 0px 3px;
	height: 90px;
}
#topimg {
	position: relative;
}
#toprpic {
	position:relative;
	float:right;
	margin-top:0px;
	height:84px;
	width:220px;
}
#ri {
	float:right;
	margin-top:0px;
	padding-top:0px;
}
#content {
	 position:relative;
	 margin:10px 4px 5px 165px;
	 border-left:1px dotted #666;
	 padding-left:6px;
	 height:auto;
}
#tbl {
font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#pagehead {
	margin-top:20px;
	margin-bottom:20px;
}
#content h1 {
	background-color:#FFF;
	color:#336699;
	font:bold 120% Verdana, Geneva, Arial, Helvetica, sans-serif; 
	border-bottom:1px dotted #666;
	display:inline;
}
#words h2 {
	background-color:#FFF;
	color:#369;
	font:bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif; 
	/* display:inline; */
}
#words a:link, #words a:visited,  #footwords a:link, #footwords a:visited {
	text-decoration:none;
	color:#369;
	background-color:#FFF;	
}
#words a:hover, #footwords a:hover {
	text-decoration:underline;
	color:#000;
	background-color:#FFF;	
}
#words {
	padding-right:10px;
}
.rhpic {
	float:right;
	padding:5px 5px 5px 5px;
	border:1px dotted #666;
}
.lhpic {
	float:left;
	margin-top:5px;
	padding-right:5px;
}
#footer {
	position:relative; 
	text-align:left;	
	width:98%;
	max-width:690px;
	color:#000;
	background-color:#fff;
	margin-left:30px; 
	height:50px;
	border-top:1px dotted #666;	
}
#footwords {
	font-size:90%;
	text-align:center;
	margin-left:200px;
	position:relative;
	z-index:7;
	float:left;
	margin-top:20px;
}
#validation {
	margin-top:7px;
	/* float: left; */
	margin-left:10px;
}
/*  Menu  */
#sidebar {
	float:left;
	position:relative;
	margin:19px 5px 0px 2px;
	font-size:90%;
	z-index:7;
}
#sidebar ul {
	margin:0;
	padding:0;
	list-style:none;
	width: 150px; /* Width of Menu Items */
}
#sidebar ul li {
	position:relative;
	line-height:75%; /* Sete line height of Menu items */
}
#sidebar li ul {
	position:absolute;
	left:149px; /* Set 1px less than menu width */
	top:0;
	display:none;
}
/* Styles for Menu Items */
#sidebar ul li a {
	display:block;
	text-decoration:none;
	color:#fff;
	background:#369;  /* IE6 Bug */
	background-image: url(../images/menubg.gif);
	background-repeat: repeat-x;
	padding:5px;
	/* border:1px solid #99ccff; */  /* IE6 Bug */
	border-top:1px solid #99ccff;
	border-right:1px solid #99ccff;
	border-left:1px solid #99ccff;
}
#sidebar ul li a:hover {
	color:#000;
	background-color:#369;
}	
#sidebar #here a:hover {
	color: #ffffff;
}
/* Holly Hack. IE Requirement \*/
* html #sidebar ul li { 
	float:left; 
	height:1%; 
}
* html #sidebar ul li a { 
	height:1%; 
}
/* End */
/* The magic */
#sidebar li:hover ul, #sidebar li.over ul { 
	color:#000;
	display:block;
	background-color:#369;
}
/*  These are for the blog */
.sidebar-title {
	background-color:#FFF;
	color:#369;
	font:bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif; 
}
.rhpic ul {
line-height: 80%;
}
.new {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	border: thin groove #000066;
	display: block;
	width: 50px;
	color: #FFFFFF;
	padding-left: 15px;
	background-image: url(../images/menubg.gif);
}

input.btn {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background:#369;  /* IE6 Bug */
background-image: url(/images/menubg.gif);
background-repeat: repeat-x;
border: none;
color:#fff;
font-size:7pt;
padding-bottom: 1px;
}

input.btnhov {
color:#000;
}