/** 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 */
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; 
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;
}

#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;
text-decoration: none;
}

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

/*** End header ***/

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

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

#menuLinks #menu dt{ 
padding: 10 10px;
margin: 20px; 
font-size: 14px;
color: #FBF8F8;
font-family:"Bradley Hand ITC";
text-transform: uppercase;
}

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

#menuLinks #menu dt.last {
color: #FBF8F8; /* tell the first nav item to not have a divider pipe */
border: none;
}
/*** end menu links ****/

/** 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: 10px;
font-size: 18px;
font-weight: bold;
color: purple;
font-family:"Bradley Hand ITC";
}

.text4 {
text-align: center;
color: #8EA4BB;
}
.text5 { 
font-size: 12px;
font-family:"Bradley Hand ITC";
color: black;
}
/** 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: 158px;
height: 19px;
padding: 8px 0px 0px 9px;	
background: url(../images/cursor.gif) no-repeat left top; 
text-decoration: none;
font-family:"Bradley Hand ITC";		
font-size: 16px;
font-weight: bold;
color: #515151;
}

.link1:hover {
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; }
.bg3 { background: url(../images/homepage03.gif) repeat-x left top; }

/** MISC */

    /* NEW */
    
#page-container {
    position:relative;
	width:80%;
    top:200px;
    height:600px;
	margin: 0 auto;
}
    .photo-count-container{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
    bottom:2em;
    left:2em;
    background:#fff;
    border:1px solid #fff;
    color:#333;
    font-size:.71429em;
    font-weight:bold;
    line-height:1.6;
    margin:0;
    padding:0 1.2em;
    position:absolute;
    z-index:4
}

#page-container .photo-count-container .icon-verified{
    font-size:1.4em;
    line-height:1.14286em;
    color:#32b81c;
    display:inline-block;
    margin-right:4px;
    vertical-align:middle
}

#page-container .grid-list,.grid-container{
    font-size:12px
}


#page-container .grid-tile{
    margin:10px 0 10px 1.5%;
    position:relative;
    width:25%
}

#page-container .grid-view{
    background:#fafafa;
    border-bottom:1px solid #ccc;
    padding:0
}

#page-container .grid-view p {
	    font-family: 'Tangerine', serif;
        color:purple;
/*        color:#2eaba5; */
        font-size: 24px;
        text-align: center;
        text-shadow: 4px 4px 4px #aaa;
        padding: 10px 0;
	
}

#page-container .grid-view ul {
    list-style: none;
	width:100%;
    position:relative;
    top:10%;
    left:0;
    margin: 0 auto;
}

#page-container .grid-view li {
	display:inline-block; 
    width:auto;
    padding:10px 5px;
}

#page-container .grid-view .photo-count-container{
    bottom:1.5em;
    left:1.5em
}

#page-container .grid-view .grid-container{
    font-size:1em;
    padding:20px 3.02326%
}

#page-container .grid-view .grid-tile{
   /* width:18.4% */
	-webkit-transition:all 0.25s ease-in-out;
    -webkit-transition-delay:0s;
    -moz-transition:all 0.25s ease-in-out 0s;
    -o-transition:all 0.25s ease-in-out 0s;
    transition:all 0.25s ease-in-out 0s;
    background:#fafafa;
    margin:20px 12px 0.5em;
    padding:15px 1.85644%;
    position:relative;
    width:21.45%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0 1px 8px rgba(34,79,195,0.4);
    -moz-box-shadow:0 1px 8px rgba(34,79,195,0.4);
    box-shadow:0 1px 8px rgba(34,79,195,0.4);
    

}

#page-container .grid-view .grid-tile:hover{
    background-image:-owg-linear-gradient(#fff, #eee);
    background-image:-webkit-linear-gradient(#fff, #eee);
    background-image:-moz-linear-gradient(#fff, #eee);
    background-image:-o-linear-gradient(#fff, #eee);
    background-image:linear-gradient(#fff, #eee);
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0 1px 8px rgba(0,0,0,0.4);
    -moz-box-shadow:0 1px 8px rgba(0,0,0,0.4);
    box-shadow:0 1px 8px rgba(0,0,0,0.4);
    z-index:1
}

#page-container .grid-view .photo-area{
    cursor:pointer;
    margin-bottom:.5em;
    position:relative;
    width:100%
}

#page-container .grid-view .photo-count-container{
    bottom:1.5em;
    left:1.5em
}

#page-container .grid-view .photo-count{
    background:none;
    border:0;
    font-size:1em;
    height:auto;
    padding:0;
    position:static;
    width:auto
}

#page-container .grid-view img{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    border:1px solid #d5d5d5;
    display:block;
    width:100%
}

#page-container .grid-view .status-flag{
    display:block;
    margin-bottom:.5em;
    padding:0 .5em;
    position:static
}

#page-container .grid-view .active-member{
    visibility:hidden
}

#page-container .grid-view h1{
    font-size:1.07143em;
    margin-bottom:.13333em
}

#page-container .grid-view .vitals{
    background:none;
    border:0;
    font-size:.92857em;
    padding:0
}
/* end new */

.homepageStyle{
font-family:Tangerine;
color:purple;
font-size: 36px;
text-align: center;
}
.flagContentStyle{
font-family:Tangerine;
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;
}

.menuSeperator {
    background: url(../images/homepage11.gif);
}

.sectionHeader {
margin-bottom: 10px;    
text-decoration:underline;
text-align: center;
font-size: 24px;
color: purple;
font-family:"Bradley Hand ITC";
}

.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;
}

.teamLevel {
font-size:12px;
padding-right:5px;
padding-left:5px;
text-decoration:underline;
font-family:'Tahoma','sans-serif'; 
color:purple
}

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

.accomplishmentHeader {
margin-bottom: 10px;	
text-decoration:underline;
text-align: center;
font-size: 30px;
color: purple;
font-family:"Bradley Hand ITC";
font-weight: bold;
}
.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:purple;
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 results page */ 
.resultsHeader{
font-family:'Tahoma','sans-serif';
padding: 10px; 
color:purple;
font-size:11pt;
font-weight: bold;
}

/* for the summer camp flyer */
.flyerBackground {
background: url(../images/flyer/flyerBackground.png) no-repeat center;
background-size: 100%;
}


.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;
}	

.flyerSpecialData {
font-size:10pt;
font-family:'Algerian';
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: 450px;
    position:relative; 
    display: inline;
/*  height:10; */
    text-align: center;
    font-size:14pt;
    font-family:'Tahoma','sans-serif';
    color:red;
    font-weight: bold;  
    }



#mainPhotoDiv { 
}

#mainPhotoDiv {
    width: 520px;
    position:relative; 
    display: inline;
    margin: 10px 10px 10px 10px;
    height:300;
    text-align: center;
    z-index: 100; 
   /* filter:  alpha(opacity=0); */ 
    zoom: 1; 
    align: center;
}

#mainPhotoLeft {
    width: 100px;
    position:relative; 
    top: 100px; left: 13px; 
    display: inline;
 /*   height:300px; */
    align: left;
    background: url(../images/new/leftArrow.jpg) no-repeat top;
}
#mainPhotoRight {
    width: 100px;
    position:relative;
    top: 200px; left: 13px; 
    display: inline;
 /*   height:300px; */
    align: right;
    background: url(../images/new/rightArrow.jpg) no-repeat top;
}


#mainPhotoDiv a.next_photo{
    position:absolute;
    display:none;
    top:50%;
    margin-top:-15px;
    z-index:60;
    height: 60px;
    width: 60px;
    background-image: url(../images/new/rightArrow.png);
    background-position: 100% 0;
    right:21px;
}
#mainPhotoDiv a.prev_photo {

    position:absolute;
    display:none;
    top:50%;
    margin-top:-15px;
    z-index:60;
    height: 60px;
    width: 60px;
    background-image: url(../images/new/leftArrow.png);
    left:21px;
    background-position: 0 0; 
}


* html #mainPhotoDiv a.next_photo,* html #mainPhotoDiv a.prev_photo{display:block}
#mainPhotoDiv:hover a.next_photo, #mainPhotoDiv:hover a.prev_photo {display:block}





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%;
}