body {
	background-image: url(../images/bkg.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 0;
	padding: 0;
	}

/* TABLES
------------------------------------------------------- */
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background-color: #FFF;
	padding: 6px 10px;
	}

#eventsTable td {
	margin: 6px 0;
	padding-top: 0.5em;
	}

/* GENERAL LINKS
------------------------------------------------------- */
a:link, a:visited {
	color: #29486B;
	text-decoration: none;
	font-weight: normal;
	}
	
a:hover	{
	color: #6888ad; 
	text-decoration: underline;
	}

/* HEADERS
------------------------------------------------------- */
h1		{
	font-family: Gill Sans, Verdana, serif;
	color: #000;
	margin: 0;
	padding: 10px 0px 0px 0px;
	font-size: 30px;
	line-height: 26px;
	letter-spacing: -.05em;
	font-weight: normal;
	float: left;
	}
	
h1.header {
	font-family: Gill Sans, Verdana, serif;
	color: #a1ce3d;
	margin: 0;
	padding: 0;
	font-size: 30px;
	line-height: 0.5em;
	letter-spacing: -.05em;
	font-weight: normal;
	float: none;
}

.blueDiv h2 {
	margin: 0;
	padding:0;
	color: #29486B;
	font-size: 14px;
	display: inline;
	}

h2 {
	margin: .5em 0 0.75em 0;
	color: #29486B;
	font-size: 150%;
	}

h3 {
	margin: .5em 0 -0.5em 0;
	padding-top: 0.5em;
	color: #29486B;
	font-size: 120%;
	}

h4 {
	margin: .5em 0 -.5em 0;
	border-top: 1px solid #CCC;
	padding-top: 0.5em;
	color: #29486B;
	font-size: 110%;
	font-weight: bold;
	}

h5 {
	margin: .5em 0 -0.5em 0;
	padding-top: 0.5em;
	color: #29486B;
	font-size: 110%;
	}

/* NAVIGATION
------------------------------------------------------- */
	
#navbar {
	width: 740px;
	float: left;
	margin: 4px 0 0 0;
	padding: 0;
	background: #29486B;
	border: 0;
	}html>body #sidebar { width: 740px; }

#menu {
	margin: 0;
	padding: 0;
	}
	
#menu ul {
	margin: 0;
}

#menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	}
	
#menu li a {
  	font-family: Verdana,Arial,Helvetica,Sans-serif;
  	font-size: 10px;
	color: #d2dbe6;
	display: block;
	padding: 3px 7px;
	border: #d2dbe6 solid;
	border-width: 0 1px 0 0;
	text-decoration: none;
	font-weight: bold;
  	}
	
#menu li a:hover {
	color: #FFF;
	background: #6888ad;
	}
  	
#menu li.active a {
	color: #fcd433;
	}
  	
#home li.home a,
#about  li.about a,
#trips li.trips a,
#birthdays li.birthdays a,
#memberships li.memberships a,
#events li.events a,
#directions li.directions a,
#contact li.contact a,
#help li.help a {
	color: #036;
	background: #a1ce3d;
	}

/* LIST FORMATING
------------------------------------------------------- */

ul 	{ 
	list-style-type: square;
	margin: 6px 0 12px 0; 
	padding: 0 0 0 16px;  
	}

li	{ 
	text-align: left;
	margin: 0;
	padding-bottom: 0 0 6px 0;
	font-weight: normal; 
	text-decoration: none; 
	list-style-position: outside;
	}
	
#ul-Multi {
	list-style: square inside;
	float: left;
	margin: 6px 0 12px 0; 
	padding: 0 40px 0 16px;
	}

#ul-Last {
	list-style: square inside;
	position: relative;
	margin: 6px 0 12px 0; 
	padding: 0 0 0 16px;
	}

.ul-Plain {
	list-style-type: none;
	margin: 2px 0 12px 0; 
	padding: 0 0 0 16px;
	}

.ul-Plain li	{ 
	text-align: left;
	margin: 0;
	padding: 0 0 2px 0;
	color: #333;
	}
	
.submenu {
	padding-bottom: 4px;
	border-bottom: 1px solid #29486B;
}
	
.submenu li{
	background: transparent url(../images/arrow_small_blue.gif) no-repeat top left;
	list-style-type: none;
	display: inline;
	font-size: 14px;
	color:#29486B;
	margin: 0px 40px 0px -12px;
	padding-left: 8px; /*space between bullet and text*/
}


ul.hList {
list-style: none; 
border: none;
}

ul.hList li {
display: inline; 
margin: 0; 
padding: 0 5px;
font-size: 11px;
background: none;
}

ul.hList li a {
color: #0f67ba;
text-decoration: underline;
background: none;
}

ul.hList li a:hover {
color: #7B2A90;
text-decoration: none;
}
	
/* INLINE COLUMNS
------------------------------------------------------- */

#fullwidth {
	width: 740px;
	clear:both; 
	}

.inlineCol4, .inlineCol3, .inlineCol2 { 
    display: inline; /* IE double margin bug */
	float:left;
    }
.inlineCol4 {
    width:156px;
	min-height: 10px;
	height: 100%;
	margin-right: 18px;
	padding: 6px 10px 6px 0;
    }
.inlineCol3 { 
    width:222px;
	margin-right: 18px;
	padding:0 0 15px 0;
    }
.inlineCol2 { 
    width:48%;
	margin: 3px;
	padding:0 10px 15px 0;
    }
    
/* FOOTER
------------------------------------------------------- */
	
#footer {
	clear: both;
	width: 740px;
	font-size: 10px;
	color: #29486B;
	text-align: center;
	margin: 10px auto 10px auto;
	padding: 5px 0;
	border-top: 1px solid #29486B;
}

/* ADDITIONAL STYLES
------------------------------------------------------- */

.clearer { clear: both; }

.smallText { font-size: 80%; }

.hero { margin: 0; padding-right: 12px; }

.blueTR { background-color: #d2dbe6; }

.blueTxt { color: #0f67ba; }
.blueBoldTxt { color: #0f67ba; font-weight:bold; }

.greenTxt { color: #80bf00; }
.greenBoldTxt { color: #80bf00; font-weight:bold; }

.redTxt { color: #f00; }
.redBoldTxt { color: #f00; font-weight:bold; }

.purpleTxt { color: #7B2A90; }
.purpleBoldTxt { color: #7B2A90; font-weight:bold; }

.blockTxt { display: block; float: none; }
.bld { font-weight: bold; }

#infoBox, .infoBox { 
	margin: 4px 0;
	padding: 10px;
	background-color: #d2dbe6;
	text-align: center;
	}
	
.padLeft { padding: 0 0 6px 10px; }
.padRight { padding: 0 10px 6px 0; }
		
.fLeft { float: left; }
	
.blox { display: inline; float: right; }

.iLine { display: inline; }


.blueDiv {
	width:100%;
	margin:15px 0 10px 0;
	padding: 5px 0;
	background-color: #d2dbe6;
	float: left;
	clear: both;
}

.campDate { 
	width: 160px;
	margin-left: 10px;
	font-weight: bold;
	float: left;
}
	
.campTitle {
	font-weight: bold;
	float: left;
}
	
.campTeacher {
	margin: 0 10px;
	font-weight: normal;
	float: right;
	font-style: italic;
}