/* $Id$ */

@import "reset.css"; /* reset the css*/

/* START */
* {line-height:1.5;}
body {background-color:#fff; font-family:helvetica,arial,verdana, sans-serif; font-size:75%;}

a {font-weight:bold; /*text-decoration:none;*/}


#wrapper {margin:0 auto; width:966px; text-align:center; background-color:#f2f1ec; border-bottom:1px solid #f2f1ec;}
#wrapper * {text-align:left;}



/* BRANDING HEADER */
#branding {background-image:url(/img/bg-header.gif); height:99px; }

#highland-100-logo {float:left;}
#artemis-logo {float:right;}


#main {background-color:#999474; overflow:hidden; background-image:url(/img/bg-main.gif); background-repeat:repeat-y; }

#main.the-challenge {background-color:#5B5940;}
#main.raise-money {background-color:#838764;}
#main.get-involved {background-color:#999474;}



/* PROMO */
#promos {width:483px; float:left; }
#promos img {float:left;}
#promos .flash {float:left; height:470px;}

#promos .big-flash {float:left; height:610px;}
#promo1, #promo2 {}

#register-nav li{float:right;}
#register-nav {height:153px;}

/* CONTAINER */
#container {background-color:#C1BFA8; width:483px; float:left;  }



#container a {color:#003C00/*#fdfe76*/; }
#container a:hover {color:#FF9800/*#34ccff*/; text-decoration:underline;}

#container .col_3 {float:left; width:161px;}
#container .col_3 img {display:block;}
#container .col_3 p {margin:11px;}
#container .col_3 p.intro {font-weight:bold;}
#container .col_3 dl {margin:11px;}
#container .col_3 dt {font-weight:bold;}
#container .col_3 dd {margin-bottom:11px;}



/* NAVIGATION */
#container #nav {overflow:hidden; padding-bottom:10px; background-position:0 70px; background-repeat:no-repeat; background-color:#5b5940; }
#container #nav .col_3 {width:161px;}
#container #nav .col_3 img {float:none; display:block;}
#container #nav .col_3 ul {height:120px;}
#container #nav .col_3 li {margin:0; display:inline;} /* set to display:inline so IE doesn't add extra margins to list elements */
#container .the-challenge #nav {background-color:#5b5940; background-image:url(/img/nav/the-challenge/bg-challenge.jpg);}
#container .the-challenge #nav ul {background-color:#5b5940;}
#container .raise-money #nav {background-color:#838764; background-image:url(/img/nav/raise-money/bg-raise-money.jpg); }
#container .raise-money #nav ul {background-color:#838764;}
#container .get-involved #nav {background-color:#999474; background-image:url(/img/nav/get-involved/bg-get-involved.jpg); }
#container .get-involved #nav ul {background-color:#999474;}

#the-challenge {background-color:#837f4f; height:483px;}

#raise-money {background-color:#959d64; height:483px;}
#get-involved {background-color:#aca672; height:483px;}



/* CONTENT */
#content {background-color:#C1BFA8; padding-bottom:20px;}
/*#content.register-panel {padding-bottom:220px;}*/
#content * {margin:0px 10px;}
#content * * {margin:0;}
#content .gradient {margin:0 0 25px 0; background-image:url(/img/fade-for-text.gif); background-repeat: no-repeat; margin-bottom:25px;}
#content p.name-right {text-align:right; font-weight:bold;}
#content .gradient a {font-size:110%;}
#content h1 {font-size:160%; font-weight:bold; margin-left: 31px; padding-top:5px;}
#content h2 {font-size:140%; font-weight:bold; margin-left: 31px; padding-top:10px; margin-bottom:10px;}
#content h3 {font-size:100%; font-weight:bold;}
#content p {font-size:100%; margin-left:31px; margin-bottom:10px; margin-right:30px;}
#content p img{margin-left:10px;}
#content ul {font-size:100%; }
#content address{margin-left:31px; margin-bottom: 15px;}
#content li {margin:10px 30px 10px 31px;}
#content form{margin:10px 10px 10px 31px;}

#content .charity-img {float:right; margin:0 20px 0 10px;}

#registration-steps li {margin-left:50px; list-style-type:decimal;}
#content ol.list li {margin-left:50px; list-style-type:decimal;}
#content ul.list li {margin-left:50px; list-style-type:disc;}

/* FORM ELEMENTS */

/*#content form .error {border:1px solid red;}*/
#content form .content p {margin:15px 0;}
#content form .error input {background-color:#fcc;}
#content form .error select {background-color:#fcc;}
#content p.error {color:#f00; font-weight:bold; border:none;}
#content form .error p {color:#f00; font-weight:bold;}
#content form .error label {color:#f00; font-weight:bold;}

#content form input {font-family:arial; width:200px; padding:2px; margin:3px 0;}
#content form input.button {width:auto; }
#content form select {font-family:arial; width:auto; margin:3px 0;}
#content form legend {font-weight:bold; font-size:120%; margin-bottom:5px; }
#content form fieldset {margin:15px 0 20px 0; border-bottom:2px dashed #5B5944; padding-bottom:15px;}
#content form .form-element {margin:5px 0;}

/* SELECT FIELDS */
#content form select.day {width:4em;}
#content form select.year {width:5em;}

/* RADIO BUTTONS */
#content form .radio {margin:5px 0 10px 0;}
#content form .radio input {width:auto; margin:0; background-color:transparent;}
#content form .radio div {margin:3px 0;}



#footer-branding {clear:both;}
#footer-logo {float:left;}

/* REGISTER NOW PANEL */

#register-now-main { position:absolute; width:483px; height:200px; margin:-200px 0 0 483px;
	background-color:#464E27; background-image:url(/swf/bg-register-now.gif); background-repeat:repeat-x; }

#register-now-main embed {margin:0 0 0 0;} /* to stop flash object floating about weirdly */
#register-now-main img {margin:25px 20px 0 10px; float:left;}
#register-now-main p {padding:25px 0 0 10px; color:#fff; margin-right:20px;}

#register-now {background-color:#464E27; height:200px; background-image:url(/swf/bg-register-now.gif); background-repeat:repeat-x;}
#register-now embed {margin:0 0 0 0;} /* to stop flash object floating about weirdly */
#register-now img {margin:25px 20px 0 10px; float:left;}
#register-now p {padding:25px 0 0 10px; color:#fff; margin-right:20px;}



/* FOOTER */
#footer {clear:both; line-height:1.8;}

#footer ul{margin:10px; font-size:100%;}
#footer li{display:inline; font-weight:bold; padding-right:10px;}
#footer li a {color:#4C552C; }
#footer li a:hover {text-decoration:underline;}
#footer p{margin:10px; color:#999574;  font-size:90%;}