/* CSS Document */

/*text defs*/

.sh1 {
color:#6699ff; text-shadow:0px 0px 10px #ff0000;
}



body {
/* Always use margin:  0;  padding:  0; as margin controls for your page itself.  Setting both to 0 ensures that your page will spread to the outer edges of the browser window. */
	margin:  0;
	padding:  0;;
	background-image:url(http://pchsoccer.com/showcase/shwcsebdy.png)
	
/*	background-color:#535294;
background-image:-webkit-gradient(linear, 0% 1%, 0% 95%, from(rgba(255,255,255,0.9)), to(rgba(64,64,64,0.9)), color-stop(.8,rgba(64,64,64,0.25)),color-stop(.25,rgba(32,32,32,0.5)));
background-image:-moz-linear-gradient(top,bottom,from(rgba(255,255,255,0.9)),color-stop(80%, rgba(64,64,64,0.25)),color-stop(25%, rgba(32,32,32,0.5)),to(rgba(64,64,64,0.9)))
	*/
}

#bodywrapper {
/* replace margin-top value with the height of your header. */
	margin-top:  110px;
	margin-left:  0;
	margin-right:  0;
	margin-bottom:  0;
	padding:  0;
/*  Background of the right side menu.  Replace the URL and the background color (#FFFFFF) with your choices for each.  */
	background: transparent;
	color:  ;
	position:  relative;
	top:  0;
	left:  0;
	width:  100%;
}

#contentarea {
 /* full width - no border */
 	margin-left:  10px;
	margin-right:  0;
	margin-bottom:  0;
	margin-top:  0;
	padding:  5;
	display: inline
	float: left;
	position: relative;
}

#contentbelow {
 /* full width with a border */
 	/*margin-left:  10px;
	margin-right:  0;
	margin-bottom:  0;
	margin-top:  0;*/
	padding:  5; 
	display: block
	float: left;
	position: relative; 
	
	border:3px solid #CCDD53;
padding:1em;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
box-shadow:rgba(0,0,0,0.5) 0px 0px 24px; border-radius:12px;
/*color:#6699ff; text-shadow:0px 0px 10px #ff0000; */
}

#content1{
	width:840px;
	margin-left:10px;
	float:left; 
	/*padding:  5px;*/
	background-color: #999999;
	filter: alpha(opacity=90);
	border-bottom-color: #CCDD53;
	border-bottom-style: ridge;
	border-color: #CCDD53;
	/*background-image: url(file:///C|/Documents and Settings/BAdam/My Documents/09/bckgrds/c1.png); */
	background-repeat: repeat-x;
	margin-bottom: 1em;
}

#content2{
	/*no bottom border*/
	width:840px;
	margin-left:10px;
	float:left;
	/*padding:  5px;*/
	background-color: #999999;
	filter: alpha(opacity=90);
	border-color: #CCDD53;
	box-shadow:rgba(0,0,0,0.5) 0px 0px 24px;
	border-radius:12px;
	color:#6699ff;
text-shadow:0px 0px 10px #99ccff
	margin-bottom: 1em;
	border-style: dashed;
}
#contentsplit {
 /* 1/2 with a border */
 
	width: 420px;
	padding:  5px; 
	display: inline;
	float: left;
	position: relative; 
	margin: 10px;
	border:3px solid #CCDD53;
padding:1em;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
box-shadow:rgba(0,0,0,0.5) 0px 0px 24px; border-radius:12px;
/*color:#6699ff; text-shadow:0px 0px 10px #ff0000; */
}

#contentinthirds {
 /* 1/3 with a border */
 
	width: 300px;
	padding:  5; 
	display: inline;
	float: left;
	position: relative; 
	margin: 5px;
	border:3px solid #CCDD53;
/* padding:1em; */
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
box-shadow:rgba(0,0,0,0.5) 0px 0px 24px; border-radius:12px;
/*color:#6699ff; text-shadow:0px 0px 10px #ff0000; */
}

#contentontop {
 /* full with a border */
 
	width: 815px;
	background-color: #B0B0FF;
	padding:  5px; 
	display: inline;
	float: left;
	position: relative; 
	margin-left: 15px; margin-bottom: 10px;
	border:3px solid #CCDD53;
/*padding:1em;*/
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
box-shadow:rgba(0,0,0,0.5) 0px 0px 24px; border-radius:12px;
/*color:#6699ff; text-shadow:0px 0px 10px #ff0000; */
}


#contentontopsplit {
 /* 1/2 with a border */
 
	width: 370px;
	background-color: #B0B0FF;
	padding:  1em; 
	display: inline;
	float: left;
	position: relative; 
	margin-left: 15px; margin-bottom: 10px;
	border:3px solid #CCDD53;
padding:1em;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
box-shadow:rgba(0,0,0,0.5) 0px 0px 24px; border-radius:12px;
/*color:#6699ff; text-shadow:0px 0px 10px #ff0000; */
}

#shadowborder{
background:#FFFFFF;

width:800px;
	margin-left:10px;
	float:left;
border:3px solid #CCDD53;
padding:1em;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
box-shadow:rgba(0,0,0,0.5) 0px 0px 24px; border-radius:12px;
}


#shadowbox{
width: 940px;
display: block; 
background-color:#0033FF;
box-shadow: 10px 10px 5px #888;
padding: 5px 5px 5px 15px;
}

#schillerbox {border:4px solid #000;
background-color:#000;
background-image:-webkit-gradient(linear, 0% 1%, 0% 95%, from(rgba(255,255,255,0.9)), to(rgba(64,64,64,0.9)), color-stop(.8,rgba(64,64,64,0.25)),color-stop(.25,rgba(32,32,32,0.5)));
background-image:-moz-linear-gradient(top,bottom,from(rgba(255,255,255,0.9)),color-stop(80%, rgba(64,64,64,0.25)),color-stop(25%, rgba(32,32,32,0.5)),to(rgba(64,64,64,0.9)));
}


div.spacer{clear:both; height:10px; display:block;}

#leftcolumn {
	display:inline;
	float: left;
	position: relative;
/* Replace width with the width of your left column. */
	width:  110px;
/*  Background of the left side menu.  Replace the URL and the background color (#3F9BCF) with your choices for each.  */
	/* background: transparent ; */
	color:  #0000FF;
}

#header {
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
/* replace this value with the height of your header. */
	height:  110px;
/* background for the header.  Replace the URL and the background color (#F2F2F2) with your choices for each.  */
	background: url(http://www.pchsoccer.com/showcase/09/shwcscsshdr.gif);
	
/* put this in to ensure that your header doesn't overlap the body of your website. */
	overflow:  hidden;
}

#container{width:960px; margin:0 auto;
	border:3px solid #CCDD53;
background-color: #28297B;

box-shadow:rgba(0,0,0,0.5) 0px 0px 24px;
}
#topbar{
	width:auto;
	display:block;
	height:106px;
	background-image: url(http://pchsoccer.com/showcase/shwcscsshdr2010green.png);
	top: auto;
}


#navbar{width:auto; display:block; height:28px;}
#navbar a{height:28px; line-height:28px; padding:0 8px; display:inline;}

#main{width:auto; 
min-height:400px;}

#hdln{
display:block;
padding:5px;
font-size:11px;
color:#CCCCCC;
width: 100%;
background-color:#333333
}


#footer{
	display:block;
	
	font-size:11px;
	color:#999999;
	width: 960px;
	background-color:#333333	
}




/*menu */

.buttonscontainer {width: 110px;}

.buttons a {color: #FFFFFF;
border: 1px solid;
/*background-color: #73C4EF; original color*/ 
background-color: #08086a; /*match the banner blue*/
/*background-color: #00A7D1; little darker*/
/*background-color: #0000CC; to match the inside letters*/
padding: 2px;
padding-left: 3px;
font: 13px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #FFFFFF #0000CC #0000CC #FFFFFF;
display: block;
margin: 0px;
width: 100%;
text-align: left;}

.buttons a:hover {border: 1px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #CC3333;
border-color: #0000CC #FFFFFF #FFFFFF #0000CC;
color: #0000CC;
text-decoration: none;}

.roundbutton{
			width: 120px;
			height: 24px;
			padding: 5px 16px 3px;
			-webkit-border-radius: 16px;
			-moz-border-radius: 16px;
			border: 2px solid #ccc;
			margin: 1em 0 2em;
			position: relative;
			
			/* Label */
			font-family: Lucida Sans, Helvetica, Verdana, sans-serif;
			font-weight: 800;
			color: #fff;
			text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
			text-align: center;
			vertical-align: middle;
			white-space: nowrap;
			text-overflow: ellipsis; 
			overflow: hidden;
		}
		
		.roundbutton:hover {
			text-shadow: rgb(255, 255, 255) 0px 0px 5px;
		}
	
		.roundbutton .glare {
			position: absolute;
			top: 0;
			left: 5px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			height: 1px;
			width: 142px;
			padding: 8px 0;
			background-color: rgba(255, 255, 255, 0.25);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
			background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
		}
		
		.aqua{
			background-color: rgba(60, 132, 198, 0.8);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));
			background-image: -moz-linear-gradient(rgba(28, 91, 155, 0.8) 0%, rgba(108, 191, 255, .9) 90%);
			border-top-color: #8ba2c1;
			border-right-color: #5890bf;
			border-bottom-color: #4f93ca;
			border-left-color: #768fa5;	
			
			-webkit-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
			-moz-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px; /* FF 3.5+ */
		}
		
		.orange{
			background-color: #ee5526;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 85%, from(rgba(246, 132, 36, 0.8)), to(rgba(239, 97, 49, 0.9)));		
			background-image: -moz-linear-gradient(rgba(246, 132, 36, 0.8) 0%, rgba(239, 97, 49, 0.9) 85%);	
			border-top-color: #f7a250;
			border-right-color: #f7a050;
			border-bottom-color: #ef925e;
			border-left-color: #f6a460;	
			-webkit-box-shadow: rgba(237, 96, 46, 0.5) 0px 10px 16px;
			-moz-box-shadow: rgba(237, 96, 46, 0.5) 0px 10px 16px;
		}