/* CSS Document */
/* Document contains: HTML Elements, Classes, ID's */
/* items sorted alphabetically within each category */
/*-----------------------------------------------*/
/*-------------HTML ELEMENTS---------*/

a:link{
color: #006600;
text-decoration: none;
}

a:visited{
color: #006600;
text-decoration: none;
}

a:hover{
color: #003300;
text-decoration: underline;
}

a:active{
color: #003300;
text-decoration: underline;
}

body{
	background-color: #99CC00;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

h1{
font-family: Arial, Verdana, sans-serif;
color: #003300;
text-align: left;
font-size: 20px;
font-weight:bold;
margin-bottom: 3px;
}

h2{
font-family: Arial, Verdana, sans-serif;
color: #336600;
text-align: left;
font-size: 18px;
font-weight:bold;
margin-bottom: 3px;
}

h3{
font-family: Arial, Verdana, sans-serif;
color: #336600;
text-align: left;
font-size: 16px;
font-weight:bold;
margin-bottom: 3px;
}

h4{
font-family: Arial, Verdana, sans-serif;
color: #003300;
text-align: left;
font-size: 14px;
font-weight:bold;
margin-bottom: 3px;
background-color: #00CC33;
background-image: url(/images/bg_heading4.jpg);
text-indent: 5px;
}

hr{
	background-image: url(/images/bg_heading4.jpg);
	height: 3px;
	width: 80%;
	text-align: center;
	border: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

p{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #000000;
text-align: left;
margin-top: 3px;
margin-bottom: 7px;
}

td{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #000000;
margin-top: 3px;
margin-bottom: 7px;
}

/*-------------CLASSES---------*/

.Attention {  
	color: #FF0000
}

.Caption {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: italic; 
	font-weight: normal; 
	margin-top: 2px; margin-bottom: 2px
}

.ContentPhoto { /* used for photos placed within main content of pages */
	border: 1px;
	border-style: solid;
	margin: 2px 2px 2px 2px;
	padding: 0px 0px 0px 0px;
}

.ContentPhotoHolder { /* used for photos placed within main content of pages -- use this class for a div tag to include a caption below photo */
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: italic; 
	font-weight: normal; 
	text-align: center;
	background-color: #00CCFF;
	border: 0px;
	border-style: none;
	margin: 3px 3px 3px 3px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;	/* default float left... change in-line style to adjust this */
}

.Copyright {
	font-size: 10px;
	color: #666666;
}

.Nav1Button {
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px 0px 0px 0px;
}

.Nav1Button a{
	padding: 3px 20px 3px 20px;
	color: #FFFFCC;
	text-decoration: none;
}

.Nav1Button a:hover{
	padding: 3px 20px 3px 20px;
	color: #FFFFCC;
	text-decoration: none;
	background-color: #003300;
}

.Nav1Button a:active{
	padding: 3px 20px 3px 20px;
	color: #FFFFCC;
	text-decoration: none;
	background-color: #003300;
}

.Nav1Button a:visited{
	padding: 3px 20px 3px 20px;
	color: #FFFFCC;
	text-decoration: none;
}

.Nav2Button {
	padding-top: 4px;
	padding-bottom: 3px;
	margin: 0px 0px 0px 0px;
}

.Nav2Button a:link{
	padding: 4px 13px 3px 13px;
	color: #FFFFCC;
	text-decoration: none;
}

.Nav2Button a:hover{
	padding: 4px 13px 3px 13px;
	color: #003300;
	text-decoration: none;
	background-color: #00CC00;
}

.Nav2Button a:active{
	padding: 4px 13px 3px 13px;
	color: #003300;
	text-decoration: none;
	background-color: #00CC00;
}

.Nav2Button a:visited{
	padding: 4px 13px 3px 13px;
	color: #FFFFCC;
	text-decoration: none;
}

.RightColumnContent{
	font-size: 11px;
	border-bottom: 1px solid #99CC33;
	padding: 1px 3px 1px 3px;
}

.RightColumnTable{
	border: 1px solid #99CC33;
}

.RightColumnHeader1{
font-family: Arial, Verdana, sans-serif;
color: #003300;
text-align: left;
font-size: 14px;
font-weight:bold;
margin: 0px 0px 3px 0px;
background-color: #00CC33;
background-image: url(/images/bg_heading4.jpg);
border-bottom: 1px solid #99CC33;
text-indent: 5px;
}

.TableCellGreen2 {
	background-color: #009933;
}

.TableCellGreen3 {
	background-color: #66FF33;
}

.TableCellHeader1{
font-family: Arial, Verdana, sans-serif;
color: #003300;
text-align: left;
font-size: 14px;
font-weight:bold;
margin: 0px 0px 3px 0px;
background-color: #00CC33;
background-image: url(/images/bg_heading4.jpg);
text-indent: 5px;
}

.TextGreen3 {
	color: #33CC33;
}

.TextWhite {
	color: #FFFFFF;
}

/*-------------ID's---------*/

#BackgroundFade { /* vertical fade to go on left and right sides of content area */
	border: 0px;
	background-image: url(/images/bg_fade.jpg);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 50px;
	left: 0px;
	width: 100%;
	height: 423px;
	z-index: 0;
}

#BannerImageLeft { /* a theme image to go on left end of the banner */
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	width: 210px;
	height: 98px;
	background-image:url(/images/banner_left.jpg);
	z-index: 5;
}

#BannerImageMain { /* the main theme image for the banner */
	border: 0px;
	padding: 0px;
	margin: 0px;
	position:relative;
	top: 0px;
	left: 210px;
	width: 530px;
	height: 98px;
	background-image:url(/images/banner_right.jpg);
	z-index: 5;
}

#Footer { /* the footer */
	color: #FFFFCC;
	position: relative;
	margin: 20px 0px 0px 0px;
	z-index:20;
}

#Footer a, #Footer p, #Footer td { /* the footer */
	color: #003300;
	text-decoration: none;
}

#Footer a:hover{ /* the footer */
	color: #003300;
	text-decoration: underline;
}

#Footer a:active{ /* the footer */
	color: #003300;
	text-decoration: underline;
}

#FooterLogo{
	position: absolute;
	left: 0px;
	top: 5px;
	}

#FooterLegal {
	position: absolute;
	top: 70px;
	left: 80px;
	font-size: 10px;
}

#FooterMenu{
	position: absolute;
	text-align:left;
	width: 560px;
	left: 140px;
	top: 30px;
	font-size: 12px;
}

#FooterUrsudio {
	position: absolute;
	top: 90px;
	left: 320px;
	font-size: 10px;
}

#FooterUrsudio img {
	vertical-align: text-bottom;
}

#MainContent {
	position: relative;
	top: 2px;
	margin: 0px;
	width: 700px;
	padding: 10px 20px 10px 20px;	/* change top padding to allow space for top drop down menu */
	background-color: #FFFFFF;
	background-image: url(/images/bg_butterfly.jpg);
	background-repeat: no-repeat;
	z-index: 20;
}

#MainTable {
	border: 0px;
	padding: 0px;
	margin: 0px auto;
	width: 740px !important;
	text-align: left;
	z-index: 4;
}

#Nav1 { /*the top row of navigation links on the page */
	position: absolute;
	top: 0px;
	width: 740px;
	margin: 0px 0px 0px 358px;
	padding: 0px 0px 0px 0px;
	color:#FFFFCC;
	font-size: 12px;
	font-weight: bold;
	z-index: 5;
}

#Nav2 {	/*graphic buttons and pop-up menus for Winter programs */
	position: absolute;
	top: 76px;
	width: 740px;
	margin: 0px 0px 0px 266px;
	padding: 0px 0px 0px 0px;
	color:#FFFFCC;
	font-size: 12px;
	font-weight: bold;
	z-index: 5;
}

#Nav2Active {	/*text links to activities for Summerprograms */
	position: absolute;
	top: 305px;
	margin: 0px 0px 0px 120px;
	visibility: hidden;
	font-size: 12px;
	z-index: 25;
}