/* eliminates browser specific margins, padding and borders */
* {
margin: 0;
padding: 0;
border: 0;
}

/*//////////// content positioning style rules //////////////*/

#frame {
text-align: left;
max-width: 1000px;
width: 95%;     /* sets width for all viewports */
margin: 0 auto; /* centers content */
}

* html #frame{
/*Hack for width for IE6 */
width:expression(document.body.clientWidth > 1024? "1000px": "95%" );
}

#contentbox {
width: 100%;
}

/* NN6 Hack for centercontentfloats */
#contentbox:after {
 /* this is for NN6 to clear floats */
    content: "."; /* breaks the above rule for other browsers */
    display: block;
		height: 0px;
    clear: both;
    visibility: hidden;
}

#center {
  float:left;
  width: 100%;
	margin:90px -100% 0px 0px;
	z-index: -1;
}

#maincontent {
/* Syntax => margin: top right bottom left; right and left margins should include padding for left and right columns (columnwidth+padding) */
margin: 0px 27% 10px 2%;
}

* html #maincontent{/*IE6 hack */
margin-top: 40px;
}


#subnav {
clear:right;
margin:0px 24% 20px 245px;

}

* html #subnav{
margin: 0px 20px 20px 245px;
padding: 5px;
}

#right {
  float:right;
  width: 23%;
	margin: 10px 10px 10px 0px;
}
* html #right{
  /* hack for margins in IE6 */
	margin: 0px 5px 10px 0;
}

#blockhack{
	height: 80px;
}

* html #blockhack{
	display: none;
	}

/************* IE Mac CSS Only  works for Win too **************/
* html div#centerbox {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}


/* non content positioning styles */
#header, #footer {
clear: both;
width: 100%;
}

/*///////////////////////// end positioning style rules/////////////*/

/*///////////////////////// image replacement header link styles ///////////////*/
#company {
 width: 221px;
 height: 160px;
 margin: 15px 0 -20px 6px;
}

#company span {
 width: 221px;
 height: 160px;
 background: url(images/logo.gif);
 background-repeat: no-repeat;
 margin-bottom: -90px;
}

#company a{
text-decoration: none;
cursor: pointer; /* for IE */
}

/* non-repeated code */
h1 span {
 display: block;
 position: relative;
 z-index: 1;
}
/* IE5 Mac Hack \*/
h1 { overflow: hidden; }
/*/
h1 { text-indent: -100em; }
/* End Hack */

#slogan {
 width: 450px;
 height: 74px;
 margin-top: 15px;
}

#slogan span {
 width: 450px;
 height: 74px;
 background: url(images/slogan.gif);
 background-repeat: no-repeat;
 margin-bottom: -60px;
}

/* non-repeated code */
h2 span {
 display: block;
 position: relative;
 z-index: 1;
}
/* IE5 Mac Hack \*/
h2 { overflow: hidden; }
/*/
h2 { text-indent: -100em; }
/* End Hack */



/*//////////////////////// end image replacement ///////////////////*/


/*//////////////// general html styles /////////////*/

/* nn6/7 will put content out of scrollable reach if auto is used on #frame unless min-width is on body */
body{
min-width: 700px;
font-family: Ariel, Helvetica, Tahoma, Sans-Serif; /*sets default font*/
font-size: 16px;  /*sets default font-size so subsequent size markers function*/
background: #ccc;
color: #222;
}

img{
border: none;/*Sets default image border to none.*/
  text-decoration: none;/* Keeps Netscape from showing an underline if its a link */
}

h3, h4, h5, h6, ol, form, p{
padding: .1em .3em;
margin: 0px;
}

blockquote{
padding: 0 5px 0 10px;
}


ul{
margin-left: 55px;
}

li{
width: 260px;
}

h1, h2, h3, h4, h5, h6{
color: #282718;
}
hr{
height: 5px;
}
/*anchor elements*/

a:link{
text-decoration: none;
}

a:visited{}

a:active{}

a:hover{
text-decoration: underline;
}


/*///////////////// end general html styles /////////////*/

/*///////////////// general styles by id ////////////////*/

#frame{
background: /*#a29770*/#fff;
border: solid 3px /*#6D6B36*/#f00;
margin-top: 15px;
margin-bottom: 10px;
}

#header{
height: 100px;
}

#subnav {
padding: 10px 0px;
border: 2px solid #000;
background: #e6dbb0;
text-align: center;
text-transform: uppercase;
font-weight: bold;
color: #030;
font-size: 1.1em;
font-style: italic;
}

* html #center{ /* for IE 6 to raise the center */
margin-top: -40px;
}

#contentbox{
 /* background: #eee;
  border-top: 2px solid #6D6B36;
border-bottom: 2px solid #6D6B36; */
}
#maincontent{
/* background: #eee;
border: 2px solid #6D6B36; */
padding: 5px;
}
#maincontent.index{
background-image: url(/images/rider.jpg);
background-position: 100% 15%;
background-repeat: no-repeat;
}


#right{
padding: 4px;
color: #000;
}

/* a box for the logo within #company h1 */
#logobox{
float: left;
height: 100px; /* must be less than the slogan and its top margin */
clear: none;
}

/*a box for a page or site banner -- usually contains the slogan*/
#bannerbox{
float: right;
clear: none;
width: 63%;
height: 100px;
overflow: hidden;
}

#footer {
clear: both;
width: 100%;
text-align: center;
padding: 5px 0px;
border-top: 2px solid ##6D6B36;
font-size: .8em
}

#footer ul{}

#footer li{
display: inline;
list-style: none;
}

#footer a{
text-decoration: none;
color: #223;
}

#footer a:visited{
color: #332;
}

#footer a:hover{
text-decoration: underline;}

/*//////////////// end id styles ///////////////////////*/

/*///////////////// general style by class ///////////////*/

.hide{
display: none;
}

.center{
text-align: center;
}

.setcenter{
margin-left: auto;
margin-right: auto;
}

.cont{
background: #EEca95;
border: 1px #003D6C solid;
padding: 4px;
margin-bottom: 5px;
}

.hr{
width:90%;
border-bottom: 1px black solid;
height: 1px;
margin: 3px auto;

}
.note{
font-size: .6em;
}

.bronco, .bronco a{
text-transform: uppercase;
color: red;
font-weight: bold;
}

.cbutton a{
display: block;
width: 100px;
padding: 10px;
text-align: center;
border: 1px solid #030;
margin: 5px auto;
font-weight: bold;
background: #e6dbb0;
text-decoration: none;
color: #030;
}

.cbutton a:hover{
color: #060;
border-color: #060;
background: #f7ecc1;
}

.iright{
float: right;
margin: 8px;
}

* html .iright{
margin: 4px;
}

.thin{
width: 68%;
}

.big{
text-align: center;
color: red;
font-size: 1.6em;
}

.nobr{
white-space: nowrap;
}
/*///////////////// end styles by class /////////////////*/