/* ** Reset some styles (based on Eric Meyer's CSS Reset) ** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, 
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, 
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%;
	vertical-align: baseline;
	line-height: 1.6em; /* mainly here because Safari 2 doesn't inherit line-height */
}
*:focus { outline: 0; } /* remember to define focus styles! */
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left;font-weight: normal; }
blockquote, q { quotes: none; }

/* ** Set some base styles (based on YUI base.css) ** */
body { font: 12px/1.6em Arial, Verdana, sans-serif; color: #000; background: #fff; }

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 15px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

h1, h2, h3, h4, h5, h6 { margin: 12px 0; }
h1, h2, h3, h4, h5, h6, strong, dt { font-weight: bold; }

html\:abbr, abbr, acronym { border-bottom: 1px dotted #000; cursor: help; }
em { font-style: italic; }
blockquote, ul, ol, dl { margin: 12px; }

ol, ul, dl { margin-left: 24px; }
ol { list-style: decimal outside; }
ul { list-style: disc outside; }
dl dd { margin-left: 12px; }
/*th, td { border: 1px solid #000; padding: 6px; }*/
th { font-weight: bold; text-align: center; }
caption { margin-bottom: 6px; text-align: center; }
p, fieldset, table { margin-bottom: 12px; }

a:focus { outline: #666 dotted 1px; }


/* FOBL */

body {
	 background: #eff2f3;  overflow: hidden;}
/* top banner */
div#topBanner {
	background: #badde6;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0px;	
	left: 0px;
	width: 100%;
	height: 90px;
	overflow: hidden;

}

/* Side nav */
#sideNavContainer {width: 150px; 	
	padding: 0;
	margin: 0;
	position: absolute;	
	top: 90px;
	left: 20px;
	bottom: 0px;

}
ul#sideNav {padding-top: 10px; margin: 0 5px 0 10px; padding:10px 10px 0  10px;}

#sideNav li {
	list-style: none; 
	clear: left; 
	font-size: 1em; 
	font-weight: bold ;
	color: #8faeb5;
	padding:0 ; 
	margin: 0 .2em; 
	background-color: #eff2f3;  
	border: 0px #fff solid; 
	margin-left: 17px
	}
	
#sideNav li.sideNavMain {margin-left: -17px ;}
#sideNav li.sideNavItem {margin-left: 5px ; 	list-style: disc; }

/* Main content */
div#MainContentDiv {margin: 0 ;   background: white; padding: 0px; margin: 0 20px  0 30px ; 	position: absolute;
	margin-left: 0px; left: 150px; top: 100px;
	padding:  0 10px;
	margin: 0;
	position: absolute;	
	top: 90px;
	left: 150px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
	}
	
/* copy right */
div#copyright {
	height: 90px;
	margin: 50px 0  150px 0;
	color: #666666; 
	font-size: 10px;  
	background: white; 
	width: 100%;
	clear: both;
	bottom: 0px;}
	
	
.sideBySide {float: left; width: 48%; padding:  0 0 0  0;  background: white; margin: 0 6px  0 4px ;
}
h3 {font-size: 133%; margin: 10px 0  10px 0; padding: 3px  3px;   background: #badde6;}


h4 {font-size: 125%;      color: #3584AF; padding: 0; margin: 3px 0  1px 0;}
td, th { vertical-align: top; font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0;}
strong {vertical-align: top;  font-weight: bold;}
a:link, a:hover , a:active {color: #003399;  }
a:visited {color: #003333; }
td.address { margin: 0; padding: 3px;}
strong.bodytextwhite { color:  white;}
.secTitle {color: #006666; font-size: 1.5em}
.secTitleBig {color: #15444C; font-size: 1.25em}
.paraTitle { color: #003333;}
span.src {padding: 0em 0em 0em 2em; margin:0; }
strong.bodytextwhite { color:  white;}
.secTitle {color: #006666; font-size: 1.5em}
.secTitleBig {color: #15444C; font-size: 1.25em}
.paraTitle { color: #003333; font-size: 1.25em}
a.sitenav:link, a.sitenav:visited  , a.sitenav:active{
	color: #333366;
	font-weight: normal; text-decoration: none; }
a.sitenav:hover {
	color: #006666;   
		font-weight: normal; text-decoration: none; }
.redtext {color: red;}
.bgEvnt { background-color: #badde6;}
.snLink2 {color: #003366; text-decoration: none; font-size: 11px;} 
.snLink2 a {color: #003366; text-decoration: none; font-size: 11px;} 
.snLink1 {padding-top: 10px; color: white; font-weight: bold; } 
.snLink1 a { color: white; font-weight: bold; text-decoration: none;} 
table#boardMembers {margin: 0; padding: 2px; width: 100%;}
table#boardMembers  td {border-bottom: #eff2f3 1px solid; padding-left: 5px;}
.boardT {text-align: right; font-weight: bold; padding-right: 10px;}
table#businessMembers {margin: 0; padding: 3px; width: 100%;}
table#businessMembers  td {border-bottom: #eff2f3 1px solid; padding-left: 5px;}

.eventlink {border-bottom: 1px solid #eff2f3; text-align: right; margin-right: 10px;}
.eventlink a {text-decoration: none;font-weight: bold; background-color: #eff2f3;}
.eventlink a:hover {text-decoration: underline;}


img {border: 0;}

#validLogo {clear: both;}

.eventsBox {border: 1px solid #3584af;padding: 2px; margin-top: 10px;}
/* Early Bird Computer Classes offered winter 2010*/
.compClassBox { margin-top: 5px; padding: 2px;}
.compClassDate {font-weight:normal; width: 12ex; float: left; border: 0px red solid; clear: left;}
.compClassTopic { font-weight:bold; margin-left: 13ex;}
.compClassPrereq {color:#003399; font-weight:normal;}
.compClassShaded {background-color: #eff2f3}


.kidsClassDate{font-weight:normal; width: 11ex; float: left; border-right: 1px  #9ac1d7 solid; clear: left;}
.kidsClassTopic {font-weight:normal; margin-left: 11ex; border-left:  #9ac1d7 1px solid; padding-left: 7px;}