/* CSS Document eee   */


/* New Site Structural */

html {margin: 0; padding: 0; background-color:#E6E6E6;}

a:link {color:#3993ff; text-decoration: none;}
a:visited {color:#3993ff; text-decoration: none;}

a:hover {color:#3993ff; text-decoration: underline;}



body {margin: 0 0 10px 0;  padding: 0; font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color:#444444}


div#wrapper {margin: 0 auto 0 auto; padding: 10px 5px 0px 28px; border: 0; width: 832px; background-color: #fff; text-align:center; }

div#logo { margin: 5px 0 15px 0; padding: 0; float: left; }
div#logo.revolution { margin: 0; padding: 0; float: left; }
div#logo h3 {margin: 0; padding: 35px 30px 0 0; float: left; color: #006633; font-size: 1em}


div#flash {margin: 0; padding: 0; border:0; width: 810px; text-align: left; float: left; }
div#flash img {margin: 0; padding: 0; border: 0px; text-align: left; float: left;}


/*Navigation*/

div#nav { margin: 0px; padding: 0px; width: 810px; float: left; background: url(../images/nav_bg.jpg) no-repeat; font-family: 'Tahoma', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; }

div#nav ul {border: 0; margin: 0px 0px 0px 10px; padding: 0px; float: left;}

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

div#nav ul li.sep {border: 0; margin: 0; padding: 11px 5px 11px 5px; list-style: none; float: left; background: url(../images/nav_sep.jpg) no-repeat;}


div#nav ul li a {border: 0; margin: 0 1px 0 0; padding: 11px 3px 11px 3px; text-decoration: none; font-weight: bold; font-size: 0.8em; color: #01A453; float: left;}

div#nav ul li a:hover {border: 0; margin: 0 1px 0 0; text-decoration: none; color:#3993ff; }

div#nav ul li a.selected {border: 0; margin: 0 1px 0 0; float: left; color:#3993ff;   }







div#content {margin: 0; padding: 0; background: #fff; float: left;}



div#leftColumn {margin: 15px 0 10px 0px; padding: 0 20px 0 0px; float: left;  width: 530px; background: #fff; border-right: 1px solid #CCCCCC}

div#leftColumn p {font-size: 0.75em; text-align: justify;  }




div#leftColumn h3 {font-size: 1.0em; margin: 20px 0 5px 0; text-align:left; }

div#leftColumn h3.RightAligned {font-size: 1.0em; margin: 10px 0 10px 200px; float: right;}


div#leftColumn div#imageButtons {margin: 0; padding: 0;}

div#leftColumn div#imageButtons img {float: left; padding: 0 ;}


/*Form*/

div#leftColumn  ol { margin: 15px 0 0 0; padding: 0; list-style: none; font-size: 0.9em}

div#leftColumn  ol li {margin: 5px 0 5px 0;}

div#leftColumn  ol li label {float: left; width: 130px;}

div#leftColumn  ol li input {width: 300px;}

div#leftColumn  ol li textarea {width: 300px;}

div#leftColumn  ol li select {width: 302px;}

div#leftColumn  ol li input.submitButton { margin: 5px 0 0 130px; width: 75px;}



/*Equipment Picture Links*/

div#leftColumn div#imageLink {margin: 0; padding: 0; float: left;}

div#leftColumn div#imageLink a {margin: 0; padding: 0; float: left; display: inline;}


div#leftColumn div#imageLink a.bikes {width: 159px; padding: 153px 0 0 0 ; background: url(../images/bikes.jpg) no-repeat; }
div#leftColumn div#imageLink a:hover.bikes { background: url(../images/bikes_over.jpg) no-repeat; }

div#leftColumn div#imageLink a.clothing { padding: 153px 0 0 0; width: 106px; background: url(../images/clothing.jpg) no-repeat; }
div#leftColumn div#imageLink a:hover.clothing  { background: url(../images/clothing_over.jpg) no-repeat; }

div#leftColumn div#imageLink a.shelter { padding: 153px 0 0 0; width: 126px; background: url(../images/shelter.jpg) no-repeat; }
div#leftColumn div#imageLink a:hover.shelter {background: url(../images/shelter_over.jpg) no-repeat; }

div#leftColumn div#imageLink a.communications { padding: 153px 0 0 0; width: 133px; background: url(../images/communications.jpg) no-repeat; }
div#leftColumn div#imageLink a:hover.communications  { background: url(../images/communications_over.jpg) no-repeat; }



.break {text-align: center; margin: 10px 0 0px 15px; padding: 10px 0 0px 0; background: url(../images/break.gif) no-repeat; clear: both;}

.breakRight {text-align: center; margin: 10px 0 0px 25px; padding: 5px 0 0px 0; background: url(../images/breakRight.gif) no-repeat; clear: both;}

.breakGrey {padding:5px 0 0 15px; margin: 0 0 0 15px; border-top:1px solid #CCCCCC; width: 475px ;clear: both;}

.breakWhite {padding:5px 0 20px 15px; margin: 0 0 20px 15px; border-top:0px solid #CCCCCC; width: 205x ;clear: both;}

.breakRightGrey {padding:10px 5px 10px 0px; margin: 10px 5px 0 25px; border-top:1px solid #CCCCCC; width: 205px ;clear: both;}

.logoRight img {margin: 0; float: right; padding: 0 0 5px 20px;}

.logoLeft img {margin: 0; float: left; padding: 0 0 5px 0;}



.leftlogos {margin: 10px 0px 10px 0 ; float: left; width: 110px ; }
.leftlogos img {margin: 10px 0px 10px 0  ; float: left; padding :  0px 0px 0px 10px}

.rightlogos {margin: 10px 5px 10px 0 ; float: right; width: 110px ; }
.rightlogos img {margin: 10px 5px 10px 0 ; float: right; padding :  0px 10px 0px 0}


/*
RightLogo and LeftLogo are for the logos on the sponsors page
*/

.RightLogo img {margin: 0; float: right; padding: 5px 0 70px 20px;}

.LeftLogo img {margin: 0; float: left; padding: 5px 20px 70px 0 ;}


.imageRight {margin: 0; float: right; padding: 5px 0 20px 20px; width: 200px;}
.imageRight img {margin: 0; float: right;}

.LOGOSRIGHT {margin: 0 0 50px 0 ; padding: 5px 0 20px 20px; }
.LOGOSRIGHT  img {margin: 0;}


.imageLeft img {margin: 0; float: left; padding: 15px 20px 80px 0;}

.imageLeftSml img {margin: 0; float: left; padding: 15px 20px 25px 0;}

.leftimages {margin: 0; float: left; width: 170px ; }
.leftimages img {margin: 0 ; float: left; padding :  10px 20px 10px 0}

.leftbigimages {margin: 0; float: left; width: 220px ; }

.leftbigimages img {margin: 0; float: left; padding:  10px 20px 10px 0}


.bigStuff {margin: 0; float: left; padding: 20px 20px 25px 0;}


.rightIMG {margin: 0 10px 20px 0px; float: right; padding: 0 10 10px 0px; }

.IMGright {margin: 15px 0 10px 0px; float: right; padding: 0 0 10px 25px; }


.rightimages {margin: 0; float: right; width: 170px ; }
.rightimages img {margin: 0; float: right; padding :  10px 5px 10px 35px }


.clear {clear:both;}

div#rightColumn { margin: 5px 0 25px 0; padding: 0 0px 0 15px; float: left; width: 250px; background: #fff;}

div#rightColumn img {margin: 0; padding: 0}

div#rightColumn div#logos {margin: 10px 0 0 0; padding: 10px 0 0 0 ; text-align: center;}

div#rightColumn h3 { font-size: 1.0em; margin: 0px; padding: 15px 0 10px 0px; text-align:left;}

div#rightColumn p {margin: 0; padding: 0px; font-size: 0.75em; text-align: justify; width: 240px }



div#footer {margin: 0px -5px 0px -28px; padding: 0; height:100px;  border-bottom: 10px solid #ccc; background: #fff; align:left; clear: both; background: url(../images/footer.gif) no-repeat; }


#twitter_div{font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color:#333333;    font-size: 0.75em ; text-align: justify; border-bottom:6px solid black;padding-bottom:5px }






/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/

#flickr_badge_image2,
#flickr_badge_image4,
#flickr_badge_image6,
 {clear: right;}

#flickr_badge_image1 a img,
#flickr_badge_image2 a img,
#flickr_badge_image3 a img,
#flickr_badge_image4 a img,
#flickr_badge_image5 a img,
#flickr_badge_image6 a img {border: 3px solid #999 !important; height: 75px; padding: 0 ;}

#flickr_badge_image1 a:hover img,
#flickr_badge_image2 a:hover img,
#flickr_badge_image3 a:hover img,
#flickr_badge_image4 a:hover img,
#flickr_badge_image5 a:hover img,
#flickr_badge_image6 a:hover img {border: 3px solid #01A453 !important; height: 75px; padding: 0;}

#flickr_badge_uber_wrapper {text-align:center; width:205px; margin: 0 0 10px 30px; }

#flickr_badge_uber_wrapper h3 {font-size:1.1em; tex-align: left;}
#flickr_badge_wrapper {padding:0px 0 0px 0; text-align: center;}
.flickr_badge_image {margin:10px 10px 10px 10px; height: 80px; float: left;}

.flickr_badge_image img { margin: 0; padding: 0; border:0 }



#flickr_badge_source {text-align:left; margin:0 10px 0 10px; clear: both}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0;  font-weight: 1.1em;  color:#000 !important;}



#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited { text-decoration:none !important; background:inherit !important;color:#3993ff;}



#flickr_badge_wrapper {background-color:#ffffff;border: 0}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}