/* reset stuff */
* {
    margin: 0;
    padding: 0;
}

html, body {
    margin-top: 0 auto;
    padding: 0;
    font: 12px/16px "Lucida Grande", "Lucida Sans", Verdana,  Helvetica, sans-serif;
    color: #444;
    text-align: left;
/*    background: #ccc url(../img/bg.gif);*/
/*ORIG:    background:url(../img/bd.gif) repeat-y left top;*/
    background:url(../img/bd.gif) repeat-y center top;
    height: 100%;
}

h2 {
  font-size: 18px;
}

p {
    margin-bottom: 10px;
}

ul, ol {
  padding-left: 18px;
}
a {
    text-decoration: none;
    color: #cea408;
	background-color:transparent;
	border:none;
}
a:hover {
    color: #0071bc;
	background-color:transparent;
	border:none;
}


.h2 {
    font-size: 1.2em;
    color: #0071bc;
    font-weight: bold;
}

h4 {
    font-size: 1.1em;
	padding:2px 0 0 0;
	height:20px;
    color: #fbc808;
    font-weight:normal;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:.3em;
	background:url(../img/announce_bd.gif) repeat-x left top;
}

.blue {
    color: #0071bc;
}
.imgSpace {
width: 740px;
top: 4px;
    margin-left: 10px;
    border: 1px solid;
}
/* boxes */

#wrapper {
    position: relative;
/*ORIG    width: 780px;*/
    width: 970px;
    height: 100%;
    margin: 0px auto 0px auto;
    border: 1px solid #d1d1d1;
    background: #fff;
    height:auto !important;
    height:100%; 
    min-height:100%; 
}

#inside {
/*ORIG:    width: 740px;*/
    width: 930px;
    margin: 0px auto;
}

#topBorder {
    width: 740px;
    margin: 4px auto 0px auto;
    border-top: 1px solid #ddd;
}

#logobox {
/*ORIG:    width: 740px;*/
    width: 930px;
	height:225px;
/*    margin: 20px auto 15px auto;*/
/*    margin: 0px auto 15px 175px;*/
    margin: 0px auto 0px auto;
/*    background: url(../img/testBkgnd.gif) no-repeat 0 0;*/
}

#cfhPics08 {
  position: relative;
  left: 0px;
}

#slideshowContainer {
  position: relative;
  left: 130px;
  width: 680px; /* leave 40px each side for forward / prev buttons */
  height: 460px; /* 30px on the top for play / pause */
}

#picSelector {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 20px;
}

#slideshowTitle {
  position: absolute;
  top: 0px;
  left: 40px;
  width: 600px;
  height: 30px;
}
#slideshowButtons {
  position: absolute;
  top: 30px;
  left: 40px;
  width: 600px;
  height: 30px;
}

#playPauseBtn {
  top: 4px;
  position: absolute;
  left: 300px;
}
#prevPicBtn {
  top: 4px;
  position: absolute;
  left: 20px;
}
#nextPicBtn {
  top: 4px;
  position: absolute;
  right: 20px;
}

#cfhPics09 {
  position: absolute;
  top: 60px;
  left: 40px;
  width: 600px;
  height: 400px;
/*  text-align: center;*/
}

#signup {
    position: relative;
    width: 640px;
/*    height: 910px;*/
    height: 1140px;
    overflow: hidden;
    margin: 0px auto 0px auto;
    left: 0px;
    border-bottom: 1px solid #ddd;
}



#registrationInfo {
    position: relative;
    top: 0px;
    left: 0px;
}

.registerCCCFHLink,
.registerCCCFHLink:link,
.registerCCCFHLink:hover,
.registerCCCFHLink:focus,
.registerCCCFHLink:active,
.registerCCCFHLink:visited {
	display: block;
        align: center;
	text-decoration: none;
	background: url(../img/register-cccfh-over.png) no-repeat center top;
/*	background-position:right;*/
	padding-top: 0px;
	margin-top: 0px;
	float:left;
	width: 300px;
	height: 40px;
}
.registerCCCFHLink:hover {
	background: url(../img/register-cccfh-up.png) no-repeat center top;
}

.donateCCLink,
.donateCCLink:link,
.donateCCLink:hover,
.donateCCLink:focus,
.donateCCLink:active,
.donateCCLink:visited {
	display: block;
        align: center;
	text-decoration: none;
	background: url(../img/click-to-donate-over.png) no-repeat center top;
/*	background-position:right;*/
	padding-top: 0px;
	margin-top: 0px;
	float:left;
	width: 300px;
	height: 40px;
}
.donateCCLink:hover {
	background: url(../img/click-to-donate-up.png) no-repeat center top;
}

.moreInfoLink,
.moreInfoLink:link,
.moreInfoLink:hover,
.moreInfoLink:focus,
.moreInfoLink:active,
.moreInfoLink:visited {
	display: block;
        align: center;
	text-decoration: none;
	background: url(../img/want-more-info-over.png) no-repeat center top;
/*	background-position:right;*/
	padding-top: 0px;
	margin-top: 0px;
	float:left;
	width: 300px;
	height: 40px;
}
.moreInfoLink:hover {
	background: url(../img/want-more-info-up.png) no-repeat center top;
}

.registerLink,
.registerLink:link,
.registerLink:hover,
.registerLink:focus,
.registerLink:active,
.registerLink:visited {
	display: block;
        align: center;
	text-decoration: none;
	background: url(../img/register-over.png) no-repeat center top;
/*	background-position:right;*/
	padding-top: 0px;
	margin-top: 0px;
	float:left;
	width: 150px;
	height: 40px;
}
.registerLink:hover {
	background: url(../img/register-up.png) no-repeat center top;
}


.clear {
    clear: both;
}

#content {
    position: relative;
	
    margin: 20px auto 40px auto;
    padding: 0px 0px 20px 0px;
}

#content p {
    margin: 20px auto 0px auto;
    width: 740px;
}

#mapsContainer {
/*  position: absolute;
  top: 140px;
  left: 40px;
*/
  position: relative;
  height: 1400px;
  width: 600px;
  left:165px;
}
#longRouteMap {
/*
    position: absolute;
    left: 40px;
    top: 140px;
*/
    position: absolute;

    top: 0px;

    width: 600px;
    height: 710px;
    margin-top: 10px;
}
#jennaRouteMap {
    position: absolute;

    top: 710px;

    width: 600px;
    height: 325px;
    margin-top: 10px;
}
#footer {
    position: absolute;
    bottom: 0;
    width: 930px;
    color: #666;
    padding-bottom: 20px;
	text-align:center;
	font-size:.9em;
}

hr {
border:1px solid #b9b9b9;
}

#paymentbutton {
    width: 143px;
    margin: 20px auto 0px auto;
}

#paymentbutton input {
    border: none;
}
#donate input {
    border: none;
    margin-right: 16px;
    float: left;
}

#slider {
    height: 100px;
    margin-top: 10px;
}
/* navigation */
#navigation {
	padding:15px 0 0 25px;
/*ORIG:    width: 715px;*/
    width: 905px;
    height: 28px;
    border-bottom: 1px solid #001e3d;
}

#navigation a {
padding:0 51px 0 0;
/*ORIG: width:740px;*/
width:930px;
}

#logo-button {
  position: relative;
  left: 200px;

  background: url(../img/c4h_logo_07_sm2.jpg) no-repeat 0 0;
  width: 250px;
  height: 205px;
}


/* table stuff */

#registertable {
    margin: 10px auto 0px auto;
    width: 740px;
}

#donatebuttons {
    margin: 0px auto 0px auto;
    width: 740px;
    border-top: 0px;
}
#donatebuttons td {
    padding: 0px;
    vertical-align: top;
}

input, textarea {
    border: 1px solid #aaa;
    margin-top: 2px;
    padding: 2px 2px 4px 2px;
}

input:hover, textarea:hover {
    border: 1px solid #00a1f0;
}

table {
    border: 1px solid #777777;
	background-color:transparent;
	padding:5px 5px 5px 5px;
	
}

td {
    padding: 5px 5px 5px 5px;
    vertical-align: top;

}

.shaded {
	background-color: #ececec;
	color:#002954;
}
.unshaded {
	background-color: #d1d1d1;
	color:#333333;
}

/* Set the spacing for team rows to 1px */
.teamRow td {
    cellspacing: 1px;
    margin:  0px 0px 0px 0px;
    padding: 0px 0px 1px 1px;
    border-width: 0px;
    border: 0px;
    vertical-align: top;
	height:30px;
}

th {
    border-bottom: 1px solid #cc0920;
    padding-bottom: 20px;
    border-color: #67c224;
}

.sbutton {
    margin-top: 10px;
    padding: 3px;
    border: 1px solid #aaa;
    background-color: #fff;
    color: #666;
    font-size: .9em;
}

.sbutton:hover {
    background-color: #cc0920;
    color: #fff;
    border: 1px solid #cc0920;
}

.radiobutton {
    margin-right: 10px;
}

.required {
    color: #999;
}

/* validation */

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color: #00a1f0;
}
	
.LV_invalid {
    color:#cc0920;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #cc0920;
}
#personal ul {
    margin-left: 20px;
}
#personal ul a:hover {
    color: #0071bc;
}


/* modules */

#aboutContainer {
  width:465px;
  height:290px;
  overflow:none;
  background-color:#f0f0f0;
  float:left;
}
#aboutHeader {
/*
  position: relative;
  top: 0px;
  left: 0px;
*/
  width:465px; /* this is 50px wider than about to account for padding-[left,right] */
  height:24px;
  overflow:auto;
  background-color:#f9de7b;
  text-align: center;
  padding-top: 4px;
/*
  border:1px solid black;
  padding:15px 25px 25px 25px;
  float:left;
*/
}
#about {
/*ORIG:width:395px;*/
width:415px;
/*ORIG:height:266px;*/
height:270px;
overflow:auto;
background-color:#f0f0f0;
/*border-top:6px solid #f9de7b;*/
padding:15px 25px 25px 25px;
font-size:15px;
line-height:18px;
/*
float:left;
*/
}

#blogContainer {
  width:445px;
  height:280px;
  overflow:none;
  background-color:#f0f0f0;
  float:right;
}
#blogHeader {
  width:445px; /* this is 25px wider than about to account for padding-left */
  height:24px;
  overflow:auto;
  background-color: #336195;
  text-align: center;
  padding-top: 4px;
  color: #ffffff;
/*
  float:right;
*/
}
#blog {
/*ORIG:width:255px;*/
width:437px;
height:190px;
overflow:none;
background-color:#f0f0f0;
/*border-top:6px solid #336195;*/
padding:15px 4px 25px 4px;
/*
float:right;
*/
}

#blog p {
  width: 410px;
}

.blog-summary {
  padding-top: 4px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
}

.content-shaded {
/*	background-color: #EEEEEE;*/
	background-color: transparent;
}

.content-unshaded {
	background-color: #BBBBBB;
}

#linkContainer {
  position: relative;
  left: 0px;
  width: 100%;
  padding-top: 10px;
}

#sponsor {
width:445px;
height:75px;
padding:15px 0px 25px 0px;
float:right;
border:none;

}

#facebook {
width:440px;
height:30px;
padding:65px 0px 25px 0px;
float:left;
border:none;

}

#specialAnnouncement {
/*ORIG:
color:#001e3d;
font-size:.9em;
font-decoration:none;
font-weight:normal;
text-align:center;
*/
}

img {
color:transparent;
border:none;
}

img a {
color:transparent;
border:none;
}