/* ocmain.css */

BODY {
 margin: 0 0 0 0;
 font: normal normal 1em "Comic Sans MS", cursive, Verdana, Arial, Helvetica, sans-serif;
 background-color: #060;
 color: #000;
 text-align: center;
 font-family: "Comic Sans MS", cursive;
}
BODY IMG {
 border: none;
}
BODY TABLE { /* IE 5.x hack */
 font-size: 1em;
}

.main A:LINK                    {color: #930;}
.main A:VISITED                 {color: #620;}
.main A:HOVER {color: #060; background: #efd;}
.main A:ACTIVE                  {color: #c30;}

.pge {
 width: 775px;
 text-align: center;
 margin: 0 auto 0 auto;
}
.main {
 padding-top: 20px;
 width: 100%;
 text-align: left;
 background: #db8 url(images/mainbk.jpg);
}
.main DIV {
 margin: 0 30px 20px 30px;
}
.main DIV.btmeqmgt,
.main DIV.btmblock {
 margin-bottom: 0px;
}
.main DIV.mainwide {
 margin: 0 auto 20px auto;
 text-align: center;
}
.main DIV.mainw1 {
 margin: 0 90px 20px 90px;
}
.main DIV.mainw1 DIV {
 margin: 0 0 20px 0
}
.main DIV.mainw1 IMG {
 margin: 0 30px 0 30px;
}
.main DIV.mainw2 {
 margin: 0 260px 20px 260px;
}
.main DIV.mainw2 DIV {
 margin: 0 0 20px 0
}
.main DIV.uldiv,
.main DIV.uldiv2 {
 margin-left: 10px;
}
.main DIV.uldiv LI {
 margin-bottom: 10px;
}
.main DIV.uldiv2 LI {
 margin-bottom: 20px;
}

.center {
 text-align: center;
}
.centerimg IMG {
 display: block;
 margin: 20px auto 0 auto;
 text-align: center;
}
.centertbl {
 margin: 0 auto 0 auto;
}

.hdr {
 margin: 0 auto 0 auto;
 line-height: 1px;
}
.ttl {
 font-size: 1.1em;
 margin: 0 auto 0 auto;
 letter-spacing: 2px;
 background-color: #060;
 color: #efd;
 padding: 5px 0 5px 0;
}

.ridetbl {
 width: 100%;
 margin: 0 auto 20px auto;
}
.ridetbl TD {
 text-align: center;
}

.slogan {
 font-size: 1.5em;
 font-weight: bold;
 letter-spacing: 4px;
 text-align: center;
 color: #800;
}

.imgttlright {
 text-align: left;
 color: #800;
}
.imgttlright IMG {
 vertical-align: middle;
 margin-right: 40px;
}
.imgttlleft {
 text-align: right;
 color: #800;
}
.imgttlleft IMG {
 vertical-align: middle;
 margin-left: 40px;
}

.mainttl {
 text-transform: uppercase;
 letter-spacing: 2px;
 text-align: center;
}
.subttl {
 letter-spacing: 2px;
 font-size: 1.1em;
 text-align: center;
}

.rideinfo {
 text-align: center;
}
.rideinfo A {
 padding: 0 5px 0 5px;
}
.ridehdr {
 text-align: center;
}
.ridehdr SPAN {
 display: block;
 text-transform: uppercase;
 letter-spacing: 2px;
 font-size: 1.1em;
}

.floatleft {
 float: left;
 margin-right: 10px;
}
.floatright {
 float: right;
 margin-left: 10px;
}
.nofloat {
 clear: both;
}

.main DIV.ctblock {
 width: 50%;
 margin: 20px auto 30px auto;
 padding: 10px 10px 10px 10px;
 border: 2px inset;
 border: 4px double #850;
 text-align: center;
}
.main DIV.ctblock .ctname {
 color: #850;
}

.maintbl {
 margin: 0 auto 50px auto;
}
.maintbl TD {
 vertical-align: top;
}
.maintblright {
 padding-right: 30px;
}
.maintbl IMG {
 display: block;
 border: 4px double #850;
 margin-bottom: 20px;
 width: 300px;
}
.maintbl LI {
 list-style: square url(images/listtree.gif);
}
.maintbl .maintbltriimg {
 text-align: center;
}
.maintbl .maintbltriimg IMG {
 display: inline;
 width: 220px;
}

.pge DIV.snapcontent {
 margin: 0 0 0 0;
}
.snapdiv {
 position: relative;
/* left: -30px;*/
 width: 100%;
 height: 600px;
}
.snapdiv IMG {
 border: 5px outset #ffe;
}
.snapdiv DIV {
 cursor: ne-resize;
 position: absolute;
 z-index:0;
 font-size: .8em;
}
.snapdiv10 {top:0px;   left:270px;}
.snapdiv9  {top:30px;  left:240px;}
.snapdiv8  {top:60px;  left:210px;}
.snapdiv7  {top:90px;  left:180px;}
.snapdiv6  {top:120px; left:150px;}
.snapdiv5  {top:150px; left:120px;}
.snapdiv4  {top:180px; left:90px;}
.snapdiv3  {top:210px; left:60px;}
.snapdiv2  {top:240px; left:30px;}
.snapdiv1  {top:270px; left:0px;}

.s2apdiv8  {top:0px;   left:210px;}
.s2apdiv7  {top:30px;  left:180px;}
.s2apdiv6  {top:60px;  left:150px;}
.s2apdiv5  {top:90px;  left:120px;}
.s2apdiv4  {top:120px; left:90px;}
.s2apdiv3  {top:150px; left:60px;}
.s2apdiv2  {top:180px; left:30px;}
.s2apdiv1  {top:210px; left:0px;}

.aclink LI {
 list-style: url(images/listtree.gif) circle;
 margin-bottom: 10px;
}

.pack1 LI {
 list-style-image: url(images/listcowboy.gif);
 margin-bottom: 15px;
}
.pack2 LI {
 list-style-image: url(images/listhorse.gif);
 margin-bottom: 0;
}
.pack3 LI {
 list-style-image: none;
 margin-bottom: 0;
}


.btmblock {
 padding-top: 30px;
 text-align: center;
}
.btmcontact {
 font-size: .8em;
 text-align: center;
}
.btmeqmgt {
 font: normal normal 13px "Times New Roman", "Times", serif;
 text-align: center;
 padding-bottom: 20px;
}
.btmbar {
 width: 100%;
 height: 20px;
}
.btmbar A {
 display: block;
 width: 100%;
 height: 20px;
 background: url(images/arbk.gif) transparent;
 font-size: 13px;
 font-weight: bold;
 letter-spacing: 5px;
 text-decoration: none;
 color: #db8;
}
.btmbar A:HOVER {
 background-color: #db8;
 color: #060;
}
.btmcopy {
 font: normal normal 11px "Times New Roman", "Times", serif;
 color: #db8;
 padding: 20px 0 20px 0;
}
.btmcopyleft {
 padding-right: 100px;
}
.btmcopyleft A {
 color: #db8;
}
.btmcopyleft A:HOVER {
 color: #ffe;
}



/* navigation */
/* for HOVER: IE5.5 and IE6 styled first; IE7,non-IE browsers styled second */
.navblk {
 position: relative;
 width: 100%;
 margin-bottom: 20px;
}
.navblka, .navbar {
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 20px;
 background: #090;
}
.navbaroff {
 display: none;
}
.navtbl {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
}
.navtbl TD {
 vertical-align: top;
 text-align: left;
}
.navtbl A,
.navtbl A SPAN.nava {
 display: block;
 text-align: left;
 text-decoration: none;
 font: normal bold 13px/20px Arial, Helvetica, sans-serif;
 color: #efd;
}
.navtbl A SPAN.nava {
 width: 155px;
 cursor: pointer;
 cursor: hand;
 text-align: center;
}
.navtbl A SPAN.navd1 {margin-left:  7px;}
.navtbl A SPAN.navd2 {margin-left: 20px;}
.navtbl A.navon, 
.navtbl A.navon SPAN.nava {
 color: #0f0;
}
/* navlink HOVER */
.navtbl A:HOVER SPAN.nava2,
.navtbl TD:HOVER SPAN.nava2 {
 color: #050;
 background: #df0;
 padding: 0 10px 0 10px;
}
/* navlink selected HOVER disable*/
.navtbl A.navon:HOVER SPAN.nava2,
.navtbl TD:HOVER A.navon SPAN.nava2 {
 color: #ef0;
 background: transparent;
}
/* navbar HOVER */
A.navblka:HOVER,
.navblk:HOVER .navbar {
 background: #0a0;
}
/* nav drop-down menu HOVER */
.navtbl TABLE {
 position: absolute;
 top: 20px;
 visibility: hidden;
 margin-left: 8px; /* (155-140)/2 */
}
.navtbl TABLE TD A {
 width: 140px;
 text-align: left;
 text-decoration: none;
 font: normal bold 13px/20px Arial, Helvetica, sans-serif;
 color: #efd;
 background: #0a0;
 border-bottom: 2px solid #050;
}
/* drop-down block display */
.navtbl TD A:HOVER TABLE,
.navtbl TD:HOVER TABLE {
 visibility: visible;
}
/* drop-down item HOVER */
.navtbl TD A TABLE TD A:HOVER,
.navtbl TD TABLE TD A:HOVER {
 color: #050;
 background: #df0;
}
/* drop-down selected HOVER disable */
.navtbl TD A TABLE TD A.navon:HOVER,
.navtbl TD TABLE TD A.navon:HOVER {
 color: #ef0;
 background: #090;
}
/* end navigation */