/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/bbg.jpg) repeat
	}
#wrap{
	width:1000px;
	margin:0 auto;
	}
h1{
color:#0038a7;
}
#headerWrap{
	width:100%;
	height:150px;
	background:url(../images/mbg.jpg) repeat-x;
	margin:2px 0 10px 0
	}
#header{

	width:800px;
	height:150px;
	background:url(../images/mainLogo2.jpg);
	margin:0 auto
	}
#headerText{
padding:30px 100px;
font-size:30px;
font-weight:bold
}


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:#888888;
border-bottom:#000000 1px solid;
}

div.navs{
width:1000px;
height:30px;
background:url(../images/middle.jpg) repeat-x;
}
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
}
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{
	background-color:#ffffff;
	float:left;
	width:980px;
	padding:10px
	}
#leftNav{
	width:130px;
	float:left;

	}
#leftNav2{
	background-color:#0038a7;
}

#wow{
width:100%;
height:25px;
background-color:#0038a7;
font-size:14px;
font-weight:bold;
text-align:center;
margin-bottom:5px
}
#wow a{
color:#FFFFFF;
text-decoration:none;
}
#wow a:hover{
color:#FFFFFF;
text-decoration:underline;
}
#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:800px;
}
.head{
	width:100%;
	float:left;
	color:#FFFFFF;
	font-size:19px;
	text-align:left;
	margin:0 auto;
	font-weight:bold;
	color:#858FD8;
	border-bottom:#858FD8 2px solid
}
.mainText{
	padding:10px;
	width:550px:
	}
.mainText2{
	padding:10px;
	background-color:#ffffff;
	width:550px;
	}
.mainText3{
	padding:10px;
	background-color:#ffffff;
	width:550px;
	}
.mainText4{
	padding:10px;
	background-color:#0038a7;
	width:550px;
	color:#FFFFFF;
	float:left
	}
a.add{
color:#000000;
text-decoration:none;
font-size:12px
}
a:hover.add{
text-decoration:underline;
}
#addYouth{
	width:550px;
	text-align:center;
	color:#000000;
	line-height:20px;
	}
#addYouth2{
	width:550px;
	text-align:center;
	color:#000000;
	line-height:20px;
	background-color:#BBBBBB;
	border:#000000 1px solid;
	}
#rosterBox {
width:120px; 
padding:10px;
float:left;
height:330px;
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:20px 30px

	}
#logout a{
	color:#ffffff;
	padding:0 10px;
	}
div#footer{
100%px;
height:50px;
float:left;
border-top:2px #3333FF dashed;
margin-top:10px;
}
div#footer a{
font-size:12px;
color:#000088;
text-decoration:none;
margin:0px 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:570px; margin:20px auto; text-align:center}
.galleryOne{ width:570px; min-height:30PX; float:left; text-align:left}
.galleryTwo{ width:270px; height:30px; float:left}
.galleryThree{ width:400px; height:30px; float:left}
#galText{font-size:10;  width:570px;  float:left;  text-align:center;  margin-bottom:30px}
#galText a{ font-size:10px;}
.galBox{width:180px; height:50px; background-color:#101f92; border:#000000 1px solid; margin:10px; text-align:center; float:left; display:block}
.galBox a{width:180px; height:50px; float:left; background-color:#101f92; text-decoration:none; display:block}
.galBox a:hover{background-color:#000000;}
.galBoxText{font-size:12px; padding:5px 0 0 0; color:#FFFFFF}
#spons{
width:500px;
}
#sp1{
text-align:center;
background-color:#AAAAAA;
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:440px;
margin:20px 0;
font-family:Verdana, Arial, Helvetica, sans-serif
}
.addTwo{
border-bottom:#000000 solid 1px;
float:left;
width:100%;


}
.addThree{
width:70px;
float:left;
border-right:1px solid #000000;
font-size:10px;
font-weight:bold;
padding:3px 5px;
height:30px;
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:#555555;
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
}
#reg a{
text-decoration:none;
}
.et {
width:200px;
height:100px;
background-image:url(../images/et1.jpg);
background-repeat: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;
}