/*
Theme Name: OCC
$Id: OCC.css 2978 2023-09-04 09:17:09Z darcy $
*/

@import url(https://CSS.VybeNetworks.com/Defaults.css);
@import url(https://CSS.VybeNetworks.com/base.css);
@import url(https://CSS.VybeNetworks.com/nav_horiz.css);
@import url(https://CSS.VybeNetworks.com/showpics.css);
.print-only { display: none; }

BODY {
  background-color: black;
  background-image: none;
  color: white;
  height: 100%;
  margin-bottom: 30px;
  margin: auto;
  vertical-align: top;
  width: 1200px;
}

MAIN {
  bottom: 30px;
  float: left;
  margin: 0 0 30px 0;
  padding: 0;
  position: unset;
  top: 250px;
  width: inherit;
}

HEADER {
  background-image: url(images/MarchConference.jpg);
  background-repeat: no-repeat;
  color: white;
  height: 135px;
  margin: 100px 0 0 0;
  padding: 0;
  width: inherit;
}
HEADER A {
  left: 465px;
  position: relative;
  top: -96px;
}
HEADER IMG {
  margin: 20px auto 0;
}

SECTION {
  float: left;
  margin-bottom: 25px;
  width: 100%;
}

FOOTER {
  background-color: #dddddd;
  bottom: 0px;
  font-size: 7pt;
  line-height: 10px;
  padding: 2px 0;
  position: fixed;
  text-align: center;
  width: 1200px;
  z-index: 1000;
}
FOOTER A, FOOTER A:visited, FOOTER A:hover {
  color: #672F76;
}

A, A:visited, A:hover {
  color: white;
}

CAPTION {
  background-color: #555555;
  border-radius: 10px 10px 0 0;
  font-size: 12pt;
  margin: 16px 0 0 0;
  padding: 5px;
  text-align: center;
}

H2 {
  color: #958051;
  font-size: 30pt;
  margin: 12px 0 36px 0;
  position: relative;
  right: 0;
  text-align: right;
  top: 20px;
}

H3 {
  color: white;
  font-size: 18pt;
  text-align: center;
}

H4 {
  font-size: 16pt;
  text-align: justify;
}

IMG.swag-image {
  width: 150px;
}

TD.swag-image {
  width: 150px;
}
TD.swag-item {
  background-color: #2d524b;
  border-radius: 10px;
  margin: 0 25px;
  padding: 3px 8px;
  text-align: center;
  width: 100%;

}

VIDEO {
  width: 600px;
}

TABLE.BikeRides {
  border-style: double;
  border-width: 3px;
  color: #d4bf90;
  margin: auto;
}
.BikeRides TR {
  background-color: #323232;
  border-style: solid;
  border-width: 1px;
  padding: 5px;
}
.BikeRides TR:nth-child(odd) { background-color: #494949; }
.BikeRides TH {
  text-align: center;
}

.BikeRides TD {
  border-style: none;
  border-width: 1px;
  padding: 3px;
}
.BikeRides A, .BikeRides A:visited, .BikeRides A:hover {
  color: #d4bf90;
  text-decoration: none;
}

.box {
  background-color: #c7b299;
  border-radius: 10px;
  color: #222222;
  display: grid;
  font-size: 12pt;
  margin: 25px 0 45px;
  padding: 3px 8px;
}
.box A, .box A:visited, .box A:hover {
  color: #252525;
  font-weight: bolder;
}
.box H4 {
  color: #222222;
}
.box IMG {
  max-width: 720px;
}
.box P {
  text-align: justify;
}
.box-club {
  float: left;
}
.box-club IMG {
  width: 90%;
}
.box-club, .box-independent {
  height: 430px;
  padding: 0 0 0 40px;
  width: 40%;
}
.box-independent {
  float: right
}
.box-independent IMG {
  width: 10%;
}

.contact {
  color: white;
}
.contact H3 {
  color: white;
  margin: 20px 0 0 0;
}
.contact H4 {
  color: white;
  font-size: 24pt;
  margin: 50px 0 3px 0;
}
.contact P {
  color: white;
  margin: 3px 0 3px 15px;
}

.credo {
  border-color: red;
  border-radius: 20px;
  border-style: solid;
  border-width: 5px;
  color: #c7b299;
  font-size: 14pt;
  text-align: center;
}
.credo H3 {
  font-size: 18pt;
}

.dict2html {
  background-color: black;
  color: white;
}
.dict2html TABLE, .dict2html TD {
  border-color: #dddddd;
  border-style: solid;
  border-width: 1px;
}
.dict2html TR {
  background-color: #222222;
}
.dict2html TR:nth-child(odd) {
  background-color: #444444;
}

.left-image {
  vertical-align: top;
}

.NewsList {
  color: white;
  font-size: 12pt;
}
.NewsList P {
  margin-top: 10px;
}
.NewsList TH {
  font-size: 15pt;
  font-weight: bold;
  line-height: 40px;
  text-align: left;
}
.NewsList TH:nth-child(2) {
  text-align: right;
}

.pagetype_header {
  border-color: #777777;
  border-radius: 15px;
  border-style: solid;
  border-width: 3px;
  color: #202020;
  font-size: 12pt;
  margin: 3px 0;
  padding: 8px 16px;
  text-align: left;
}

.page_display LI {
  line-height: 20pt;
}

.pic-left {
  float: left;
  margin-right: 10px;
}

.pic-right {
  float: right;
  margin-left: 10px;
}

.plate {
  height: 110px;
}

.police-stop {
  background-color: #520000;
  border-color: #c7b299;
  border-style: solid;
  border-width: 5px 3px;
  font-size: 14pt;
  height: 170px;
  text-align: center;
}
IMG.police-stop {
  border-style: none;
  height: 100%;
}
.police-stop A, .police-stop A:visited, .police-stop A:hover {
  color: #c7b299;
  text-decoration: none;
}

.qpark {
  background-color: #0e1c18;
  height: 250px;
  margin: auto;
  text-align: center;
  width: 360px;
}
.qpark H3 {
  font-size: 18pt;
  position: relative;
  top: -60px;
}
.qpark IMG, .queenspark IMG {
  width: 100%;
}
.qpark P {
  bottom: 75px;
  position: relative;
}

.queenspark {
  text-align: center;
}
.queenspark-picleft {
  float: left;
  margin: auto;
  width: 460px;
}
.queenspark-picright {
  float: left;
  margin: auto;
  width: 460px;
}
.queenspark-pictop {
  background-color: #523c2b;
  font-size: 12pt;
  height: 390px;
  margin: 0 auto 20px auto;
  width: 610px;
}
.queenspark-text {
  float: left;
  font-size: 14pt;
  margin: 0 0 0 10px;
  text-align: left;
  width: 440px;
}
.queenspark-text-left {
  margin: 0 10px 0 0;
}
.queenspark-text-right IMG {
  float: right;
  margin: 0 0 0 6px;
  width: 140px;
}

.rides IFRAME {
  height: 100%;
  position: absolute;
  width: 986px;
}

.swag-item H3 {
  margin: 0;
}
.swag-item H4 {
  font-size: 15pt;
  margin: 20px 0;
}

.videos {
  text-align: center;
}

.whatsnew TH {
  font-size: 20pt;
  padding: 0 0 10px 0;
  text-align: left;
}
.whatsnew TH:nth-child(2) {
  text-align: right;
}

NAV {
  background-color: #dddddd;
  border-radius: 10px 10px 0 0 ;
  bottom: 24px;
  color: #282010;
  float: right;
  font-size: 12pt;
  height: 25px;
  padding-top: 8px;
  position: fixed;
  text-align: center;
  width: 1200px;
}

NAV UL {
  margin: 2px;
}

NAV UL LI {
  font-weight: bolder;
  padding: 0 15px;
}
NAV UL LI:hover {
  background-color: #c4c4c4;
}

NAV UL UL {
  bottom: -25px;
  top: inherit;
  width: 75px;
}

NAV UL UL UL {
  width: 120px;
}

NAV UL UL LI {
  background-color: #dddddd;
  border: none;
  bottom: 35px;
  height: 45px;
  padding: 0 5px;
  position: relative;
}

NAV UL UL LI A {
  margin: 0;
  height: 35px;
}
NAV LI {
  border-color: black;
  border-style: solid;
  border-width: 0 0 0 2px;
  color: #282010;
}
NAV LI:nth-child(1) { border: 0; }
NAV LI A {
  border-width: 0;
  color: #282010;
  padding: 0;
}

NAV A, NAV A:visited,NAV A:link {
  color: black;
}
NAV A:hover {
  font-style: italic;
  text-decoration: underline;
}