﻿/* 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;}

h1 {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 15px 0; text-align: center;
	font-size: 130%; color: #ffffff; text-transform: uppercase; padding: 0px 0px 5px opx; background: #0a1f62;border-bottom: 3px solid #0a1f62;}
h2 {font-size: 115%; color: #0a1f62; padding: 0px 0px 3px 28px; border-bottom: 2px solid #0a1f62; font-weight:bold;
	background-position:left; background-image:url('../images/USBC Star.jpg');background-repeat:no-repeat;}
h3 {font-size: 115%; color: #df001f; padding: 0px 0px 3px 28px; border-bottom: 2px solid #df001f; font-weight:bold;
	background-position:left; background-image:url('../images/USBC Star.jpg');background-repeat:no-repeat;}
h4 {font-size: 110%; color: #0a1f62; border-bottom: 1px solid #0a1f62; font-weight:bold; }
h5 {font-size: 110%; color: #df001f; border-bottom: 1px solid #df001f; font-weight:bold; }
h6 {font-size: 100%; color: #0a1f62; text-transform: uppercase; letter-spacing: 1px;}

/* 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 {
	width: 1000px; padding: 0px; height: 100px; background: #ffffff;
	margin: 0px auto; /* fix for centering div in firefox */}
	#logoimage {float: left; width: 150px; height: 100px; background: url('../images/PA WBA Logo.jpg');}
	#logoimage1 {float: left; margin-left: 725px; margin-top:-101px; width : 125px; height: 102px; background: url('../images/proam_bowling.jpg');}
	#sitename {color: #ffffff; height: 100px; text-align: left; margin-left: 150px; left: auto; width: 850px;}
	#sitename h1 {
		font-weight: 800;color:#0a1f62; letter-spacing: 1px; margin-left: 5px; margin-right: 130px; font-size: 2.2em; padding-top:10px;background: #ffffff;
	 	font-family: Verdana; font-style: normal; font-variant: normal;	text-transform: uppercase; 	line-height: normal; text-align: center;}
	#sitename h3 {
		font-weight: 800; color: #df001f; letter-spacing: 0px; margin-top: 18px; margin-right: 130px;padding: 0; font-size: 1.5em; 
		font-family: Verdana; font-weight:bold ; line-height: normal; text-align: right; background-image:none; border:0px;	}
	html > body #main2col html > {width: 280px; height: 100px;}

/* Main body layout - center area */

#main2col {
	width: 7600px; 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: 760px;}
	html > body #main2col html > {width: 760px;}

/* Left column */

#leftcol {
	width: 220px; 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: 220px;}
	html > body #leftcol html > {width: 220px;}
	#leftcol h1 {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 15px 0; text-align: center;
		font-size: 110%; color: #ffffff; text-transform: uppercase; padding: 0px 0px 5px opx; background: #0a1f62;border-bottom: 3px solid #0a1f62;}
	#leftcol h2 {font-size: 105%; color: #0a1f62; padding: 0px 0px 3px 0px; border-bottom: 2px solid #0a1f62; font-weight:bold;
		background-image:none;}
	#leftcol h3 {font-size: 105%; color: #df001f; padding: 0px 0px 3px 0px; border-bottom: 2px solid #df001f; font-weight:bold;
		background-image:none;}
	#leftcol h4 {font-size: 100%; color: #0a1f62; border-bottom: 1px solid #0a1f62; font-weight:bold; }
	#leftcol h5 {font-size: 100%; color: #df001f; border-bottom: 1px solid #df001f; font-weight:bold; }
	#leftcol h6 {font-size: 100%; color: #0a1f62; text-transform: uppercase; letter-spacing: 1px;}
	
/*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: 510px; 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: 510px;}
		html > body #main3col html > {width: 510px;}

/* Right 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-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 15px 0; text-align: center;
		font-size: 110%; color: #ffffff; text-transform: uppercase; padding: 0px 0px 5px opx; background: #0a1f62;border-bottom: 3px solid #0a1f62;}
	#rightcol h2 {font-size: 105%; color: #0a1f62; padding: 0px 0px 3px 0px; border-bottom: 2px solid #0a1f62; font-weight:bold;
		background-image:none;}
	#rightcol h3 {font-size: 105%; color: #df001f; padding: 0px 0px 3px 0px; border-bottom: 2px solid #df001f; font-weight:bold;
		background-image:none;}
	#rightcol h4 {font-size: 100%; color: #0a1f62; border-bottom: 1px solid #0a1f62; font-weight:bold; }
	#rightcol h5 {font-size: 100%; color: #df001f; border-bottom: 1px solid #df001f; font-weight:bold; }
	#rightcol h6 {font-size: 100%; color: #0a1f62; text-transform: uppercase; letter-spacing: 1px;}
		
		
