﻿/*      Establishing general layout parameters
//  	OCAIR blue   = #0768A9; 
//   	OCAIR yellow = #E89E00; 
*/

* {
  /* Standard Font*/ 
	font-family: Arial;
	font-size: 11px;
}
body	{
	margin: 0;
	padding: 0;
	text-align: center;
	min-width:800px;
}

#wrapper {
	width:760px;
	margin:0 auto 0 auto;
	padding:25px 0 25px 0;
	position:relative;
	height:600px;
}

#pagewidth {
	width:760px;
	margin: 2 auto 2 auto;
	text-align: center;
}
div#TopBanner {
	width:760px;
	text-align: center;
	position:relative;
	height:15%;
	margin:0;
}
div#RecentKB {
  border: dash gray 1px;
	width:600px;
	text-align: left;
	position:relative;
	background-color:WhiteSmoke;
	margin:0;
}
div#RecentKB h2 {
 margin:0;
}
#Logo {
	float:left;
	width:120px;
	position:relative;
}
#Logo a:hover {
	background: white;
}
div#MusicBreak{
  float:left;
	width:348px;
	position:relative;
}
div#PlayListDropDown{
  float:right;
	width:150px;
	text-align: right;
	position:relative;
}
div#YoutubeBox{
  clear:both;
  float:left;
	width:100%;
	position:relative;
	margin: 2em 0 0 0;
}
#TitleBar {
	float:right;
	width:400px;
	font-size: 2.2em;
	font-weight: bold;
	text-align: center;
	position:absolute;
	left:250px;
}
.BannerSubtitle {
  color:gray;
}

div#Search{
    clear:both;
	display:block;
    height: 4em;
	margin: 2 auto 2 auto;
	background-color:goldenrod;
	position:relative;
}
div#grting{
	float:left;
	text-align:left;
	width:200px;
	margin: 2px 0px 0 5px;
	position:relative;
	display: inline;
}
div#GoogleBox{
	float:right;
	text-align: right;
	margin: 1em 0 0 0;
	position:relative;
}

#BoogleBtn{
	background-color:white;
	border:solid #0768A9 2px;
}

div#Footer{
	margin:0 0 25px 0;
	color: gray;
}
#SideBarLeft{
 	margin:0;
	padding:0;
	background-color:WhiteSmoke;
	text-align:left;
}


#SideBarLeft ul{
	list-style:none;
	margin:0;
	padding:0;
}
#SideBarLeft ul a{
	display:block;
}

.a_Buton{
 text-align:center;
 border: solid black 1px;
 font-weight: bold;
 background-color:silver;
 padding: 0.5px;
 }
.WebTeam{
	padding:0 5px 0 5px;
}

.BannerTitle {
	display: block;
	font-size: 20px;
	font-weight: bold;
	height: auto;
	letter-spacing: 2px;
	padding-top: 8px;
	text-align: center;
}
table#ChairElect td, table#MemberatLarge td{
	width:200px;
}
.stdMargin{margin-left:40px;margin-top:30px;}
.Bold14pxou{font-size:14px; font-weight:bold;text-decoration: overline underline;}
.Bold16px{font-size:16px; font-weight:bold;}
.Bold14px{font-size:14px; font-weight:bold;}
.Bold14pxBlack{font-size:14px; font-weight:bold; color:Black;}
.Bold14Red{font-size:14px; font-weight:bold; color:Red;}
.Bold14Green{font-size:14px; font-weight:bold; color:Green;}
.Bold12Green{font-size:12px; font-weight:bold; color:Green;}
.Bold16GD{font-size:16px; font-weight:bold; color:GoldenRod;}
.Bold14GD{font-size:14px; font-weight:bold; color:GoldenRod;}

.Bold12px{font-size:12px; font-weight:bold;}
.Bold10px{font-size:10px; font-weight:bold;}
.Bold08px{font-size:8px;  font-weight:bold;}
.Plain8px{font-size:8px;}
.Plain6px{font-size:6px;}
.Plain8Red{font-size:8px;color:Red;}
.Plain10Red{font-size:10px;color:Red;}
.Plain10Gray{font-size:10px;color:Gray;}
p, .Plain12px{font-size:12px;}
a.Plain14px{font-size:14px;}

.clrBlack{color:black;}
.clrRed{color:red;}
.clrGreen{color:green;}
.bgclrOcair{background-color:#D8E9EC;}
.IntroFont{font-size:12px;line-height: 1.5em;}
.SmallFont{
	font-size: 10px;
}
.Header {
	background-color:#D8E9EC;
}

.Sidebar {
	background-color: #D8E9EC;
}
.tblHeader {
	background-color: #99CCFF;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width:100%;
}
.dgHeader {
	text-align: center;
	font-weight: bold;
	background-color: #D8E9EC;
}
.dgItem {
	font-size: 10px;
	text-align:left;
}

input.BoxShrinked { font-size:10px; height:18px; }
img{
	border:0;
}
a:link, a:visited {
	background: transparent;
	color: #074872;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	background: lightblue;
	font-weight: bold;
	font-weight: bold;
	text-decoration: none;
}

a:active {
	background: transparent;
	color: #074872;
	font-weight: bold;
	text-decoration: underline;
}
.NewsLetter { color:DarkRed;}
a.NewsLetter {display:block;}

.name {
	display: inline;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	text-transform: capitalize;
}
.date{color: darkgreen;}
h2	{
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 25px;
	text-decoration: overline underline;
	color: #CC8A00;
}
.requiredItem {font-size: 12px;font-weight:bold; color:Darkgreen;}
.requiredInd  {font-size: 12px;font-weight:bold; color:Red;}
.story {font-size: 12px;}
.storyteller {font-size: 8px;text-decoration: underline;color:silver;}
.storyteller:hover {font-size: 10px;text-decoration: underline;color:green;}
.storytime{font-size: 4px;color:silver;}
.storytime:hover{font-size: 10px;color:green;}
a.pageActive{font-size:12px;   background:pink; border:green solid 1px;}
a.pageInactive{font-size:12px; border:0px;}
.question{font-size: 10pt; color:green; background-color:WhiteSmoke; padding: 10px; border:1px solid silver;}
