/* CSS Document */
body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background: #101f92;}

#mapsearch {width : 400px; margin : 10px; padding : 4px; border : 1px solid #f9f9f9;}
#mapsearch .gsmsc-idleMapDiv { height : 500px; }
#mapsearch .gsmsc-mapDiv { height : 500px; }

.sponsor{width:100px; height:130px; float:left; overflow:hidden; margin:10px; text-align:center; font-size:10px}
.sponsorIMG{width:80px; height:80px; overflow:hidden; margin:10px}

#wrap{width:1000px; margin:0 auto; margin-top:25px;}

h1{color:#666666;}

#headerWrap{width:100%; height:150px; margin:2px 0 0 0; background: #333333 url(../images/hbg.jpg);}
#header{background:url(../images/header.jpg); width:1000px; height:150px; color:#FFFFFF; margin:0 auto;}
#headerText{padding:30px 100px; font-size:30px; font-weight:bold; float:left}

div.nav{width:1000px; height:30px; background:url(../images/middle.jpg) repeat-x;}
div.nav, div.nav ul {padding: 0; margin: 0; list-style: none;}
div.nav a {display: block; color:#FFFFFF; text-decoration:none; padding:4px 0 0 5px; font-weight:bold;}
div.nav ul li a:hover {background:#000000;}
div.nav li {float: left; width:121px;}
div.nav li ul {position: absolute; left: -999em; width:121px; text-align:left; font-weight:100; font-size:12px;}
div.nav li:hover ul {left: auto;}
div.nav li:hover ul, #nav li.sfhover ul {left: auto; background-color:#000000; border-bottom:#000000 1px solid;}

div.navs{width:1000px; height:30px; background:url(../images/middle.jpg) repeat-x; margin-top:25px}
div.navs, div.navs ul {padding: 0; margin: 0; list-style: none;}
div.navs a {display: block; color:#FFFFFF; text-decoration:none; padding:4px 0 0 5px; font-weight:bold;}
div.navs a:link {color:#FFFFFF;}
div.navs a:active {color:#FFFFFF;}
div.navs ul li a:hover {background:#000000;}
div.navs li {float: left; width:121px;}
div.navs li ul {position: absolute; left: -999em; width:110px; text-align:left; font-weight:100; font-size:12px}
div.navs li:hover ul {left: auto; color:#FFFFFF}
div.navs li:hover ul, #navs li.sfhover ul {left: auto; color:#EEEEEE background-color:#888888; border-bottom:#000000 1px solid;}
div.navs a:visited {color:#FFFFFF}
.navOne a{background-color:#888888; border-bottom:#000000 1px solid; text-align:left}
.navOne a:link{background-color:#888888; border-bottom:#000000 1px solid; text-align:left}
.navOne a:active{background-color:#888888; border-bottom:#000000 1px solid; text-align:left}
.navOne a:hover{background-color:#000000;}
.navOne a:visited{background-color:#888888; border-bottom:#000000 1px solid; text-align:left}
.navTwo a:hover{background-color:#000000;}
.navTwoSel a{background-color:#000000;}

#content{width:960px; padding:20px; background-color:#ffffff; float:left;}

#leftNav{width:130px; float:left;}
#rightNav{width:300px; float:left}
#leftNav2{background-color:#be0000;}

#wow{width:100%; background-color:#666666; font-size:14px; font-weight:bold; text-align:center; margin-bottom:5px; color:#FFFFFF}
#leftNav2 a{height:25PX; width:100px; font-size:12px; text-decoration:none; display:block; color:#ffffff; font-weight:bold; padding:5px 10px 0 10px; margin-top:3px}
#leftNav2 a:hover{background-color:#000000; color:#FFFFFF}

#main{float:left; width:960px; min-height:400px; margin-top:10px; background:url(../images/prepschoolBG.jpg) no-repeat center left;}
.head{width:100%; float:left; font-size:19px; text-align:left; margin:0 auto; font-weight:bold; color:#101f92; border-bottom:#000000 2px solid}
.mainText{padding:10px;}
.mainText a{color:#000000; text-decoration:none}
.mainText a:hover{color:#666666; text-decoration:underline}

a.add{color:#000000; text-decoration:none; font-size:12px}
a:hover.add{text-decoration:underline;}

#addYouth{text-align:center; color:#000000; line-height:20px; width:550px}
#addYouth2{text-align:center; color:#000000; line-height:20px; background-color:#BBBBBB; border:#000000 1px solid; width:550px}

#rosterBox {width:120px;  padding:10px; float:left; height:320px; border:#777777 1px solid; margin:10px; font-size:12px;
 color:#000000}
#rosterPicOne{float:right; width:240px;}
.rosterProfile{width:290px; float:left; color:#000000}

#rightColumn{float:right; width:150px}

#login{width:400px; padding:50px; background-color:#FFFFFF; border:#000000 2px solid; margin:0 auto;}
#logout {float:right; font-size:12px; margin:0px 0px}
#logout a{color:#fff; padding:0 10px;}

div#footer{width:100%; height:70px; float:left; border-top:2px #000000 solid; text-align:center}
div#footer a{font-size:12px; color:#666666; text-decoration:none; padding:10px 24px 0 24px;}

.addFormText{width:250px; float:left; text-align:right; border:#000000 1px solid; background-color:#DDDDDD; height:30px; padding:3px 0 0 5px; margin:0 0 0 5px; font-weight:bold}
.addFormBox{width:270px; float:left; text-align:left; border:#000000 1px solid; background-color:#DDDDDD; height:30px; padding:3px 0 0 5px;}

#addGallery{width:600px; margin:20px auto; text-align:center}
.galleryOne{ width:600px; min-height:30PX; float:left; text-align:left}
.galleryTwo{ width:200px; height:30px; float:left}
.galleryThree{ width:400px; height:30px; float:left}
#galText{font-size:10;  width:600px;  float:left;  text-align:center;  margin-bottom:30px}
#galText a{ font-size:10px;}

.galBox{width:200px; height:50px; background-color:#101f92; border:#000000 1px solid; margin:10px; text-align:center; float:left; display:block}
.galBox a{width:200px; height:50px; float:left; background-color:#101f92; text-decoration:none; display:block}
.galBox a:hover{background-color:#000000;}

.galBoxText{font-size:14px; padding:5px 0 0 0; color:#FFFFFF}

#spons{width:500px;}
#sp1{text-align:center; background-color:#576186; color:#FFFFFF; width:500px; height:30px; margin-left:25px; border:#000000 1px solid;}
#sp2{width:300px; margin:0 0 0 25px;}
#sp3{width:300px; height:25px; text-align:center; background-color:#BBBBBB; font-weight:bold; font-size:16px}
.sp4{width:97px; height:22px; background-color:#DDDDDD; text-align:right; padding-right:3px; float:left; font-weight:bold}
.sp5{width:300px; height:22px; background-color:#CCCCCC; float:left}

#contPadding{padding:15px;}

#rosterTourn{width:450px; float:left}

.addOne{border:#000000 solid 1px; float:left; width:100%; margin:20px 0; font-family:Verdana, Arial, Helvetica, sans-serif}
.addTwo{border-bottom:#000000 solid 1px; float:left; width:100%;}
.addA{width:40px; float:left; border-right:1px solid #000000; font-size:10px; font-weight:bold; padding:3px 5px; height:25px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
.addThree{width:65px; float:left; border-right:1px solid #000000; font-size:10px; font-weight:bold; padding:3px 5px; height:25px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
.rost{width:100px; text-align:left; margin:5px auto;}
.r1{width:65px; border:#000000 1px solid; float:left; background-color:#BBBBBB; text-align:right}
.r2{width:30px; border:#000000 1px solid; float:left; text-align:center}

.colOne{width:130px; float:left; background-color:#DDDDDD; border:#000000 solid 1px; height:25px; padding:0 2px;}
.colTwo{width:130px; float:left; background-color:#BBBBBB; border:#000000 solid 1px; height:25px; padding:0 2px;}

.tournRes{width:490px; font-size:24px; text-align:center;}
.tournRes a{text-decoration:none; color:#000000;}
.tournRes a:hover{color:#777777;}
#fs a{font-size:9px;}

#tr{background-color:#ffffff; width:540px; border:#000000 1px solid; float:left; padding:10px 0}
.trMain{width:510px; height:25px; float:left; background-color:#DFDFDF; margin:0 10px; border:#000000 1px solid;}
.tr1{width:87px; float:left; padding: 0 0 0 3px; border-left:#000000 1px solid; height:25px}
.tr2{width:127px; float:left; padding: 0 0 0 3px; border-left:#000000 1px solid; height:25px; font-size:10px}
.tr3{width:500px; float:left; border:#000000 1px solid; margin:5px 0; padding:5px}
.tr4{width:490px; float:left; height:25px; background-color:#10238c; text-align:center; color:#FFFFFF}
.tr4 a{color:#FFFFFF; text-decoration:none; font-weight:bold}
.tr4 a:hover{color:#FFFFFF; text-decoration:underline;}
.tr5{width:190px; float:left; height:25px; background-color:#AAAAAA}
.tr6{width:490px; float:left; height:25px; background-color:#BBBBBB; color:#FFFFFF; border-bottom:#000000 1px solid;}
.tr7{width:100px; float:left; height:25px; text-align:center}
.tr8{width:150px; float:left; height:25px; background-color:#AAAAAA; text-align:right; padding-right:3px;}

.cl{width:100%; float:left; background-color:#000000; color:#FFFFFF; height:20px; font-weight:bold; margin-top:4px}
.cl1{width:100%; float:left; background-color:#555555; color:#FFFFFF; height:20px; font-weight:bold;}
.cl1 a{color:#FFFFFF; text-decoration:none;}
.cl1 a:hover{color:#FFFFFF; text-decoration:underline;}

#sp{width:500px; height:30px; background-color:#888888; text-align:center; color:#FFFFFF; font-size:24px; font-weight:bold;}
#rp{width:100%; height:25px; background-color:#555555; color:#FFFFFF; text-align:center; font-weight:bold}
#regg a{text-decoration:none;}
.et {
width:220px;
height:100px;
background:url(../images/et1.jpg) no-repeat;
text-align:center;
margin:10px 10px 10px 30px;
float:left
}
.et a{
color:#000000;
text-decoration:none;
font-weight:bold;
font-size:24px;

}
.et a:hover{
color:#CC3366
}
table.calendar {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  border-collapse: collapse;
  background-color: white;
  border: solid #999999 1px;
  background-color: white;
  width: 200px;
  text-align: center;
  /*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
  -moz-user-select: none;
    /*-khtml-user-select: none;*/
}
table.calendar input, table.calendar select {
  font-size: 10px;
}
table.calendar td {
  border: 0;
  font-size: 10px;
  text-align: center;
}
div.mainheading {
  margin: 2px;
}
table.caldayheading {
  border-collapse: collapse;
  cursor: pointer;
  empty-cells: show;
  margin: 0 6px 0 6px;
}
table.caldayheading td {
  border: solid #CCCCCC 1px;
  text-align: left;
  color: #0054E3;
  font-weight: bold;
  width: 22px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
  border-right: double #CCCCCC 3px;
}
table.calcells {
  border-collapse: collapse;
  cursor: pointer;
  margin: 0 6px 0 6px;
}
table.calcells td {
  border: solid #CCCCCC 1px;
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  width: 22px;
  height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
  padding: 1px;
  margin: 0;
}
table.calcells td.wkhead {
  background-color: white;
  text-align: center;
  border-right: double #CCCCCC 3px;
  color: #0054E3;
}
table.calcells td.wkday {
  background-color: #DDDDDD;
}
table.calcells td.wkend {
  background-color: #DDDDDD;
}
table.calcells td.curdate {

}
table.calcells td.cell_selected {
  background-color: #99CCFF;
  color: black;
}
table.calcells td.notmnth {
  background-color: #FFFFFF;
  color: #CCCCCC;
}
table.calcells td.notallowed {
  background-color: white;
  color: #EEEEEE;
  font-style: italic;
}
table.calcells td.hover {
  background-color: #999999;
}
.rosterMain{
width:500px;
float:left
}
/*pagination*/
div.pagination a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #748892; text-decoration: none; color: #000099;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #D98085; color: #000;}
div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #748892; font-weight: bold;  background-color: #D98085; color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD;}

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}






/* Controlbar example */
.controlbar {	
	background: url(highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
</style>