/*------------------------------------------------
CSS for Dirt Devils MTBA National Series Round 2 

Version:	1.0 August 06
Author:		Nick Lancaster, Foot & Playsted
Email:		info@footandplaysted.com.au
Website:	www.footandplaysted.com.au
-----------------------------------------------*/

/* General Styles
-----------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style: none;
}

h1, h2, h3, h4, p {
	margin: 10px 0;
}

body {
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
}

a {
	text-decoration: none;
}

/* Specific Div's
-----------------------------------------------*/
#wrapper {
	width: 760px;
	margin: 10px 0 10px 10px;
	background: #fff;
	float: left;
	padding: 0 0 10px;
	display: inline;
}

#branding {
	float: left;
	width: 300px;
	padding: 0;
	background: url(images/brandingBGt.gif) no-repeat bottom;
	display: inline;
}

#content {
	float: right;
	width: 450px;
	display: inline;
}

#sponsors {
	float: left;
	width: 300px;
	margin: 10px 0 0 0;
	background: url(images/sponsorsBGL.gif) no-repeat 5px 55px;
	padding: 0 0 10px 5px;
	display: inline;
	clear: left;
}

#footer {
	clear: left;
	width: 280px;
	margin: 10px 0 0 10px;
}

#branding div {
	width: 280px;
	margin: 0 0 0 10px;
	background: url(images/formBoxb.gif) no-repeat bottom;
	padding: 0 0 20px;
}

/* Branding text Styles
-----------------------------------------------*/
#branding div p {
	padding: 0 10px 0 17px;
	font-size: 10px;
	color: #808060;
}

#branding div p#regOne {
	background: url(images/formBox.gif) no-repeat top;
	padding: 20px 10px 0 17px;
	margin: 0px;
}

#branding p {
	padding: 0 20px 0 30px;
	color: #808060;
}

#branding ul#logos {
	float: left;
	margin: 0;
	padding: 0;
}

#branding ul#logos li {
	float: left;
	margin: 0;
	padding: 0;
}

#branding ul#logos li#mtba a, #branding ul#logos li#dDevils a {
	display: inline;
	float: left;
	width: 125px;
	height: 52px;
	background: url(images/natsLogo.gif) no-repeat top;
	margin: 10px 0 10px 20px;
	text-indent: -9999px;
}

#branding ul#logos li#mtba a:hover {
	background: url(images/natsLogo.gif) no-repeat bottom;
}

#branding ul#logos li#dDevils a {
	background: url(images/ddevilsLogo.gif) no-repeat top;
	margin: 10px 0 0 10px;
}

#branding ul#logos li#dDevils a:hover {
	background: url(images/ddevilsLogo.gif) no-repeat bottom;
}

#branding ul {
	margin: 5px;
}

#branding ul li a {
	display: block;
	text-indent: -9999px;
	background: url(images/backButton.gif) no-repeat top;
	width: 290px;
	height: 27px;
	margin: 15px 0 0 0;
}

#branding ul li a:hover {
	background: url(images/backButton.gif) no-repeat bottom;
}

#branding h1 {
	clear: left;
	width: 100%;
	height: 303px;
	text-indent: -9999px;
	background: url(images/mtbHeader.gif) no-repeat center;
	margin-left: 0px;
}

#branding h2 {
	width: 100%;
	height: 176px;
	background: url(images/tasBurst.gif) no-repeat center;
	text-indent: -9999px;
	margin: 0 0 0 0px;
}

#branding ul#reg {
	margin: 0;
}

#branding ul#reg li a {
	display: block;
	width: 268px;
	height: 28px;
	background: url(images/tbpUrl.gif) no-repeat top;
	text-indent: -9999px;
	margin: -40px 0 15px 17px;
}

#branding ul#reg li a:hover {
	background: url(images/tbpUrl.gif) no-repeat bottom;
}

#branding div ul#rego {
	margin: 0;
}

#branding div ul#rego li {
	margin: 0;
}

#branding div ul#rego li a {
	display: block;
	width: 250px;
	height: 20px;
	background: url(images/signUpN.gif) no-repeat center;
	text-indent: -9999px;
	margin: 0 0 5px 14px;
}

#branding ul#schedule li a {
	background: url(images/schedule.gif) no-repeat center;
	margin: 15px 0 0 -15px;
}

*html #branding ul#schedule li a {
	margin-top: -5px;
}

/* Content text styles
-----------------------------------------------*/
#content p, #content h3, #content h4, #content address {
	margin: 10px 20px;
	padding: 0 10px;
	color: #808060;
}

#content address {
	font-style: normal;
	border-bottom: 1px dotted #ccc;
	padding: 0 10px 10px;
}

#content p.lp {
	border-bottom: 1px dotted #ccc;
	padding: 0 10px 10px;
}

#content a.blp {
	display: block;
	padding: 0 0 0 20px;
	margin: 5px 10px 500px 30px;
	background: url(../images/arrow.gif) no-repeat left;
}

#content a.blp:hover {
	color: #E96073;
}

#content h1 {
	width: 450px;
	height: 282px;
	background: url(images/banner.jpg) no-repeat center;
	text-indent: -9999px;
	margin: 0px;
}

#content h3 {
	font-size: 30px;
	
	/* width: 350px;
	height: 35px;
	text-indent: -9999px;
	background: url(images/nr2.gif) no-repeat 8px; */
}

/*#content h3#stay {
	background: url(images/sr2.gif) no-repeat 9px;
	margin-top: 20px;
}

#content h3#get {
	background: url(images/gt2.gif) no-repeat 10px;
	margin-top: 20px;
}

#content h3#rank {
	background: url(images/rankingsHd.gif) no-repeat 9px;
	margin-top: 10px;
}

#content h3#closed {
	background: url(images/form/closed.gif) no-repeat 9px;
	margin-top: 10px;
} */

#content ul {
	margin: 10px 0 10px 25px;
	color: #808060;
}

#content ul li {
	padding: 5px;
	background: #cccc98;
	color: #fff;
}

#content ul li.bg {
	margin: 5px 0;
	padding: 5px;
	background: #EBEBD7;
	color: #808060;
}

#content ul.dotPoints{
	list-style: disc inside;
	background: none;
}

#content ul.dotPoints li{
	background: none;
	color: #808060;
}

#content ul.regoLinks{
	background: none;
}

#content ul.regoLinks li{
	background: none;
	color: #808060;
}	
	
#content a {
	color: #808060;
	font-weight: bold;
}

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

/* Volunteers Styles
-----------------------------------------------*/
#content h2 {
	
	background: url(images/volunteersBG.jpg) no-repeat top;
	height: 215px;
	width: 400px;
	text-indent: -9999px;
	margin: 0 0 0 25px;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 25px 0;
}

#content h3.vol {
	background: url(images/vHeadTxt.gif) no-repeat center;
	text-indent: -9999px;
	margin: -160px 0 0 45px;
	height: 34px;
}

#content p.volP {
	margin: 5px 50px 0 60px;
	text-align: center;
}

#content h4.vol4 {
	background: url(images/volCall.gif) no-repeat 70px;
	text-indent: -9999px;
	height: 20px;
	margin: 8px 0 0 3px;
}

#content h4.lge {
	font-size: 18px;
	margin-top: 20px;
}

#content h4.rev {
	padding: 5px;
	background-color: #808060;
	color: #fff;
	text-indent: 5px;
}

#content a.volE {
	background: url(images/volEmail.gif) no-repeat left;
	height: 20px;
	width: 160px;
	margin: -20px 0 50px 235px;
	text-indent: -9999px;
	display: block;
}

/* Sponsors Styles
-----------------------------------------------*/
#sponsors h2 {
	width: 290px;
	height: 41px;
	text-indent: -9999px;
	background: url(images/sponsorHd.gif) no-repeat center;
}

#sponsors ul li {
	float: left;
}

#sponsors ul li a {
	float: left;
	display: inline;
	width: 130px;
	height: 110px;
	margin: 10px 8px;
	background: #ccc;
}

#sponsors ul li a#s1 {
	background: url(images/sponsors/eventsTas.gif) no-repeat center;
	text-indent: -9999px;
}

#sponsors ul li a#s2 {
	background: url(images/sponsors/hobartWater.gif) no-repeat center;
	text-indent: -9999px;
}

#sponsors ul li a#s3 {
	background: url(images/sponsors/footPlaysted.gif) no-repeat center;
	text-indent: -9999px;
}

#sponsors ul li a#s4 {
	background: url(images/sponsors/hobartCity.gif) no-repeat center;
	text-indent: -9999px;
}

#sponsors ul li a#s5 {
	background: url(images/sponsors/glenorchyCity.gif) no-repeat center;
	text-indent: -9999px;
}

#sponsors ul li a#s6 {
	background: url(images/sponsors/wellingtonPark.gif) no-repeat center;
	text-indent: -9999px;
}

#sponsors ul li a#s7 {
	background: url(images/sponsors/praties.gif) no-repeat center;
	text-indent: -9999px;
}

#sponsors ul li a#s8, #sponsors ul li a#s9, #sponsors ul li a#s10, #sponsors ul li a#s11, #sponsors ul li a#s12, #sponsors ul li a#s13 {
	background: url(images/sponsors/sramLogo.gif) no-repeat center;
	text-indent: -9999px;
	width: 81px;
	height: 34px;
	margin-left: 50px;
}

#sponsors ul li a#s9 {
	background: url(images/sponsors/dirtArt.gif) no-repeat center;
	margin-left: 20px;
	width: 120px;
	height: 110px;
}

#sponsors ul li a#s10 {
	background: url(images/sponsors/rbLogo.gif) no-repeat center;
	height: 56px;
}

#sponsors ul li a#s11 {
	background: url(images/sponsors/tawayLogo.gif) no-repeat center;
	height: 77px;
	margin-left: 20px;
}

#sponsors ul li a#s12 {
	background: url(images/sponsors/eciLogo.gif) no-repeat center;
	width: 270px;
	height: 88px;
	margin-left: 20px;
}

#sponsors ul li a#s13 {
	background: url(images/sponsors/scpLogo.gif) no-repeat center;
	width: 270px;
	height: 88px;
	margin-left: 20px;
}

#sponsors p {
	font-size: 10px;
	text-align: center;
	width: 120px;
	height: 90px;
	float: left;
	padding: 20px 0 0 10px;	
	color: #808060;
}


/* Footer Styles
-----------------------------------------------*/
#footer p.fl {
	float: left;
	display: inline;
	width: 125px;
	font-size: 9px;
	text-align: right;
	padding: 10px 10px 10px 0;
	border-right: 1px solid #808060;
	color: #808060;
	margin-left: 10px;
}

#footer p.fr {
	float: right;
	display: inline;
	width: 125px;
	font-size: 9px;
	padding: 10px 0;
	color: #808060;;
}

#footer a {
	color: #808060;
}

/* Email Form
-----------------------------------------------*/  
#branding form {
	background: #fff url(images/brandingBG.gif) no-repeat bottom;
	padding: 0 10px 10px 15px;
}

form textarea, form input {
	width: 155px; /* Email input width */
}

form input.submit {
	width: 55px; /* Submit button width */
	margin-left: 5px;
	display: inline;
	line-height: 1.8;
	vertical-align: top;
}

form.emform fieldset {
	border: none;
}

form.emform legend {
	display: none;
}

form.emform label {
	display: inline;
	line-height: 1.8;
	vertical-align: top;
	width: 35px; /* Width of labels */
	color: #808060;
}

form.emform fieldset ol {
	margin: 0;
	padding: 0;
}

form.emform fieldset li {
	list-style: none;
	padding: 10px 0 10px 10px;
	margin: 0;
	background: #E4E4C8;
}

form.emform input.submit {
	width: 55px;
	margin: 0 0 0 3px;
}