@charset "utf-8";
/* CSS Document for Dirt Inspires Women's Trail Half Marathon created by Julia van der Wyk, www.vanderwykdesign.com 2009 */

body {background:#efefef; text-align:center; font-family:Verdana, Geneva, sans-serif; behavior:url(csshover.htc)}


#wrapper {background:#fff; width:975px; margin:0 auto; padding:0;}

#left {width:215px; float:left; margin:0; padding:0; background:#3E3B79;}

#right {width:753px; float:right; margin:0; padding:0; background:url(images/DI_trail.gif) no-repeat top right; position:relative; clear:none;}

#main {width:505px; float:left; margin:0; padding:0;}

#footer {width:975px; clear:both; margin:0; padding:2px 0;}


/*  Navigation Menu  */

#left ul {margin:10px 5px; padding:0; color:#fff; text-align:left;display:block;}
#left li {list-style:none; margin:1px; padding:0; display:block; width:210px;}
#left li:hover {background:#C30;}

#left a {color:#fff; text-decoration:none; display:block; margin:0; padding:7px; font-size:16px;}
#left a:hover {}
#left a > img {
margin-left:-7px;
}
#left.may {
	background:#095A30;
}

#left.may li:hover {background:#F68B1F;}

#left.half-marathon {
	background:#7572B4;
}


/*  Header  */

#main h1 {font-size:20px; font-weight:normal; margin:15px; text-align:left;}
#main h2 {color:#37645F; font-size:16px; font-weight:normal; margin:15px; text-align:left;}


/*  Main Content ===== Text Styles */
.text-wrapper, .news {
	clear:both;
}

.news {
	border-top:1px #ccc solid;
}

#main h2.page_title {background:#facfa2; color:#000; padding:15px; margin:0;}

#main h3 {font-size:14px; font-weight:bold; margin:10px; padding:0;}
#main h4 {font-size:14px; font-weight:normal; margin:15px 0 0 0; padding:10px; text-align:left; background:#fcefc4;}

#main p {color:#000; font-size:12px; margin:.75em 10px .35em 15px; padding:0; text-align:left; line-height:1.2em;}

#main td p {font-size:10px; margin:5px auto 5px auto; text-align:center;}

#main p.quote_credit {text-align:right; font-style:italic; font-size:14px;}

#main ul { margin:5px 15px; padding:2px; color:#000; font-size:12px; text-align:left; }
#main li {list-style:url(images/bullet_red.gif); margin:5px 15px; padding:2px; color:#000; font-size:12px; text-align:left; }
#main li.no_dot_list {list-style:url(images/spacer.gif); text-align:center; margin:0 0 15px;}
#main li.no_dot_list p {margin:0 0 10px; padding:15px; font-weight:bold; background:#fcefc4;}
#main a {color:#b72467; font-weight:bold; text-decoration:none;}
#main a:hover {color:#84b1a3;}

#main table.sponsor {background:#fff; border:0;}
#main table.sponsor tr.border td {border-bottom:#ccc 1px solid;vertical-align:top;}
#main table.sponsor p {font-size:14px; font-weight:normal; margin:15px 0 ; padding:10px; text-align:left; background:#fcefc4;}
#main table.sponsor td {text-align:center; vertical-align:middle;  padding:15px;}

/*  Main Content ===== Special Layout Elements */

#green_sidebar {margin:15px auto; padding:20px 0 30px 0; background:#bdddb7; border-left:#84b1a3 solid 1px; border-right:#84b1a3 solid 1px; width:222px;}

#peach_sidebar {margin:15px 20px; padding:20px 20px 30px 20px; background:#facfa2; border-left:#d8ad80 solid 1px; border-right:#d8ad80 solid 1px; }

#peach_sidebar h2 {color:#b72467;}

table {margin:5px auto; padding: 0; background:#bdddb7; border-left:#84b1a3 solid 1px; border-right:#84b1a3 solid 1px; width:416px;}

#half_column_left {width:49%; float:left; margin:5px 0; padding:0;}

#half_column_right {width:50%; float:right; margin:5px 0; padding:0;}

.margin_left {margin:10px; padding:0; float:left;}

.half {width:50%; float:left;}


/*  Trail images  */

#img_01 {position:absolute; top:1px; right:2px; width:200px; height:135px; margin:0; padding:0; overflow:hidden; border:#ccc 1px outset;}

#img_02 {position:absolute; top:237px; right:27px; width:200px; height:133px; margin:0; padding:0; overflow:hidden;}

#img_03 {position:absolute; top:522px; right:0; width:164px; height:130px; margin:0; padding:0; overflow:hidden;}

/*  Form  */
form {width:410px; background:#bdddb7; border:#84b1a3 solid 1px; margin:15px auto; padding:10px;}

input.required {background:#CCF;}

input.reset {background:#Fa5; border:red 1px solid; font-size:12px; padding:3px;}
input.submit {background:#FC0; border:red 1px solid; font-size:12px; padding:3px;}
.error {font-size:10px; color:red; font-weight:bold;}

/*  Footer  */

#footer p {font-size:10px; margin:2px;}
#footer a {color:#3E3B79;}
#footer a:hover {text-decoration:none;}
