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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{
	background: #000;
	padding: 0px;
	margin: 0px;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: .08em;
	line-height: 1.6;
	/*color: #4488DD;*/
	color: #001177;
}

H1, H2, H3, H4, H5 {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
	/*color: #3366FF;*/
	color: #0022BB;
}
			
H1 {
	font-size: 26px;
}

H2 {
	font-size: 22px;
}

H3 {
	font-size: 18px;
}

H4 {
	font-size: 14px;
}

H5 {
	font-size: 12px;
}

H6 {
	font-size: 10px;
}

H7 {
	font-size: 9px;
}

p {
	margin: 5px 0px 10px 0px;
	line-height: 15px;
}
/*
a, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #26551E;
}

a:hover {
	text-decoration: underline;
}
*/



/*===== Menu Styles =====*/
#menu {
  width: 780px;
  height: 40px;
  clear: both;
}

ul#nav {
  float: left;
  width: 780px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #333399 url(../img/menu-parent.png) repeat-x;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;  
}

ul#nav li {
  display: inline;
}

ul#nav li a {
  float: left;
  font: bold 1.1em arial,verdana,tahoma,sans-serif;
  line-height: 40px;
  color: #AAF;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000088;
  margin: 0;
  padding: 0 10px;
  background: #333399 url(../img/menu-parent.png) repeat-x;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;     
}

/* APPLIES THE ACTIVE STATE */
ul#nav .current a, ul#nav li:hover > a  {
  color: #FFF;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000033;
  background: #0000BB;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px; 
}

/* THE SUBMENU LIST HIDDEN BY DEFAULT */
ul#nav  ul {
  display: none;
}

/* WHEN THE FIRST LEVEL MENU ITEM IS HOVERED, THE CHILD MENU APPEARS */
ul#nav li:hover > ul {
  position: absolute;
  display: block;
  width: 780px;
  height: 30px;
  position: absolute;
  margin: 40px 0 0 0;
  background: #0000AA url(../img/menu-child.png) repeat-x; 
  -webkit-border-bottom-right-radius: 10px; 
  -webkit-border-bottom-left-radius: 10px; 
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
}

ul#nav li:hover > ul li a {
  float: left;
  font: bold 1.1em arial,verdana,tahoma,sans-serif;
  line-height: 30px;
  color: #AAF;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000033;
  margin: 0;
  padding: 0 10px 0 10px;
  background: #0000AA url(../img/menu-child.png) repeat-x; 
}

ul#nav li:hover > ul li a:hover {
  color: #DDF;
  text-decoration: none;
  text-shadow: none;
}







#menuContainer {
	width: 800px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/MenuBackground.jpg) bottom no-repeat;
}

#mainMenu{
	width: 770px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	background: #000 url(../images/TopMenuBackground.jpg) no-repeat;
}

ul#menu {
	width:100%;
	height:40px;
	/*background:url(../images/bg.png) repeat-x;*/
	list-style:none;
	margin:0px 0px 0px 5px;
	padding:0;
}

ul#menu li {
	float:left;
}

ul#menu li a {
	background:url(../images/sprite.png) no-repeat scroll top left;
	display:block;
	height:40px;
	position:relative;
}

ul#menu li a.home {
	width:100px;
}

ul#menu li a.home span {
	background-position:0px -40px;
}

ul#menu li a.activities {
	width:100px;
	background-position:-100px 0px;
}

ul#menu li a.activities span {
	background-position:-100px -40px;
}

ul#menu li a.register {
	width:100px;
	background-position:-200px 0px;
}

ul#menu li a.register span {
	background-position:-200px -40px;
}

ul#menu li a.camping {
	width:100px;
	background-position: 0px -80px;
}

ul#menu li a.camping span {
	background-position: 0px -120px;
}

ul#menu li a.volunteer {
	width:100px;
	background-position: -100px -80px;
}

ul#menu li a.volunteer span {
	background-position: -100px -120px;
}

ul#menu li a.aboutus {
	width:100px;
	background-position: -200px -80px;
}

ul#menu li a.aboutus span {
	background-position: -200px -120px;
}

ul#menu li a.photos {
	width:100px;
	background-position: -300px 0px;
}

ul#menu li a.photos span {
	background-position: -300px -40px;
}

ul#menu li a.director {
	width:100px;
	background-position: -300px -80px;
}

ul#menu li a.director span {
	background-position: -300px -120px;
}

ul#menu li a span {
	background: url(../images/sprite.png) no-repeat scroll bottom left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 99;
}

ul#menu li a span:hover {
	cursor:pointer;
	background: none;
}

/*===  sub menu styles ===*/
			
#subMenu{
	background: #000067;
	height: 25px;
	width: 780px;
	margin-left: 10px;
}

#subMenu li, #subMenu a {
	background: #000067;
	display: block;
	padding: 0px 10px;
	float: left;
	text-decoration: none;
	font-size: 14px;
	color: #4488DD;
	line-height: 24px;
	cursor: pointer;
}


/*=========== Lava Lamp Menu =============*/
.lavaLampContainer{
	height: 25px;
	width: 770px;
	background: #000 url(../images/SubNavBackground.jpg) no-repeat;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.lavaLampWithImage {
    position: relative;
    height: 25px;
    width: 750px;
    padding: 0px;
    margin: 0px 0;
}
.lavaLampWithImage li {
    float: left;
    list-style: none;
}
.lavaLampWithImage li.back {
    background: url(../images/lava.png) no-repeat right -25px;
    width: 9px; height: 25px;
    z-index: 8;
    position: absolute;
}
.lavaLampWithImage li.back .left {
    background: url(../images/lava.png) no-repeat top left;
    height: 25px;
    margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
    font: bold 12px arial;
    text-decoration: none;
    color: #4488DD;
    outline: none;
    text-align: center;
    top: 6px;
    text-transform: uppercase;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 25px;
    position: relative;
    overflow: hidden;
    margin: auto 10px;    
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
    border: none;
	background: none;
}

.lavaLampBottomStyle {
	position: relative;
	height: 25px;
	width: 421px;
	padding: 15px;
	margin: 10px 0;
	overflow: hidden;
}

.lavaLampBottomStyle li {
    float: left;
    list-style: none;
}

.lavaLampBottomStyle li.back {
    border-bottom: 5px solid yellow;
    width: 9px;
    height: 25px;
    z-index: 8;
    position: absolute;
}

.lavaLampBottomStyle li a {
    font: bold 14px arial;
    text-decoration: none;
    color: #FFF;
    outline: none;
    text-align: center;
    top: 7px;
    text-transform: uppercase;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 25px;
    position: relative;
    overflow: hidden;
    margin: auto 10px;
}   

.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
    border: none;
} 
        
/*=========== End Lava Lamp Menu =============*/




/* =======    Sub Nav Styles    ======= */
/*
#subNav {
	width: 100%;
	height: 25px;
	background: #000099;	
}
*/

#pageBackground{
	width: 1100px;
	/*background: #000 url(/images/BodyBackground_light.jpg) repeat-y;*/
	margin: auto;
}

#pageContainer {
	width: 1100px;
	margin: auto;
	background: #000 url(/images/background.jpg) no-repeat;
}

#contentContainer {
	padding-left: 10px;
	padding-right: 10px;
	width: 780px;
	min-height: 700px;
	margin-left: auto;
	margin-right: auto;
	background: #000 url(/images/ContentBackground_light.jpg) repeat-y;
}

#header {
	padding: 10px;
	width: 780px;
	height: 130px;
	margin: auto;
}
 
#contentTop {
	padding: 0px;
	width: 800px;
	margin: auto;
}
		
#committeeTop{
	width: 800px;
	height: 21px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/MenuBackground.jpg) bottom no-repeat;
}

#status {
	text-align:right;
	border-bottom:1px solid #4488DD;
	margin: auto;
	padding: 3px 20px 10px 0px;
	width: 775px;
}

#linkHome {
	border-bottom:1px solid #4488DD;
	margin: auto;
	padding: 3px 20px 10px 0px;
	width: 775px;
}

#footer {
	padding: 10px;
	width: 780px;
	height: 75px;
	margin: auto;
	text-align: center;
	background: #000 url(/images/FooterBackground.jpg) top no-repeat;
	color: #333399;
}

#footer a, a:visited{
	color: #772222;
}

#footer hr {
	width: 90%;
	border: collapse;
	border-color: #3366FF;
	margin-bottom: 20px;
}

.article {
	width: 580px;
	float: left;
	margin-right: 10px;
}

.latestNews {
	width: 150px;
	float: right;
}

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

.floatRight {
	float: right;
}

.dontShow {
	display: none;
}

.showArticle {
	float:left;
	width: 600px;
	margin-right: 10px;
}

.showRegistration {
	float:left;
	width: 745px;
	margin-right: 10px;
}

.announcementList {

}

.announcementList li {
	margin-left: 25px;
	margin-bottom: 25px;
}

.announceSummary {
	font-size: 14px;
	font-weight: bold;
}

.announceBody {
	font-style: italic;
}

.bulletedList li{
	list-style-type: disc;
	margin: 0px 0px 10px 20px;
	line-height: 15px;
}

.numberedList li{
	list-style-type:decimal;
	margin: 0px 0px 10px 20px;
	line-height: 15px;
}

.bulletedList li ul li{
	list-style-type: circle;
}

.bulletedList a {
	font-size: 14px;	
}
			
.smallMessage {
	color: #FFCC66;
	font-size: 11px;
}

.clearer{
	height: 0px;
	clear: both;
}

.instructions {
	font-size: 11px;
	font-style: italic;
}

.dontShow {
	display: none;
}