/** BASIC */

body {
	background: url(../images/headerBackground.png) repeat-x left top;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

/*** header ***/


#headerLinks dt { /* generically define all li in the header div */
/*	float: left; /* makes the li appear horizontally rather than vertically */
	font-size: 12px;
	color: #FFFFF;
	font-family:"Bradley Hand ITC";
	position: relative;
}

#headerLinks dl#homeLinks { /* the ul starting with "JPL HOME" */
	position: relative; /* move our list to the correct position */
	/*top: 23px; */
	font-size: 14px;
	color: #FFFFFF;
	left: -120px; 
	/*left: 88%; */
	font-family:"Bradley Hand ITC";
	padding-bottom: 15px; /* put some padding to get all the divider pipes to line up */
}

#headerLinks #homeLinks dt{ 
	padding: 10 10px;
	margin: 0; 
	font-size: 14px;
	color: #FFFFFF;
	font-family:"Bradley Hand ITC";
	text-transform: uppercase;
	/*background: url(../images/divider-vert-black-dropshadow.gif) no-repeat top left;*/ /* the vertical dividers between each li */
}

#headerLinks #homeLinks dt.first {
	background: none; /* tell the first nav item to not have a divider pipe */
	border: none;
}

#headerLinks #homeLinks dt.last {
    color: black; /* tell the first nav item to not have a divider pipe */
    border: none;
}

#headerLinks a:link, #headerLinks a:visited {
	color: #FFFFFF;
	/*color: #FBF8F8; */
	text-decoration: none;
}

#headerLinks a:hover {
	color: #FBF8F8; 
}

/*** End header ***/






/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

.input1 {
	width: 90px;
}

.input2 {
	width: 45px;
	height: 22px;
	background: url(../images/homepage15.gif) no-repeat left top;
	border: none;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
	color: #FFFFFF;
}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	font-size: 16px;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #868686;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	color: black;
	text-align: justify;
}

.text1 {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

.text2 {
	margin-bottom: 10px;
	text-decoration:underline;
	font-size: 11px;
	font-weight: bold;
	color: #515151;
}

.text3 {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #515151;
}

.text4 {
	text-align: center;
	color: #8EA4BB;
}

/** LISTS */

.list1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style-position: inside;
	line-height: 18px;
}

/** LINKS */

a {
	color: #3695E2;
}

a:hover {
	text-decoration: none;
}

.link1 {
	display: block;
	width: 156px;
	height: 19px;
	padding: 8px 0px 0px 9px;	
/*	background: url(../images/homepage09.gif) no-repeat left top; */
	background: url(../images/cursor.gif) no-repeat left top; 
		text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #515151;
}

.link1:hover {
/*	background-image: url(../images/homepage10.gif); */
	background-image: url(../images/indexSelected.gif);
	color: #FFFFFF;
}

.link2 {
	color: #FFFFFF;
}

/** STYLES */

.style1 {
	font-size:16pt;
    font-family:'Tahoma','sans-serif';
    color:black;
    font-weight: normal;
}

.style1 a {
}

.style1 a:hover {
}

/** BACKGROUNDS */

/**.bg1 { background: url(images/homepage06.gif) repeat left top; } **/
.bg1 {  }
.bg2 { background: url(../images/homepage07.gif) repeat-y left top; }
.bg2 { background: url(../images/homepage07.gif) repeat-y left top; }
.bg3 { background: #F3F5F6 url(../images/homepage20.gif) no-repeat left top; }
.bg4 { background: url(../images/homepage21.gif) no-repeat left bottom; }
.bg5 { background: url(../images/homepage22.gif) repeat-x left top; }
.bg6 { background: url(../images/homepage23.gif) repeat-x left top; }

/** MISC */
.homepageStyle{
	font-family:Edwardian Script ITC;
	color:purple;
	font-size: 36px;
	text-align: center;
}
.flagContentStyle{
    font-family:Edwardian Script ITC;
    color:purple;
    font-size: 30px;
    text-align: center;
    width: 85%;
}
.style5 {
	color: red;
	font-size: 11px;
}
.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }
/*img { border: 1px 1px 1px; } */
.img1 {
	float: left;
	margin: 0px 10px 0px 0px;
}

.img2 {
	float: right;
	margin: 0px 0px 0px 10px;
}

.hr { display: none; }

.hr1 {
	clear: both;
	height: 31px;
	background: url(../images/homepage11.gif) repeat-x left center;
}

.monthHeader {
	margin-bottom: 10px;	
	text-decoration:underline;
	text-align: center;
	font-size: 24px;
	color: black;
}

.monthBold {
	font-size:12px;
	font-family:'Tahoma','sans-serif';
	color:black;
	font-weight: bold;
}

.monthContent {
	font-size:12px;
	padding-right:5px;
	padding-left:5px;
	font-family:'Tahoma','sans-serif';
	color:black
}

.monthUpcoming {
	font-size:12px;
	text-decoration:underline;
	text-align: center;
	font-size: 12px;
	color: black;
}

/* Change this style for the single one time style. */
.monthSpecial {
	font-size:12px;
	text-align: center;
	font-size: 12px;
	color: black;
	background-color: yellow;
}

.accomplishmentHeader {
	margin-bottom: 10px;	
	text-decoration:underline;
	text-align: center;
	font-size: 24px;
	color: black;
}
.accomplishmentSubHeader {
	margin-bottom: 10px;	
	text-decoration:underline;
	text-align: center;
	font-size: 16px;
	color: black;
}

.accomplishmentBold {
	font-size:12px;
	font-family:'Tahoma','sans-serif';
	color:black;
	font-weight: bold;
}

.accomplishmentContent {
	font-size:12px;
	padding-right:5px;
	padding-left:5px;
	font-family:'Tahoma','sans-serif';
	color:black
}

.accomplishmentUnderline {
	font-size:14px;
	text-decoration:underline;
	color: black;
}

.accomplishmentChampion {
	color: red;
	font-size: 12px;
}

/* end accomplishment styles */

.scheduleHeader{
	font-family:'Tahoma','sans-serif';
	padding: 10px; 
	color:black;
	text-decoration:underline;
	font-size:12pt;
	font-weight: bold;
}
	
.scheduleData {
	font-size:12pt;
	padding: 10px; 
	font-family:'Tahoma','sans-serif';
	color:black;
	font-weight: normal;
	}	

.scheduleSpecial {
	font-size:10pt;
	padding: 5px; 
	font-family:'Tahoma','sans-serif';
	color:black;
	font-style: italic;	
	font-weight: normal;
}	

/* for the summer camp flyer */
.flyerHeader {
    font-size:14pt;
    padding: 5px; 
    font-family:'Tahoma','Goudy Old Style';
    color:black;
    font-style: italic; 
    font-weight: normal;
}   
.flyerBanner {
    font-size:24pt;
    padding: 5px; 
    font-family:'Tahoma','Goudy Old Style';
    color:black;
    font-style: italic; 
    font-weight: normal;
}   
.flyerName {
	font-size:18pt;
	padding: 5px; 
	font-family:'Tahoma','Goudy Old Style';
	color:purple;
	font-weight: normal;
}	
.flyerData {
	font-size:10pt;
	font-family:'Tahoma','sans-serif';
	color:black;
	font-weight: normal;
}	
.flyerDataSmall {
	font-size:8pt;
	font-family:'Tahoma','sans-serif';
	color:black;
	font-weight: normal;
}	

.flyerHeaderData {
	font-size:10pt;
	font-family:'Tahoma','sans-serif';
	color:black;
	font-weight: bold;
}	

#thumbs_outer {
	width: 500px;
/*	position:absolute; */
	position:relative; 
	display: inline;
	height:170;
	text-align: center;
	size: 20px;
	left: 30px;
	/*	left: 300px;
		top: 259px; */
}

.divThumb {
/*      border: thin; */
      float: left;
      margin: 5px 5px 5px 5px;
      height: 170px; 
      width: 100px;
      display: none;
}

#thumbs_outer #leftArrow {
      float: left;
      margin: 10px 10px 10px 10px;
      height: 60px;
      width: 60px;
}

#thumbs_outer #rightArrow {
      float: left;
      margin: 10px 10px 10px 10px;
      height: 60px;
      width: 60px;
}
#photoDescription {
	width: 500px;
/*	position:absolute; */
	position:relative; 
	
	display: inline;
	height:170;
	text-align: center;
	size: 20px;
	left: 100px;
/*	left: 300px;
	top: 420px;
*/
	}


#mainPhotoDiv {
	width: 520px;
/*	position:absolute; */
	position:relative; 
	display: inline;
/*	padding: 5px; */
    margin: 10px 10px 10px 10px;
/*	border: black solid thin; */
    height:300;
	text-align: center;
	left: 5px; 
}

/*
body.landingpage div#Content div#ContentSecondary { padding: 0; width: 530px; float: left; height: 242px; margin-top: 2px; background: url(../images/silluetteWords.png) 2px 0 no-repeat;}
body.landingpage div#Content div#ContentSecondary ul { }
body.landingpage div#Content div#ContentSecondary ul li { float: left; position: relative; width: 98px; height: 142px; overflow: hidden; margin-right: 0px; }
body.landingpage div#Content div#ContentSecondary ul li .section-container { position: absolute; top: 0; left: 0; width: 65px; height: 142px; z-index: 10; } 
/*body.landingpage div#Content div#ContentSecondary ul li .section-container { position: absolute; top: 0; left: 0; width: 135px; height: 142px; z-index: 10; background: url(../images/silluetteWords.png) -2px 0 no-repeat; } 
/*body.landingpage div#Content div#ContentSecondary ul li .custom-image { position: absolute; top: 41px; left: 13px; width: 100px; height: 80px; z-index: 1; }*/
body.landingpage div#Content div#ContentSecondary ul li p { color: #878787; margin: 95px 0 5px 3px; line-height: 1.2em; }
body.landingpage div#Content div#ContentSecondary p.description { height: 35px; overflow: hidden; }

body.landingpage div#Content div#ContentSecondary ul li.ropeColumn .section-container { top: -20px;}
body.landingpage div#Content div#ContentSecondary ul li.hoopColumn .section-container { top: -40px;}
body.landingpage div#Content div#ContentSecondary ul li.ballColumn .section-container { top: -50px;}
body.landingpage div#Content div#ContentSecondary ul li.clubsColumn .section-container { top: -40px; }
body.landingpage div#Content div#ContentSecondary ul li.ribbonColumn .section-container { top: -20px;}
body.landingpage div#Content div#ContentSecondary ul li.ribbonColumn { margin-right: 0px; }

body.landingpage div#Content div#ContentSecondary ul li h3 { text-indent: -9999em; }

body.landingpage div#Content div#ContentSecondary ul li .callToAction1 { position: absolute; left: 0px; top: 70px; }
body.landingpage div#Content div#ContentSecondary ul li .callToAction2 { position: absolute; left: 16px; top: 60px;}
body.landingpage div#Content div#ContentSecondary ul li.column1 .callToAction1 { position: absolute; left: 14px; top: 170px; }
body.landingpage div#Content div#ContentSecondary ul li.column1 .callToAction2 { position: absolute; left: 15px; top: 203px;}
body.landingpage div#Content div#ContentSecondary ul li .callToAction { display: block; width: 70px; height: 40px; text-indent: -9999em; }
body.landingpage div#Content div#ContentSecondary ul li .callToAction:hover {  }
/*body.landingpage div#Content div#ContentSecondary ul li .callToAction:hover {  background: url(../images/site/orangeHover.png) 0px 3px no-repeat; }*/
body.landingpage div#Content div#ContentPicture {
	position: relative; left: 160px; top: -50px; width: 150px; height: 200px;
	border : 1px solid purple;
	padding: 15px;
}	 
body.landingpage div#Content .ContentDescription {
	background-image: url(../images/aboutDescriptionBackground.png) ; 
	position: relative;  width:500px; height: 160px;
    padding: 0; margin: 0;
}	 
body.landingpage div#Content .ContentDescription .aboutDescription {
	position: absolute; top: -100px; 
    z-index : 2;			      
    width:100%; height: 100px;
    left: 5%;
    top: 5%;
    border : 1px solid blue;
    margin-top : -10px;
    margin-left : -75px;
    background: transparent;
}	 


				   .outter {
				           width : 500px;
				           height : 120px;
				           padding : 0;
				           margin : 0;
				           background-image: url(../images/aboutDescriptionBackground.png);
				         /*  border : 1px solid green; */
				           position : relative;
				   }

				   
				   .inner {
				           position:absolute;
				           z-index : 2;
				           left: 17%;
				           top: 25%;
				           padding:0 0 0 0px;
				         /*  border : 1px solid blue; */
				           margin-top : -10px;
				           margin-left : -75px;
				           color:black;
						   font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
						   font-size:14px;
						   width:95%;
				   }