/*remove all preset margins and borders*/
* {
margin: 0px;
padding: 0px;
color:#280e33;
font-family: 'Ubuntu', sans-serif;
/*font-family: 'Carme', sans-serif;*/
}
h1 { font-size:40px;}
h2 { font-size:25px;}
h3 { font-size:20px;}
p { font-size:17px;}


/*removes image borders*/
img {
border: none;
}
	.bordered{border-color:#000000; border-style:solid; border-width:1px;}

html {
		top: 0px;
		margin-top: 0px;
		padding-top: 0px;
	background-color:#782f9a;

}

.margintop15 {margin-top:15px;}

#applyimg {margin-left:100px;}


/*sets the page width to 955px which is the length of the banner
	margin auto; sets the unused space at the sides of the 
	page to liquidly change with the page size*/
.everything{
width:1000px;
margin-left: auto;
margin-right: auto;
text-align:left;
background-color:#FFFFFF;
-moz-box-shadow: 25px 0 50px #3A104D, 0 0 0 #3A104D, 0 0 0 #3A104D, -25px 0 50px #3A104D;
-webkit-box-shadow:  25px 0 50px #3A104D, 0 0 0 #3A104D, 0 0 0 #3A104D, -25px 0 50px #3A104D;
box-shadow:  25px 0 50px #3A104D, 0 0 0 #3A104D, 0 0 0 #3A104D, -25px 0 50px #3A104D;
/*20px 0 20px #3A104D, 0 0 0 #3A104D, 0 0 0 #3A104D, -20px 0 20px #3A104D*/
}

/*sets the properties of the main body text*/
body{
		top: 0px;
		padding-top: 0px;
		margin-top: 0px;
		
	  /*   font-family: Georgia, "Times New Roman",
        	  Times, serif;*/
    			color:#271101;
				background-color: #782f9a;
					/*background-image:url(watfordLive-background.jpg);*/
					background-repeat:no-repeat;
					background-position:top;
				/*overflow:hidden;*/
			} 
			/*
			#img.background-source {
				width: 100%;
				position: absolute;
				top: 0;
				left: 0;
				}
				*/
				 
p {margin-left:10px; margin-right:10px; margin-bottom:10px;}

form {margin-left:10px; margin-top: 15px;}

/* this is the main page logo/header*/
.Contaner{ margin-bottom:260px; width:1000px; height:30px;}

/*loads the top banner image and sets the size of the image*/
.Contaner #topimage{
	/*position:relative;
	top:0px;
	left:0px;*/
	margin-left:auto;
	margin-right:auto;
	background-position:top;
	background-color: transparrent;
	background-image: url(Watford_Live_Olympic_logo.png);
	background-repeat: no-repeat;
	width: 372px;
	height: 200px;
	z-index:20;
	margin-bottom:35px;
	}
	
/*stops the banner ext from displaying*/
.Contaner #topimage span{
	display: none;
	}
	#topimage img{
	position:relative;
	top:0px;
	left:0px;
	}
#WHCSponsorL { position:relative; float:left; background-color:#281033; border-right:#1B0724 solid 3px;}
	#WHCSponsorL img { padding:10px;}
#WHCSponsorR { position:relative; float:right; background-color:#281033; border-left:#1B0724 solid 3px;}
	#WHCSponsorR img { padding:10px;}

#WHClogo { position:relative; width:298px; height:68px; margin-bottom:-68px; top:-51px; left:471px;}

#topbar {
	width:1000px;
	background-color:#3A104D;
	height:40px;
	background-position:left;
	background-repeat:no-repeat;
}

/*tabs the main text in from the edge of the banner*/
#Main {
	margin-top: 0px;
}

#Main ul { margin-left: 20px; }
/****************** Collumns **************************/
#left-col { 
		width:200px; 
		background-color:#ffffff;
		float:left;
		padding:5px;
		}


#middle-col { 
		width:550px; 
		/*background-color:#E8CAEC;*/
		background-image:url(main_background.png);
		padding:10px;
				/*used for chrome (CSS3)*/
					border-top-right-radius:30px;
					border-bottom-right-radius:30px;
					border-bottom-left-radius:30px;	
					border-top-left-radius:30px;
				/*used for firefox curved box*/
					-moz-border-radius-bottomleft:30px;
					-moz-border-radius-bottomright:30px;
					-moz-border-radius-topleft:30px;
					-moz-border-radius-topright:30px;
		margin-left:10px;
		}
		#middle-col-extra { 
			width:650px; 
			/*background-color:#E8CAEC;*/
			background-image:url(main_background.png);
			padding:10px;
			min-height:300px;
			margin-bottom:15px;
			float:left;
				/*used for chrome (CSS3)*/
					border-top-right-radius:30px;
					border-bottom-right-radius:30px;
					border-bottom-left-radius:30px;	
					border-top-left-radius:30px;
				/*used for firefox curved box*/
					-moz-border-radius-bottomleft:30px;
					-moz-border-radius-bottomright:30px;
					-moz-border-radius-topleft:30px;
					-moz-border-radius-topright:30px;
					z-index:100;
					margin-left:10px;}
					#middle-col-joinLive { 
					width:750px; 
					/*background-color:#E8CAEC;*/
					background-image:url(main_background.png);
					padding:10px;
					min-height:300px;
					margin-bottom:15px;
					float:left;
						/*used for chrome (CSS3)*/
							border-top-right-radius:30px;
							border-bottom-right-radius:30px;
							border-bottom-left-radius:30px;	
							border-top-left-radius:30px;
						/*used for firefox curved box*/
							-moz-border-radius-bottomleft:30px;
							-moz-border-radius-bottomright:30px;
							-moz-border-radius-topleft:30px;
							-moz-border-radius-topright:30px;
							z-index:100;
							margin-left:10px;}
.type {margin-bottom:10px;}

#right-col { 
		/*position:relative;*/
		margin-right:10px;
		margin-bottom:15px;
		left:0px;
		width:320px; 
		/*background-color:#ffffff;*/
		float:right;
		padding:10px;
		background-image:url(main_background.png);

				/*used for chrome (CSS3)*/
					border-top-right-radius:30px;
					border-bottom-right-radius:30px;
					border-bottom-left-radius:30px;	
					border-top-left-radius:30px;
				/*used for firefox curved box*/
					-moz-border-radius-bottomleft:30px;
					-moz-border-radius-bottomright:30px;
					-moz-border-radius-topleft:30px;
					-moz-border-radius-topright:30px;}
		#right-col ul { list-style-type:none;} 
		
#footer {
		margin-top:20px;
		clear:both;
		background-color:#FFFFFF;
		border-top-color:#000000;
		border-top-style:solid;
		border-top-width:2px;
		border-bottom-color:#000000;
		border-bottom-style:solid;
		border-bottom-width:2px;
		text-align:center;
		font-size:18px;}
		
/******************************************************/
.Contaner #menu {
	position:relative;
	top:0px;
	left:60px;
	z-index:25;
	background-image:url(menuTR.jpg);
}

.Contaner #menu ul {
list-style-type:none;
}

.Contaner #menu ul li {
/*makes the nav on one line*/
float:left;
}

.Contaner #menu li{
position:relative;
}


.Contaner #menu li:hover ul{
display:block;
}

.Contaner #menu li a {
	border-left: 1px solid #3A104D;
    border-right: 1px solid #3A104D;
    display: block;
    height: 35px;
    line-height: 230%;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
	}/**/
  	#menu a:link {
				background-color: transparent;
				color:#FFFFFF;
				font-size:15px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				text-decoration:none;
				}
  	#menu a:visited { background-color: transparent;
				color:#FFFFFF;
				font-size:15px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				text-decoration:none;
				}
	#menu a:hover {color:#FFFFFF; background-color:#130A43; display:block;} /*background-image: url(button.jpg);*/


					
		.leftinfo{ width:275px; float:left;}
		.rightinfo{ width:275px; float:right;}
		.rightinfoProfile{ width:345px; float:right;}
	
	.artline{ display:block;
			 border-bottom-color:#000066;
			 border-bottom-style:inset;
			 border-bottom-width:2px;
			 margin-right:20px;
			 margin-top: 10px;
			 margin-left: 20px;
			 margin-bottom:10px;
			 clear:both;}
		
		.moreinfo {
		display:block;
		 padding:7px;
		 margin:5px;
			width:500px;
			background-color:#9999FF;
		}	 
/************ Tables *************/		

			#table {width:650px; border-collapse:collapse;}
			
			#tableTop {font-weight:bold;}
			table tr .tabletop {padding-left: 5px;}
			
			#table td, #table th {
					border-bottom:1px solid #782f9a;
					border-left:1px solid #bfb1f1;
					border-right:1px solid #bfb1f1;
					padding:3px 7px 2px;
					}	
			.tableCon {
			table-layout:inherit;
			background-color:#D1CAE8;
			font-weight:bold;
			}
			.tableConOdd {
			table-layout:inherit;
			background-color:#d1c2e1;
			font-weight:bold;
			}

		/**** appelcants tables ******/
		#app_tbl {border-collapse:collapse;}
		
		#app_tbl th {
				background-color:#330033;
				color:#FFFFFF;
				padding-bottom:4px;
				padding-top:5px;
				text-align:left;
				}
				#app_tbl td, #app_tbl th {
					border:1px solid #3300FF;
					padding:3px 7px 2px;
					}	
					td.che{background-color:#FF9900;}
					
		/******** time table *******/				
			.timeTable {width:650px; border-collapse:collapse;}
			
			.timeTableTop {font-weight:bold;}
			table tr .timeTabletop {padding-left: 5px;}
			
			.timeTable td, .timeTable th {
					border-bottom:1px solid #3300FF;
					padding:3px 7px 2px;
					}	
			.timeTableCon {
			table-layout:inherit;
			
			background-color:#D1CAE8;
			
			font-weight:bold;
			
			margin-bottom:5px;
			}
			.timeTableConOdd {
			table-layout:inherit;
			
			background-color:#d1c2e1;
			
			font-weight:bold;
			
			margin-bottom:5px;
			}
			.timtimtbl {width:100px;}
			.Tname { width:255px;}
			.Tloc { width:130px;}
		
#contactTable tr td{height:50px; border-bottom:solid 1px #782f9a; padding-right:20px; }
#contactTable{ border-collapse:collapse;}
		
		
/************************************/
		#locationList li { list-style-type:none; float:left;}
#signoff-wrapper { display:block; border:solid #000000 1px; background-color:#FFFFFF;
					float:right; height:53px; margin-top:10px; padding:3px; width:202px; margin-left:15px;}	
					
	#signoff-wrapper img {border:solid #000000 1px; 
							position:relative; top:-49px; left:150px;}
		.signLink a {line-height:150%; margin-right:4px; width:180px; text-decoration:none;}
		
	/*#signlink {height:53px; width:202px; display:block;}*/
	
		#WHC-signoff-wrapper { display:block; border:solid #000000 1px; background-color:#FFFFFF;
					float:right; height:53px; margin-top:10px; padding:3px; width:207px; margin-left:15px;}	
					
	     #WHC-signoff-wrapper img {border:solid #000000 1px; 
							       position:relative; top:-49px; left:150px;}
							
		#WHC-signoff-wrapper .signLink a {line-height:150%; margin-right:4px; width:150px; text-decoration:none;}
/*************************************************************/
#links {list-style-type:none;}
#links li {margin-bottom:15px;}		
		
		#applyB {width:285px; 
			 	height:285px;
				margin-left:135px;} 
		
		a #applyButton {background-image:url(pushButtonOut.gif);
			 				width:285px; 
			 				height:285px;
							display:block;
							}
							
		a:hover #applyButton {background-image:url(pushButtonIn.gif);
			 				width:285px; 
			 				height:285px;
							display:block;
							}
		
#downarrow {margin-bottom:-30px;}

h3#indexEvent {width:auto;
			background-color:#551e8d;
			color:#FFFFFF;
			height:45px;
			display:block;
			margin-top:-5px;
			margin-left:-5px;
			margin-right:-5px;
			padding:7px 0px 0px 5px;
			}
			h3#indexEvent a {text-decoration:none; color:#FFFFFF;}
			
	#timeSort { background-color:#551e8d;
				padding-bottom:10px;
				padding-left:3px;
				border:#000000 solid 1px;
								/*used for chrome (CSS3)*/
					border-top-right-radius:30px;
					border-bottom-right-radius:30px;
					border-bottom-left-radius:30px;	
					border-top-left-radius:30px;
				/*used for firefox curved box*/
					-moz-border-radius-bottomleft:30px;
					-moz-border-radius-bottomright:30px;
					-moz-border-radius-topleft:30px;
					-moz-border-radius-topright:30px;}
					#timeSort label {color:#FFFFFF; font-weight:bold;}
							#timeSort label#loc{ margin-right:190px;}
							#timeSort label#day{ margin-right:75px;}
							#timeSort label#gen{ margin-right:5px;}
							
			#timeSort.buttonSort {
			 border: 1px solid #006;
   			 background-color:#CC0000;
	/*
					border: none;
					background: url('buttonSplat.png.');
					padding: 2px 8px;
					*/
					}
	#sidepicks{ /*position:absolute;*/
		width:250px;
		margin-top:0px;
		float:right;
		padding:5px;
		z-index:10;}
		#sidepic1 { width: 240px;}
		#sidepic2 { width: 240px;}
		#sidepicks img {border:#000000 solid 1px; padding:5px; background-image:url(main_background.png);}
		
#frunt_image { margin-left:25px; border:#000000 solid 1px;}

.indexPage { text-align:center;}
#profileList {list-style-type:none;}
#prifileList li {margin-bottom:10px;}


/* ------------------------------- 2011 Elimens -------------------------------------- */
#fbBox{width:370px; height:30px; display:block; background-color:#3A104D;
		 margin-top:-15px; margin-bottom:15px; margin-left:50px; padding-top:7px; padding-left:2px;
			/*used for chrome (CSS3)*/
				border-bottom-right-radius:30px;
				border-bottom-left-radius:30px;	
			/*used for firefox curved box*/
				-moz-border-radius-bottomleft:30px;
				-moz-border-radius-bottomright:30px;
				border:1px solid #000000;
				border-top:none;
				color:#FFFFFF;
				}
				#fbBox span{ margin-right:2px;}
				/*#tweetButton {margin-right:0px; margin-top:2px;}*/
#TandCList{width:580px;}
	#TandCList li{margin-bottom:15px;}
/*--------Date and time on the createEventForm.php page -------------*/
#dateTimeTbl{width:650px; border-collapse:collapse;}
					
					#dateTimeTbl td, #dateTimeTbl th {
					border:1px solid #3300FF;
					padding:3px 3px 3px 3px;
					}	
					
						#dateTimeTbl th{
								table-layout:fixed;
								
								background-color:#000099;
								color: #EEEAFF;
								font-weight:bold;
								}

#dateTimeTbl td { }

		#dateTimeTbl th.day{ width: 125px;}
		#dateTimeTbl th.sta{ width: 65px;}
		#dateTimeTbl th.fin{ width: 65px;}
									
			#dateTimeTbl td.day{ width: 145px;}
			#dateTimeTbl td.sta{ width: 65px;}
			#dateTimeTbl td.fin{ width: 65px;}
			
	.formTimes{ width:115px; height:70px; 
				border:solid 2px #782f9a; 
				margin-bottom:10px; margin-right:10px; margin-top:10px; padding:0px 5px 0px 10px;}
		.hourTime { }
		.minuteTime { }
			.timeHeading { position:relative; top:10px;}
						/*.timeSeperator {margin-top:30px; margin-left:-4px;}
		.finishTimes { position:relative; top:-40px;}*/
	select { height:20px;}				
			
/*----------------------------------------------------------------*/
/*-----------------Join watford Live form ------------------------*/

#joinLiveForm {}

.rowElem {margin-top: 15px;}
.inputTitle {font-size:16px; margin:10px 0 3px 0;}

#typeOther { width:400px; border:solid 2px #782f9a; padding:15px; margin:10px 0 10px 0;}

#secure { height:50px; width:80px; position:relative; top: -63px; left:190px; font-size:35px;}
.equals{ font-size: 50px; position: relative; top: -10px;}
.explain{ color:#666666; position:relative; top:-50px;}

/*----------------------------------------------------------------*/

/*----------------profile edit --------------------------*/
#editProfile {border:#782f9a solid 1px; padding: 5px; width:580px; margin-top:10px; margin-bottom:10px;}

.buttonLink {width:200px; height:70px; display:block;}
#createEventButton {height:70px; width:200px;
					 background-position: 0 0;
					 background-image: url(createEventButton.png);
					 background-repeat: no-repeat;}
					 #createEventButton span{
						display: none;}
						/******* hover image *********/
						#createEventButton:hover {background-position: -200px 0;}
/*---------------------------------------------------------------*/
/*----------------------Time table and event formatting ---------*/
.eventSlot{ 
				background-color:#99CCFF;	
				/*used for chrome (CSS3)*/
					border-top-right-radius:30px;
					border-bottom-right-radius:30px;
					border-bottom-left-radius:30px;	
					border-top-left-radius:30px;
				/*used for firefox curved box*/
					-moz-border-radius-bottomleft:30px;
					-moz-border-radius-bottomright:30px;
					-moz-border-radius-topleft:30px;
					-moz-border-radius-topright:30px;
				padding:10px;
				border:1px solid #000000;
				margin-bottom:8px;
			}
			.eventLine { border-bottom:#99CCCC solid 1px; width:450px;
						 margin-bottom:10px; padding-bottom:20px; display:block;}
			.eveHeading { color:#333333; margin-right:30px; float:left;}
			.eveData {float:right;}
/*---------------------------------------------------------------*/
/*----------------Other Buttons ----------------------------------*/
#signUpButton {height:70px; width:200px; margin-left:auto; margin-right:auto;
					 background-position: 0 0;
					 background-image: url(signUpButton.png);
					 background-repeat: no-repeat;}
					 #signUpButton span{
						display: none;}
						/******* hover image *********/
						#signUpButton:hover {background-position: -200px 0;}

#changePasswordButton {height:70px; width:200px;
					 background-position: 0 0;
					 background-image: url(changePasswordButton.png);
					 background-repeat: no-repeat;}
					 #changePasswordButton span{
						display: none;}
						/******* hover image *********/
						#changePasswordButton:hover {background-position: -200px 0;}

#calenderButton {height:70px; width:200px;
					 background-position: 0 0;
					 background-image: url(calenderViewButton.png);
					 background-repeat: no-repeat;}
					 #calenderButton span{
						display: none;}
						/******* hover image *********/
						#calenderButton:hover {background-position: -200px 0;}
						
#eventRegistration{height:70px; width:200px;
					 background-position: 0 0;
					 background-image: url(eventRegistration.png);
					 background-repeat: no-repeat;
					 margin-left:auto;
					 margin-right:auto;}
					 #eventRegistration span{
						display: none;}
						/******* hover image *********/
						#eventRegistration:hover {background-position: -200px 0;}
#newslettersButton{height:70px; width:200px;
					 background-position: 0 0;
					 background-image: url(newslettersButton.png);
					 background-repeat: no-repeat;
					 margin-left:auto;
					 margin-left:auto;}
					 #newslettersButton span{
						display: none;}
						/******* hover image *********/
						#newslettersButton:hover {background-position: -200px 0;}
						
#signUpTable { width:400px; margin-left:auto; margin-right:auto}

/*---------------------------------------------------------------*/
/*---------------------member list pages ------------------------*/
/*---------------------------------------------------------------*/
.memberSlot{ margin-bottom:10px; 
background-color:#99CCFF;	
				/*used for chrome (CSS3)*/
					border-top-right-radius:30px;
					border-bottom-right-radius:30px;
					border-bottom-left-radius:30px;	
					border-top-left-radius:30px;
				/*used for firefox curved box*/
					-moz-border-radius-bottomleft:30px;
					-moz-border-radius-bottomright:30px;
					-moz-border-radius-topleft:30px;
					-moz-border-radius-topright:30px;
				padding:10px;
				border:1px solid #000000;
				}