html, body{
	margin: 0;
	padding: 0;
	}
body {
	background-color: #efefef;
	background: url('images/square_bg.png');
	}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	box-shadow: 0 0 12px rgba(0,0,0,0.2);
	background-color: #fff;
	}


header {	
	background: url('images/retina_wood.png');
	opacity: o.6;
	width: 960px;
	height: 200px;
	padding: 10px;
	padding-top: 20px;
	padding-right: 30px;
	margin: 0px;
	}
	
header img {
	width: 300px;
	height: 300px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: relative;
	left: -101px;
	top: -115px;
	opacity: 0.85;
	//color: rgba(0,0,0,0.3);
	}	

h1 {
	font-family: 'Playfair Display', Baskerville, "Times New Roman", serif;
	font-style: italic;
	font-size: 59px;
	color: #3A62A1;
	text-align: right;
	padding-right: 94px;
	line-height: 10px;
	position: relative;
	top: -220px;
	letter-spacing: 2px;
	}	
	
h2 {
	margin-top: 60px;
	margin-bottom: 10px;
	font-family: 'Playfair Display', serif;
	font-size: 25px;
	}	
	
h4 {
	margin-bottom: 0px;
	font-family: 'Playfair Display', serif;
	//font-style: ;
	}	

p {
	margin-top: 5px;
	}	
	
/*********************/	
	
#navigation {
position: relative;
top: -16px;
text-align:left;
background-color: #3A62A1;
letter-spacing: 1px;
height: 30px;
//box-shadow: 0 0 7px rgba(0,0,0,0.6);
}
 
#navigation li {
position: relative;
list-style: none;
display: inline-block;
margin: 0px 35px 0px 55px;
font-style: none;
}
 
#navigation li a {
padding: 5px;
padding-top: 7px;
display: block;
text-decoration: none;
 
font-family: 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 500;
color: #F5E7D0;
text-align: left;
//text-shadow: 1px 1px 0 rgba(255,255,255,0.25);
}

.sub-nav {
color: #3A62A1;
}
 
#navigation li:hover .main {
color: #F5E03D;
}
 
#navigation li .sub-nav-wrapper {
display: block;
position: absolute;
z-index: 30;
margin-left: -16px;
}
 
#navigation li .sub-nav-wrapper .sub-nav {
width: 150px;
margin-top: -1px;
padding-left: 20px;
background: #fff;
border-top: 0px solid #fff;
 
box-shadow: 0 1px 2px rgba(0,0,0,0.35);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.35);
}
 
#navigation li:hover .sub-nav-wrapper {
display: block;
color: #F5E03D
}
 
#navigation li .sub-nav-wrapper .sub-nav li {
list-style: none;
display: block;
margin: 0;
padding: 0;
text-align: left;
border-bottom: 1px solid #d7d7d7;
}
 
#navigation li .sub-nav-wrapper .sub-nav li:first-child {
}
 
#navigation li .sub-nav-wrapper .sub-nav li:last-child {
border: none;
}
 
#navigation li .sub-nav-wrapper .sub-nav li a {
display: block;
padding: 11px 20px 11px 0px;
font-size: 12px;
font-weight: 600;
text-shadow: 1px 1px 0 rgba(255,255,255,1.0);
color: #3A62A1;

 
box-shadow: inset 0 0 2px rgba(255,255,255,1.0);
-moz-box-shadow: inset 0 0 2px rgba(255,255,255,1.0);
-webkit-box-shadow: inset 0 0 2px rgba(255,255,255,1.0);
}
 
#navigation li .sub-nav-wrapper .sub-nav li:hover {
background: #f5f5f5;
border-bottom: 1px solid #3b3b3b;
}

a, #navigation li .sub-nav-wrapper .sub-nav li {
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
 
#navigation li .sub-nav-wrapper {
pointer-events: none;
opacity: 0;
filter: alpha(opacity=0);
top: 0;
 
transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
}
 
#navigation li:hover .sub-nav-wrapper {
pointer-events: auto;
opacity: 1;
filter: alpha(opacity=100);
top: 30px;
}

	
/*********************/	


#teamone img {
	width: 530px;
	height: 340px;
	float: left;
	margin-top: 30px;
	margin-right: 2px;
	margin-bottom: 20px;
	}

#teamtwo img {
	width: 244px;
	height: 340px;
	float: left;
	margin-top: 30px;
	margin-right: 40px;
	margin-bottom: 20px;
	}

#container {
	overflow: auto;
	margin-left: 100px;
	margin-right: 75px;
	height: 1100px;
	}

#content {
	margin-right: 47px;
	font-family: 'Raleway', sans-serif;
	font-style: thin;
	font-size: 15px;
	line-height: 25px;
	height: 
	}
#general h4 {
	font-size: 20px;
	}
#general {
	float: left;
	width: 500px;
	margin-right: 30px;
	font-family: 'Raleway', sans-serif;
	font-style: light;
	font-size: 15px;
	line-height: 25px;
	}

#game {
	float: left;
	width: 230px;
	font-family: 'Raleway', sans-serif;
	font-style: light;
	font-size: 13px;
	line-height: 18px;
	margin-top: 40px;
	margin-left: 5px;
	margin-right: 0px;
	font-style: italic;
	}

#game h4 {
	font-size: 15px;
	}

#rally {
	text-align: center;
	font-size: 30px;
	margin-top: 0px;
	margin-bottom: 30px;
	position: relative
	right: 100px;
	}

#point {
	float: left;
	width: 230px;
	margin-right: 85px;
	margin-left: 135px;
	font-family: 'Raleway', sans-serif;
	}

#sideout {
	float: left;
	width: 240px;
	font-family: 'Raleway', sans-serif;
	}

#scoreboard {
	text-align: center;
	margin-top: 40px;
	position: relative;
	bottom: -30px;
	}

#courtney {
	float: right;
	position: relative;
	left: -60px;
	}

#setterp1 {
	width: 400px;
	margin-bottom: 35px;
	font-family: 'Raleway', sans-serif;
	}
	
#setterp2 {
	width: 400px;
	margin-bottom: 35px;
	font-family: 'Raleway', sans-serif;
	}
	
#setterp3 {
	width: 400px;
	font-family: 'Raleway', sans-serif;
	}
			
#setter {
	font-size: 30px;
	margin-bottom: 35px;
	}	
	
#libero {
	font-size: 30px;
	text-align: left;
	position: relative;
	left: 50px;
	top: -8px;
	margin: 0px;
	padding: 0px;
	}	

#liberop1 {
	width: 210px;
	margin-bottom: 35px;
	font-family: 'Raleway', sans-serif;
	text-align: left;
	position: relative;
	//bottom: -10px;
	top: -5px;
	right: -120px;
	text-align: right;
	letter-spacing: 1px;
	}
	
#liberop2 {
	width: 300px;
	margin-bottom: 35px;
	font-family: 'Raleway', sans-serif;
	float: right;
	position: relative;
	bottom: -91px;
	left: -155px;
	font-weight: 500;
	}
	
#liberop3 {
	width: 300px;
	font-family: 'Raleway', sans-serif;
	position: relative;
	bottom: -230px;
	right: -30px;
	margin: 0;
	padding: 0;
	font-weight: 200;
	text-align: right;
	}

#liberoaction {
	width: 190px;
	height: 68px;
	float: left;
	position: relative;
	left: 370px;
	}

#liberoteam {
	width: 400px;
	height: 233px;
	margin: 0px;
	margin-top: 20px;
	text-align: left;
	position: relative;
	top: -50px;
	right: -30px;
	bottom: -25px;
	}

#middlehitter {
	float: right;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: -155px;
	bottom: -30px;
	}

#middle {
	font-size: 30px;
	}
#middlep1 {
	width: 770px;
	margin-top: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	
	}

#middlep3 {
	width: 270px;
	float: left;
	font-family: 'Raleway', sans-serif;
	//font-size: 13px;
	margin-top: 30px;
	position: relative;
	right: -85px;
	
	}
#middlep4 {
	width: 270px;
	position: relative;
	right: -85px;
	float: left;
	font-family: 'Raleway', sans-serif;
	margin-top: 30px;
	font-weight:200;
	}

#middlep2 {
	width: 270px;
	margin-top: 30px;
	float: left;
	font-family: 'Raleway', sans-serif;
	position: relative;
	right: -85px;
	font-size: 13px;
	}

#outsidehitter01 {
	float: left;
	position: relative;
	bottom: -30px;
	}
	
#outside {
	font-size: 30px;
	float: right;
	position: relative;
	left: -205px;
	top: -20px;
	text-align: left;
	margin-left: 30px;
	}

#outsidep1 {
	font-family: 'Raleway', sans-serif;
	position: relative;
	right: -20px;
	bottom: -100px;
	line-height: 1.5;
	width: 525px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 200;
	}

#outsidep2 {
	font-family: 'Raleway', sans-serif;
	position: relative;
	right: -20px;
	bottom: -226px;
	font-weight: 500;
	margin-top: 0px;
	width: 700px;
	}

#outsidep3 {
	font-family: 'Raleway', sans-serif;
	position: relative;
	bottom: -260px;
	left: -230px;
	//right: -20px;
	width: 670px;
	text-align: right;
	line-height: 1.7;
	}

#outsidehitter02 {
	float: right;
	position: relative;
	bottom: -172px;
	left: -30px;
	}

#rightsidehitter {
	text-align: center;
	}

#rightside {
	font-size: 30px;
	text-align: center;
	}

#rsp1 {
	font-family: 'Raleway', sans-serif;
	width: 520px;
	position: relative;
	right: -160px;
	font-weight: 200;
	margin-top: 25px;
	margin-bottom: 20px;
	}

#rsp2 {
	font-family: 'Raleway', sans-serif;
	width: 520px;
	position: relative;
	right: -160px;
	font-weight: 300;
	margin-top: 15px;
	}
	
#backrow {
	font-size: 30px;
	}

#brhp1 {
	font-family: 'Raleway', sans-serif;
	margin: 30px 0px 5px 0px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.6px;
	}

#brhp2 {
	font-family: 'Raleway', sans-serif;
	float: right;
	width: 250px;
	position: relative;
	left: -33px;
	font-weight: 200;
	}
	
#brhp3 {
	font-family: 'Raleway', sans-serif;
	float: right;
	width: 250px;
	position: relative;
	right: -215px;
	bottom: -180px;
	font-weight: 200;
	font-size: 14px;
	}

#backrowhitting {
	position: relative;
	top: -76px;
	}

#thecourt {
	font-size: 30px;
	}
	
#zones {
	
	}
	
#courtp1 {
	font-family: 'Raleway', sans-serif;
	width: 650px;
	font-weight: 200;
	}

#courtlist {
	font-family: 'Raleway', sans-serif;
	font-style: italic;
	position: relative;
	left: -20px;
	}

#zones_boundaries {
	text-align: center;
	position: relative;
	top: -113px;
	right: -40px;
	
	}

#courtboundaries {
	position: relative;
	top: -100px;
	left: 250px;
	}

#courtp2 {
	font-family: 'Raleway', sans-serif;
	position: relative;
	top: -100px;
	left: 250px;
	width: 550px;
	font-weight: 300;
	}

#courtp3 {
	font-family: 'Raleway', sans-serif;
	position: relative;
	top: -100px;
	left: 250px;
	width: 550px;
	font-weight: 300;
	}

#serving {
	font-size: 30px;
	}

#servingp1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	position: relative;
	top: 8px;
	width: 600px;
	}

#servingp2 {
	font-family: 'Raleway', sans-serif;
	width: 200px;
	float: right;
	line-height: 1.4;
	position: relative;
	left: -15px;
	bottom: -2px;
	}

#usaserver {
	position: relative;
	bottom: -12px;
	}

#servingp3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	float: right;
	position: relative;
	bottom: 223px;
	left: -15px;
	width: 200px;
	}

#setcourt {
	float: right;
	}

#setting {
	font-size: 30px;
	}

#settingp1 {
	font-family: 'Raleway', sans-serif;
	margin-top: 20px;
	width: 490px;
	}

#settingp2 {
	font-family: 'Raleway', sans-serif;
	margin-top: 40px;
	width: 340px;
	font-weight: 200;
	text-align: right;
	position: relative;
	left: 50px;
	bottom: -20px;
	}

#setberg {
	position: relative;
	bottom: -30px;
	left: 50px;
	}

#courtlayout {
	
	}

#netandlines {
	font-size: 30px;
	position: relative;
	left: 38px;
	margin-bottom: 25px;
	}

#netlinesp1 {
	font-family: 'Raleway', sans-serif;
	width: 700px;
	position: relative;
	left: 40px;
	}

#netlinesp2 {
	font-family: 'Raleway', sans-serif;
	width: 700px;
	position: relative;
	left: 40px;
	}

#netlinesp3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	font-size: 12px;
	width: 700px;
	position: relative;
	left: 40px;
	}

#therally {
	font-size: 30px;
	}

#rallyp1 {
	font-family: 'Raleway', sans-serif;
	margin: 30px 0px;
	font-weight: 200;
	}

#usainrally {
	margin-bottom: 30px;
	}

#rallyp2 {
	font-family: 'Raleway', sans-serif;
	float: right;
	width: 245px;
	position: relative;
	right: 150px;
	top: -15px;
	line-height: 2;
	}

#upreferees {
	float: right;
	margin: 0px;
	position: relative;
	right: 20px;
	}

#refs {
	font-size: 30px;
	margin: 0px;
	}

#headref {
	//margin: 0px;
	margin: 15px 0px 0px 0px;
	}
#up {
	font-family: 'Raleway', sans-serif;
	width: 500px;
	//margin: 15px 0px 5px 0px;
	}
	
#downref {
	//float: right;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px 0px 0px 0px;
	}

#down {
	font-family: 'Raleway', sans-serif;
	width: 300px;
	//float: right;
	position: relative;
	left: 250px;
	top: 10px;
	margin: 0px;
	font-weight: 200;
	}

#downreferees {
	position: relative;
	bottom: 100px;
	margin: 0px;
	}

#linejudge {
	position: relative;
	top: -80px;
	margin: 0px;
	}

#line {
	font-family: 'Raleway', sans-serif;
	width: 500px;
	position: relative;
	bottom: 70px;
	margin: 0px;
	}

#linereferees {
	float: right;
	position: relative;
	bottom: 300px;
	right: 90px;
	margin: 0px;
	}

#reflink {
	margin: 0px;
	float: left;
	position: relative;
	bottom: 40px;
	
	}






footer {
	margin-top: 150px;
	background-color: #3A62A1;
	width: 1000px;
	height: 30px;
	color: white;
	font-family: Helvetica, Verdana, sans-serif;
	font-style: light;
	font-size: 10px;
	}
	
footer p {
	opacity: 40%;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 5px;
	letter-spacing: 1px;
	text-align: right;
	float: left;
	margin-left: 300px;
	}
	
footer #footerhome {
	text-align: left;
	color: white;
	margin-left: 10px;
	font-size: 10px;
	}	
 
 #footerhome a {
 	color: white;
 	text-decoration: none;
 	}

#footerhome a:hover {
	color: #F5E03D;
	}

font-family: 'Playfair Display', serif;
font-family: 'Raleway', sans-serif;