/* CSS Document for Flat Rapids Camp */

/* Designed November 2006 by John Dunn */

/* standard, dark green font within body */
body {
	background-color: #124944;
	font-family: Book Antiqua;
	font-size: 12px;
	line-height: 18px;
	color: #5d7a80;
}

/* bold, dark blue font within body */
.bold {
	font-weight:bold;
}

/* title, black */
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #000000;
}

/* subtitle, black */ 
.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;	
	line-height: 18px;
	color: #000000;
}

/* fineprint */ 
.fineprint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

/* times new roman font */
.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000000;
}

/* hyperlink */
a {
	font-size: 10px;
	color: #666666;
	font-weight:bold;
	text-decoration:none;
}

/* standard, dark blue font within tables */
td, th {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #5d7a80;
}

/* large titlebar */
.titlebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	line-height: 30px;
	background-color: #336699;
}

/* small titlebar */
.subtitlebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	background-color: #336699;
}

/* blue box */
.bluebox1 {
	border-width: thin;
	border-color: #336699 #336699 #336699 #336699;
	border-style: double;
 }
 
form {
	background-color: #CCCC99;
}

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	background-color: #669900;
	color: #FFFF33;
}

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color: #CCFF99;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ddoverlap{
border-bottom: 10px solid #FF0000;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 90% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 10px 20px;
text-decoration: none;
padding-right: 40px; /*extra right padding to account for curved right edge of tab image*/
color: black;
background: transparent url(righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: black;
}

.ddoverlap li a:hover{
text-decoration: none;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: 666666;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}

</style>

<!--[if IE]>
<style type="text/css">
.ddoverlap{
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}
</style>
<![endif]-->