body
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url('http://mhs.cmsdevsite.com/images/elements/bg_main.gif');
	background-repeat: repeat-x;
	background-color: #000000;
	color: #ffffff;
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	text-align: center;
	width: 100%;
}

img { border: 0px; }


/*------------------ header ---------------------------*/

#headerarea
{
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 34px;
	width: 744px;
}

#logo_top
{
	width: 330px;
	float: left;
	text-align: left;
}

#logo_top_new
{
	width: 375px;
	float: left;
	text-align: left;
}

#logo_top { margin-left: 15px; }

#datearea
{
	width: 245px;
	float: right;
	text-align: right;
}

#dateContent
{
	width: 245px;
	height: 41px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 70%;
	color: #ffffff;
	font-weight: bold;
}

#imagearea
{
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 744px;
	background-image: url('http://mhs.cmsdevsite.com/images/pics/main_img.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 229px;
}

#logo_foot
{
	width: 330px;
	float: left;
	text-align: left;
	padding: 0px 0px 155px 15px;
	background-image: url('http://mhs.cmsdevsite.com/images/elements/bg_imgleft.gif');
	background-repeat: repeat-y;
	background-position: left center;
}

#logo_foot_new
{
	width: 375px;
	float: left;
	text-align: left;
	padding: 0px 0px 130px 15px;
	background-image: url('http://mhs.cmsdevsite.com/images/elements/bg_imgleft.gif');
	background-repeat: repeat-y;
	background-position: left center;
}

#poweredby
{
	width: 250px;
	float: right;
	text-align: right;
	padding: 148px 15px 0px 0px;
	background-image: url('http://mhs.cmsdevsite.com/images/elements/bg_imgright.gif');
	background-repeat: repeat-y;
	background-position: right center;
}

#headerarea a
{
	color: #ffffff;
	text-decoration: none;
}

#headerarea a:hover { text-decoration: underline; }

/*------------------ nav ---------------------------*/

#nav
{
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	width: 744px;
	font-size: 65%;
}

#nav ul
{
	padding: 3px 0px 3px 5px;
	margin: 0px;
	text-transform: uppercase;
	list-style: none;
	float: left;
	text-align: left;	
}

#nav ul li
{
	padding: 0px 5px 0px 0px;
	margin: 0px;
	list-style: none;
	float: left;
}

#nav ul li a { color: #ffffff; padding: 0px 5px 0px 0px; }

#nav a.navoff:link, #nav a.navoff:visited, #nav a.navoff:active
{
	text-decoration: none;
	color: #ffffff;
}

#nav a.navoff:hover
{
	color: #a6a6a6;
	text-decoration: underline;
}

#nav a.navon:link, #nav a.navon:visited, #nav a.navon:active
{
	text-decoration: none;
	color: #a6a6a6;
}

#nav a.navon:hover
{
	color: #ffffff;
	text-decoration: underline;
}

/*------------------ main content ---------------------------*/

#mainarea
{
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	width: 744px;
}

/* middle content */

#contentarea, #contentarea1
{
	width: 565px;
	background-image: url('http://mhs.cmsdevsite.com/images/elements/bg_panel.gif');
	background-repeat: repeat-y;
	background-position: left center;
	float: left;
	background-color: #312f19;
	text-align: left;
	color: #ffffff;
}

#bodycontent, #bodycontent1
{
	padding: 15px;
	border: 1px solid #cccccc;
}

#contentarea1
{
	margin: 0px 0px 10px 0px;
}

.picright { float: right; margin: 0px 0px 0px 10px; }

#photoarea
{
	width: 565px;
	background-image: url('http://mhs.cmsdevsite.com/images/elements/bg_panel.jpg');
	background-repeat: repeat-y;
	background-position: left center;
	float: left;
	background-color: #312f19;
	border: 1px solid #807b2a;
	text-align: center;
	margin: 0px 0px 10px 0px;
}

#photos
{
	padding: 15px;
}

/* rhs */

#rhsarea
{
	width: 170px;
	float: right;
	text-align: right;
	color: #ffffff;
	font-size: 65%;
	text-transform: uppercase;
	font-weight: bold;
}

#entry_area
{
	border: 1px solid #cccccc;
}

#ratrace_area
{
	border: 1px solid #cccccc;
	margin: 5px 0px 0px 0px;
}

#partners img
{
	border: 1px solid #8a7e3b;
	background-color: #ffffff;
}

.rhsitem
{
	margin: 5px 0px 0px 0px;
}

#mainTitle
{
	width: 520px;
	height: 80px;
	margin: 0;
	padding: 0;
}

#mainTitle h1
{
	width: 520px;
	height: 80px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#mainTitle h1#home
{
	background-image: url('http://mhs.cmsdevsite.com/images/titles/home.gif');
}

#subTitle
{
	width: 520px;
	height: 25px;
	margin: 0;
	padding: 0;
}

#subTitle h1
{
	width: 520px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#subTitle h1#eventformat
{
	background-image: url('http://mhs.cmsdevsite.com/images/titles/eventformat.gif');
}

#subTitle h1#training
{
	background-image: url('http://mhs.cmsdevsite.com/images/titles/training.gif');
}

#subTitle h1#contact
{
	background-image: url('http://mhs.cmsdevsite.com/images/titles/contact.gif');
}

#subTitle h1#partners
{
	background-image: url('http://mhs.cmsdevsite.com/images/titles/partners.gif');
}

#subTitle h1#enter
{
	background-image: url('http://mhs.cmsdevsite.com/images/titles/enter.gif');
}

#subTitle h1#entrypolicy
{
	background-image: url('http://mhs.cmsdevsite.com/images/titles/entry_policy.gif');
}

#subTitle h1#about
{
	background-image: url('http://mhs.cmsdevsite.com/images/titles/about_nottingham.gif');
}

#fullPage
{
	width: 744px;
	background-image: url('http://mhs.cmsdevsite.com/images/elements/bg_panel.jpg');
	background-repeat: repeat-y;
	background-position: left center;
	float: left;
	background-color: #000000;
	text-align: left;
	color: #ffffff;
}

#flashPanel
{
	width: 360px;
	float: right;
	text-align: right;
}

/*-------------------- footer -----------------------------*/

#footer
{
	text-align: left;
	width: 744px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0px 10px 0px;
	font-size: 65%;
	color: #979797;
}

#footer a
{
	color: #979797;
	text-decoration: none;
}

#footer a:hover { text-decoration: underline; }

#footerleft
{
	width: 325px;
	float: left;
	text-align: left;
}

#footerright
{
	width: 410px;
	float: right;
	text-align: right;
}

/*--------------------------------------------------------------*/
/* extras */

.divclear
{
   	clear: both;
   	display: block;
   	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}

a:link
{
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}

a:visited 
{
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
} 

a:active 
{
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
} 

a:hover 
{
	color: #FF9900;
	text-decoration: underline;
	font-weight: bold;
}

h1 
{
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 12px 0px;
	font-size: 160%;
}

h2 
{
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	padding: 3px 0px 6px 0px;
	margin: 0px;
	font-size: 100%;
}

h3
{
	font-weight: bold;
	color: #ffffff;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	font-size: 100%;
}

p
{
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 12px 0px;
	font-size: 80%;
}

.indent { margin-left: 10px; }

#mainarea ul, #mainarea ol { font-size: 80%; }

table
{
	font-size: 90%;
}

form { padding: 0px; margin: 0px; }

.small { font-size: 70%; }
.centered { text-align: center; }
.bold { font-weight: bold; }
.mandatory { color: #fea31c; font-size: 120%; }
.red, a.red { color: #c33822; }
.uppercase { text-transform: uppercase; }
.large { font-size: 115%; }

.obstacle
{
	padding: 10px;
	border: 1px solid #ffffff;
	font-size: 90%;
	margin: 0px 0px 10px 0px;
}

.obstacle img
{
	border: 1px solid #ffffff;
}