/* ocfrw.css                                                         */
/* Cascading Style Sheet for OCFRW                                   */
/* CSS level 2                                                       */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	background-color: #FFFFFF;
	color: #003385;
}

a:link {
  color: #0000CC;
}

a:visited {
  color: #990099;
}

a:active {
  color: #FF0000;
}

.content {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	border: none;
	background-color: #FFFFFF;
	color: #003385;
	padding: 10px;
}

.content a:link {
  color: #0000CC;
}

.content a:visited {
  color: #990099;
}

.content a:active {
  color: #FF0000;
}

.sidebar {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #003385;
  background-image: url('/graphics/sidebarbg.gif');
}

.header {
	background-color: #FFFFFF;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold; 
	color: #003385;
	padding: 5px;
}

.tabbutton {
  font-size: 70%;
  font-weight: normal;
  text-align: center;
  background-image:  url('/graphics/frontbluetab.gif');
  background-repeat: no-repeat;
  color: #000000;
} 

.tabbutton a {
  display: block;
}

.tabbutton a:link {
  color: #000099;
  text-decoration: none;
  display: block;
}

.tabbutton a:visited {
  color: #660066;
  text-decoration: none;
  display: block;
}

.tabbutton a:hover {
  text-decoration: none;
  display: block;
}

.tabbutton a:active {
  color: #FF0000;
  text-decoration: none;
  display: block;
}

.backtabbutton {
  font-size: 70%;
  font-weight: normal;
  text-align: center;
  background-image:  url('/graphics/backbluetab.gif');
  background-repeat: no-repeat;
  color: #000000;
} 

.backtabbutton a {
  display: block;
}

.backtabbutton a:link {
  color: #000099;
  text-decoration: none;
  display: block;
}

.backtabbutton a:visited {
  color: #660066;
  text-decoration: none;
  display: block;
}

.backtabbutton a:hover {
  text-decoration: none;
  display: block;
}

.backtabbutton a:active {
  color: #FF0000;
  text-decoration: none;
  display: block;
}

.navbutton {
  font-size: 80%;
  font-weight: bold;
  text-align: left;
  background-color:  #FFCC33;
  color: #000000;
} 

.navbutton a {
  display: block;
}

.navbutton a:link {
  background-color:  #FFCC33;
  color: #000099;
  text-decoration: none;
  display: block;
}

.navbutton a:visited {
  background-color:  #FFCC33;
  color: #660066;
  text-decoration: none;
  display: block;
}

.navbutton a:hover {
  background-color: #EEEEEE;
  text-decoration: none;
  display: block;
}

.navbutton a:active {
  background-color:  #FFCC33;
  color: #FF0000;
  text-decoration: none;
  display: block;
}

.sectionnavbutton {
  font-size: 80%;
  font-weight: normal;
  text-align: left;
  background-color:  #FFCC33;
  color: #000000;
} 

.sectionnavbutton a {
  display: block;
}

.sectionnavbutton a:link {
  background-color:  #FFCC33;
  color: #000099;
  text-decoration: none;
  display: block;
}

.sectionnavbutton a:visited {
  background-color:  #FFCC33;
  color: #660066;
  text-decoration: none;
  display: block;
}

.sectionnavbutton a:hover {
  background-color: #FFEEDD;
  text-decoration: none;
  display: block;
}

.sectionnavbutton a:active {
  background-color:  #FFCC33;
  color: #FF0000;
  text-decoration: none;
  display: block;
}

.navtable {
  background-color: inherit;
  padding: 5px;
}

.clubdetails {
  padding: 6px 4px;
  border-bottom: thin solid #000000;
}

.calendarlinks td {
  border-left: 2px solid #CCCCCC;
  border-top: 2px solid #CCCCCC;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  padding: 4px;
}

.calendarlinks a {
  text-decoration: none;
  display: block;
}

.calendarlinks a:hover {
  background-color: #DDDDDD;
}

.time {
  font-size: 90%;
  font-style: italic;
}

.date {
  font-size: 90%;
  font-weight: bold;
}

.eventtitle {
  font-size: 90%;
  font-weight: bold;
}

.address {
  font-size: 90%;
  font-style: italic;
}

.eventdetails {
  font-size: 90%;
}

.toppicture {
  border-color: #999999;
  border-style: outset;
}

