@charset "utf-8";
/* CSS Document */

<style type="text/css">

table 
	{
	border-collapse:collapse;
	border-spacing:0;
	margin:0px;
	}

.table-col1 { background-color:#55C123; }
.table-col2 { background-color:#123CDE; }
.table-col3 { background-color:#FDBA34; }
.table-col4 { background-color:#FCF; }


.prgt-title {
	background-color:#74498F;
	color:#FFF;
	text-align:center;
	font-size:20px;
	border-color:#FF0;
	border-style:ridge;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
}

/* cmpt referes to camp-table, i.e. the styles used in the tables that display the programs in the camp.html page */

.cmpt-title {
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	background-color:#FFFFCC;
	text-align:center;
	border:double;
	border-color:#900;
}
.cmpt-age { font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	background-color: #BBFFFF;
	text-align: left;
	font-weight:bold;
	border-collapse:collapse;
	border-left:double; 
	border-right:double; 
	}
.cmpt-spots {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	background-color: #77FFFF;
	text-align: left; 
	font-weight:bold;
	border-collapse:collapse;
	border-left:double; 
	border-right:double; 
	}
.cmpt-days {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	background-color: #BBFFFF;
	text-align: left; 
	font-weight:bold;
	border-left:double; 
	border-right:double; 
	}
.cmpt-cost {
	font-family: "Comic Sans MS", cursive;
	color: #000;
	font-size: 14px;
	background-color: #77FFFF;
	text-align: left; 
	font-weight:bold;
	border-left:double; 
	border-right:double; 
	}
.cmpt-start {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	background-color: #BBFFFF;
	text-align: left; 
	font-weight:bold;
	border-left:double;
	border-right:double;
	border-bottom:thick;
	border-bottom-color: #000
	}
	

body {
	margin:0;
	padding:0;
	border:0
}


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #FC6;
	font-size: 24px;
}

/* Two groups of Headers. All are centered. Group 1 = h1, h2, h3 which is blue font with big, medium and average 
   font sizes. All are centered, in the same font family and same color. The second group has h4 and h5 and has a
   big and medium sized font. Again, the same family and color. */
   
h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: center;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 14px;
}
h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: oblique;
	color: #6600CC;	
	text-align: center;	
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-family: "Comic Sans MS", cursive;
	font-size: 16px;
	color: #FC0;
	text-align: center;
}

/* Basic text for reading paragraphs full of text (p = black, p2 = bluew, p3 = white) */
p, p2, p3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
p {
	color: #000;
}
p2 {
	color: #00F;
}
p3 {
	color: #FFF;
}


}
/* These are the fonts used in the left nav for special purposes */

font-nav-medium {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FEE21D;
}
font-nav-small {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FEE21D;
}

/* Very small fonts, one in black and one in white */
font-footnote1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}	
font-footnote2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}	
font-tiny1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000;
}
font-tiny2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFF;
}



/* What are these called again?  */

a:link {
	color: #00F;
}
a:visited {
	color: #603;
}
a:active {
	color: #00F;
}


/* Class Defininitions */

.myPipesClass {
	width:600px;
	height:800px;
	background-color:#FAF;                      
}
.myPipesClass h3.ybh a.ybt {
	color:#fff;
}
.font-white strong {
	color: #FFF;
}
.box-border1 {
	border-color: #900;
	border-style:solid;
	border-width:thin;
}

#nav-about, #nav-programs, #nav-teams, #nav-camp
{
	vertical-align:top;
	text-align:right;
	margin:0px;
}
#nav-about li, #nav-programs li, #nav-teams li, #nav-camp li
{
	display:inline;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:9px;
}
#nav-about a, #nav-programs a, #nav-teams a, #nav-camp a
{
	padding:5px 12px;
	background-color:#369;
	color:#FF3;
	text-decoration:none;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;	
}
#nav-about a:hover, #nav-programs a:hover, #nav-teams a:hover, #nav-camp a:hover
{
	background-color:#600;
	border-bottom:6px #F90 solid;
	border-right:3px #F90 solid;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
}



</style>