body {

    background-image:url('../images/fire.jpg');

    color: white;

    font-size: 0.9em;

    font-family: Tahoma;

    line-height: 1.45em;

}



h1 {

    font-weight: bold;

    font-size: 1.4em;

    margin: 15px 0 10px 10px;

}



h2 {

    font-weight: bold;

    font-size: 1.0em;

    margin: 10px 0 5px 20px;

    color: #ffaf00;

}



h3 {

    font-weight: bold;

    font-size: 0.9em;

    margin: 10px 0 5px 25px;

    color: #00d9e0;

    text-transform: uppercase;

}



h4 {

    font-style: italic;

    font-size: 0.9em;

    margin: 10px 0 5px 40px;

    color: #ef224b;

}



p {

    margin: 10px 40px;

    text-align: justify;

}



p.main {

    margin: 17px 10px;

}



a {

    color: #ff6500;

    text-decoration: none;

}



a:hover {

    text-decoration: underline;

}



i {

    font-style: italic;

}



ul {

    margin-left: 70px;

    list-style: disc;

}



ul li {

    margin: 10px;

}



#top {

    height: 367px;

    width: 977px;

    margin: auto;

    position: relative;

}



#menu {

    width: 977px;

    position: absolute;

    bottom: 0px;

}



#content {

    width: 939px;

    padding: 0 19px;

    background-color: #262626;

    border-top: 1px solid #666666;

    margin: auto;

    padding-bottom: 30px;

}



#content.home {

    width: 977px;

    padding: 0px;

}

p.about {

    text-align:center;

	 padding-top: 20px;

}



#content .container {

    background-color: #2b2b2b;

    padding: 19px;

}



#content .container .left {

    float: left;

    width: 500px;

    text-align: center;

}



#content .container .right {

    float: right;

    width: 439px;

    text-align: center;

}



#content .container .right .box {

    background-color: #242424;

    text-align: justify;

    padding: 15px 20px 10px 20px;

    line-height: 1.6em;

}



.lovefreedom {

    border-top: 2px solid #2b2b2b;

    text-align: center;

    margin-top: 20px;

}



.clear {

    clear: both;

}



.doublehr {

    width: 977px;

    height: 3px;

    margin: 0px 0 20px 0;

    clear: both;

    background-image: url('../images/outlinedhr.jpg');

}



.orange {

    color: #ff6500;

}



#footer {

    width: 977px;

    height: 108px;

    margin: auto;

    background-image: url('../images/background_footer.jpg');

    position: relative;

}



#footer div {

    position: absolute;

    bottom: 0px;

    width: 967px;

    text-align: right;

    padding-right: 10px;

    color: white;

    font-size: 0.7em;

    line-height: 1.45em;

}



/* 

 form

*/

form table {

    width: 920px;

    margin: auto;

}



form table .description {

    text-align: right;

    vertical-align: top;

}



form table .center {

    text-align: center;

}



form table td {

    padding: 5px;

}



form fieldset {

    border: 1px solid #ff6500;

    margin-left: 32px;

    width: 450px;

}



form fieldset legend {

    color: #ff6500;

}



form input {

    width: 300px;

    margin: 2px;

}



form .check {

    width: 35px;

}



form textarea {

    width: 350px;

    height: 80px;

}



.send {

    background-image: url('../images/headings/application_send.jpg');

    border: 0px;

    width: 81px;

    height: 26px;

}



.reset {

    background-image: url('../images/headings/application_reset.jpg');

    border: 0px;

    width: 88px;

    height: 26px;

}



.events {

    text-align: center;

}

.events p {

    margin:10px 15px;

}

.eventheading {

    font-weight: bold;

    color: #f6eb00;

}



.annoucements {

    width: 440px;

    float: left;

	 margin-left:20px;

	 margin-bottom:20px;

}

.annoucements img{

float:left;

margin-right:10px;

}

.annoucementheading{

    font-weight: bold;

    color: #0078d2;

}

.borderright

{

border-right:1px solid #4f4f4f;

}

/* 

  Cycling logos

*/

.logos {

    height:285px;

    width:977px;

    padding: 0;

    margin: 0;

	overflow:hidden;

}



.logos img {

    background-color: #eee;  

    top:  0; 

    left: 0;

    width: 977px;

    height: 285px;



}

 /* 

 		Community

 */

 .community

 {

 width:440px;

 float:left;

 margin-lefT:20px;

 }

 .community ul

 {

 list-style: none;

 }

 

 /*

 		donate

 */

 .paypal

 {

 width:120px;

 margin-left:30px;

 }

 

 

 

 

 

 /**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-container".

 */

.jcarousel-container {

    position: relative;

	left:12px;

	width:870px;

	padding:0px 40px;

}



.jcarousel-clip {

    z-index: 2;

	width:870px;

    padding: 0;

    margin: 0;

    overflow: hidden;

    position: relative;

}



.jcarousel-list {

    z-index: 1;

    overflow: hidden;

    position: relative;

    top: 0;

    left: 0px;

    margin: 0;

    padding: 0;

}



.jcarousel-list li,

.jcarousel-item {

    float: left;

    list-style: none;

	margin:0px;

	padding:0px;

    /* We set the width/height explicitly. No width/height causes infinite loops. */

    width:290px;

    height:330px;

}



/** 

 * The buttons are added dynamically by jCarousel before

 * the <ul> list (inside the <div> described above) and

 * have the classnames "jcarousel-next" and "jcarousel-prev".

 */

.jcarousel-next-horizontal {

    z-index: 3;

	position: absolute;

    top: 85px;

    right:0px;

	width:35px;

	height:86px;

	background-image:url(../images/right.jpg);

	

}



.jcarousel-prev-horizontal {

    z-index: 3;

	    position: absolute;

    top:85px;

    left: 0px;

	width:35px;

	height:86px;

	background-image:url(../images/left.jpg);

}