/* df001f is color red of the usbc star */

/* 0a1f62 is color blue of the usbc star */



HTML {margin: 0px; padding: 0px; margin-bottom: 1px; height: 100%;}



BODY {background: #69253e; text-align: center; font: .7em/140% Verdana, Arial, Helvetica, sans-serif;	

	color: #000; padding: 0; margin: 0 auto; /* fix for centering div in firefox */

	margin: 5px 0 0 0;}

	

img {border: 0; /* for accessability */}

.clear {clear: both;}



a {color: #000;	text-decoration: underline;}

a:hover {	color: #A80000;	text-decoration: underline;}



a:active {	color: #A80000;	text-decoration: underline;}



h6 {font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0}	



h5 {font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0}	



h4 {font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0}	



h3 {font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0}	



h2 {font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0}	



h1 {font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0;}	

h1 {font-size: 180%; color: #0a1f62; text-transform: uppercase; padding: 0px 0px 5px opx; border-bottom: 3px solid #0a1f62;}

h2 {font-size: 130%; color: #0a1f62; padding: 0px 0px 3px opx; border-bottom: 3px solid #0a1f62; font-weight:bold;margin: 25px 0 0px 0;}

h3 {font-size: 130%; color: #0a1f62; }

h4 {font-size: 120%; color: #df001f; }

h5 {font-size: 120%; color: #df001f; border-bottom: 2px solid #df001f; margin: 15px 0px 5px 0px; font-weight:bold; }

h6 {font-size: 110%; color: #0a1f62; text-transform: uppercase; letter-spacing: 2px;}





/* DIV ID CLASSES */



/* OUTSIDE WRAPPER - also sets the color of the left hand column*/

#wrapper{width: 1000px; margin: 0px auto; /* fix for centering div in firefox */}

#wrapper2col {background: url('../images/background.jpg') repeat-y;	width: 1000px;	}	



/* HEADER */

#header {

	background: url('../images/proam_bowling.jpg') repeat-x; width: 1000px; padding: 0px; height: 100px; 

	margin: 0px auto; /* fix for centering div in firefox */}

	

	#logoimage {float: left; width: 150px; height: 100px; background: url('../images/PA WBA Logo.jpg');}

	#sitename {color: #ffffff; height: 100px; text-align: left; margin-left: 150px; left: auto; width: 835px;}

	

	#sitename h1 {

	font-weight: 800;color:white; letter-spacing: 1px; margin-left: 5px; padding: 0; font-size: 2.4em; 

 	font-family: Verdana; font-style: normal; font-variant: normal;	text-transform: uppercase; 	line-height: normal; text-align: left;}

	

	#sitename h3 {

	font-weight: 800; color: white; letter-spacing: 0px; margin-top: -50px; padding: 0; font-size: 1.5em; 

	font-family: Verdana; font-weight:bold ; line-height: normal; text-align: right;	}

	

	html > body #main2col html > {width: 280px; height: 100px;}



/* Main body layout - center area */

#main2col {

	width: 770px; border-top: 10px solid #0a1f62; background: #fff; float: right; padding: 10px 10px 10px 10px;

	font: normal 120% Verdana, Arial, Helvetica, sans-serif; text-align: left; 	/* box model hack */;

	voice-family: "\"}\""; voice-family: inherit; width: 752px;}

		

	html > body #main2col html > {width: 770px;}

	



/* Left column */

#leftcol {

	width: 228px; border-top: 10px solid #0a1f62; color: #000; float: left; text-align: left;

	font: normal 120% Verdana, Arial, Helvetica, sans-serif;  /* box model hack */;

	voice-family: "\"}\""; voice-family: inherit; width: 228px;}

		

	html > body #leftcol html > {width: 228px;}

	

	#leftcol h1 {font-size: 160%; color: #0a1f62; text-transform: uppercase; padding: 0px 0px 5px opx; border-bottom: 3px solid #0a1f62;}

	#leftcol h2 {font-size: 150%; color: #0a1f62; }

	#leftcol h3 {font-size: 130%; color: #0a1f62; }

	#leftcol h4 {font-size: 130%; color: #df001f; }

	#leftcol h5 {font-size: 120%; color: #df001f; border-bottom: 2px solid #df001f; font-weight:bold; padding-top:15px; }

	#leftcol h6 {font-size: 110%; color: #0a1f62; text-transform: uppercase; letter-spacing: 2px;}

			

/*Bottom Area - Copyright */

#footer {

	width: 1000px; background: #0a1f62; color: #fff; height: 20px; padding: 2px 5px 2px 5px; clear: both;

	margin: 0px auto; /* fix for centering div in firefox */

	text-align: left; 	/* box model hack */;

	voice-family: "\"}\""; voice-family: inherit; width: 990px;}

		

	html > body #main2col html > {width: 990px;}





/* 3 column layout id's */

#wrapper3col {background: url('../images/background3col.jpg') repeat-y; width: 1000px;	}	

	

	#main3col {

		width: 502px; border-top: 10px solid #0a1f62; background: #fff;	float: right; padding: 10px 10px 10px 10px;

		font: normal 120% Verdana, Arial, Helvetica, sans-serif; text-align: left; 	/* box model hack */;

		voice-family: "\"}\""; voice-family: inherit; width: 502px;}

			

		html > body #main3col html > {width: 502px;}

		

	/* Left column */

	#rightcol {

		width: 230px; border-top: 10px solid #0a1f62; color: #000; float: right; text-align: left;

		font: normal 120% Verdana, Arial, Helvetica, sans-serif; padding: 10px 10px 10px 10px;		/* box model hack */;

		voice-family: "\"}\""; voice-family: inherit; width: 230px;}

			

		html > body #rightcol html > {width: 230px;}

		

		#rightcol h1 {font-size: 160%; color: #0a1f62; text-transform: uppercase; padding: 0px 0px 5px opx; border-bottom: 3px solid #0a1f62;}

		#rightcol h2 {font-size: 150%; color: #0a1f62; }

		#rightcol h3 {font-size: 130%; color: #0a1f62; }

		#rightcol h4 {font-size: 130%; color: #df001f; }

		#rightcol h5 {font-size: 120%; color: #df001f; border-bottom: 2px solid #df001f; font-weight:bold}

		#rightcol h6 {font-size: 110%; color: #0a1f62; text-transform: uppercase; letter-spacing: 2px;}