body { margin: 0px; padding: 0px; background:url(images/bg.gif) repeat-x; background-color:#F1E8BD; font-family: verdana, arial, helvetica, sans-serif; color: #000; text-align: center; /* part 1 of 2 centering hack */}
#site { width: 768px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align:left; /* part 2 of 2 centering hack */ width: 768px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 738px; }

#header { width: 768px; margin:0; padding:0; text-align:center;}

#menu { width: 768px; background:url(images/menu_bg.gif) no-repeat; height:47px; margin-top: 0px;margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align:left;}
#nav, #nav ul { padding: 0 0 0 4px; margin: 0; list-style: none; line-height: 1; text-align:center; background:url(images/menu_off.gif) repeat-x;}
#nav a { display: block; width: 95px; font: normal 11px/14px verdana, helvetica, san-serif, arial; color:#fff; text-decoration:none; background:url(images/menu_off.gif); height:35px; padding:12px 0 0 0;}
#nav a:hover { color: #000000; text-decoration:underline; background:url(images/menu_on.gif);}
#nav li { float: left;}
#nav li ul { padding:5px; position: absolute; background:url(images/menubg.gif) top center repeat-y; width: 120px; left: -999em; text-align:left; border:1px solid #003466; border-width:0 1px 1px 1px; z-index:2; }
#nav li ul a {  width: 115px; }
#nav li ul li { padding:3px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto;}

#content { width: 760px; margin: 0 4px; padding-bottom:10px; background:#ffffff;}
#content h1 { margin:0; padding:0 5px; font:normal 18px/24px verdana, helvetica, san-serif; color:#029900;}
#content h2 { margin:0; padding:0 5px; font:normal 14px/18px verdana, helvetica, san-serif; color:#0061FD;}
#content p, td { margin:0; padding:5px 5px; font: normal 11px/14px verdana, helvetica, san-serif;}
#content a {text-decoration:none}
#content ul { font: normal 11px/14px verdana, helvetica, san-serif;}

#events { float:right; margin:0; width: 190px; display:inline;}

.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.form label { width:138px; float:left; display:block; margin-right:0.5em; text-align:right}
.form .submit input { margin-left:147px }
.form input { font-weight:normal; color:#000000;}
.form select  { background-color:#ffffff; color:#000000; border:1px solid #000000}
.colours input { color:#000000; background:#eeeeee; border:1px solid #000000}
.colours .submit input { color:#000; background:#cccccc; border:2px #999999 outset;}
.form fieldset { margin:0px 10px 0px 10px; border: 0px solid #999999;}
.form legend { letter-spacing:0; padding: 10px 6px; color: #000000; }
.form fieldset p { margin-top:0 }

.tablerow { width:700px; height:25px; border:1px; font: normal 11px/14px verdana, helvetica, san-serif; margin-left:10px}
.tableheader { color:#029900; font-weight:bold; float:left; height:25px; border-bottom: 1px solid #0061FD; margin:1px; padding:2px; font-size:14px;}
.tabledata { float:left; height:25px; margin:1px; padding:2px}
.tabledata a { color:#0061FE; text-decoration:none;}
.tabledata a:hover { color:#0061FE; text-decoration:underline;}

#footer { background:url(images/footer_bg.jpg) no-repeat; width:768px; font: normal 11px/14px verdana, helvetica, san-serif;}
#footer a { color:#0061FE; text-decoration:none;}
#footer a:hover { color:#0061FE; text-decoration:underline;}
#footer p { margin:0; padding: 135px 5px 10px 0; color:#0061FE; text-align:right;}