/* 
	Stuart Monro 20090319 Stylesheet for HJRFC website
	20090809: Removed fixed positioning to allow correct flow, this 
	version only working for IE
*/

* {
     margin: 0;
 }
 
html, body 	
	{
	background-color: #C0C0C0; 
	font-family:verdana, sans-serif; 
	color:#0156A7;
	margin-left: 3%; 
	margin-right: 1%; 
	height: 100%
	}
	
h1 	{
	text-align: center; 
	color:#FF0000; 
	font-size: 200%;
	}
h2 	{
	text-align: center;
	color:#0156A7; 
	font-size: 150%;
	}
h3 	{
	text-align: center;
	color:#02A852; 
	font-size: 100%;
	}
h4	{
	font-weight: bold;
	}

.alerttext	{
				font-weight: bold;
				color: #FF0000;
				}
	
.smalltext	{
			font-size: 75%;
			}
/* The main heading will hold the title for each page and the Hills logo*/
#mainHeading 	{
				text-align: center; 
				width: 950px;
				height: 181px;/*increased this to accomodate the size of the masthead image - rose*/
				background-image: url('masthead.gif');
				background-repeat: no-repeat;
				}
/* The nav bar ID will encapsulate all elements of the navigation bar
All navbar contents will come from includes.php*/
#navbar			{
				width: 950px;/*increased by 1px , removed padding - rose*/
				height: 29px;
				background-color: #000031;		
				font-size: 90%;
				/*border-style: solid;
				border-color: #FFFFFF;*/
				}
				/*
/* The subIDs of navbar are used to position the elements of the navigation bar including menu buttons and Google search*/
/* Nav bar left is positioned on the left side of the nav bar at the left of the screen - currently no plans to populate it*/
/*commented these two out as it appears we are just using navbar, there is no need for these?? - rose */

/*
#navbarleft		{
				width: 185px;
				}

#navbarCentre	{
				width: 860px;
				}
*/
/* Left column will hold additional key links - fixture lists, match reports, meet times for weekend etc
Content will come from includes.php*/
#leftColumn 		{
				float: left;
				width: 160px;
				padding-right: 5px;
				height: 200%;
				margin-right: 0.5%;
				}
/* Centre column will hold all content*/
#centreColumn 	{
				width: 790px;/*increased this centre column to reflect the sum of the centre col + lef col to be the total width, 950px - rose*/
				height: 150%;
				float: left; /*float left has been added in as this ensures that the centre column is floated right next to the left column - rose*/
				}

/*Note that left Centre column goes inside centre Column and holds main content*/			
#leftCentreColumn	{
					width: 660px; /*this was reduced as it was too large for the overall size of the centre column - rose, subsequently increased
									since the fixtures table was a bit squished, reduced size of right centre col to compensate*/
					height: 150%;
					padding-left: 5px;
					padding-right: 5px;
					padding-top: 5px;
					/*margin-top: -1%;*/
					border-left-style: double;
					border-left-width: medium;				
					border-left-color: #0156A7;
					}
/*Note that right Centre column goes inside centre Column and will hold additional content 
including next weekend's fixtures & current league tables Content will come from includes.php*/
#rightCentreColumn	{
				/*position: fixed; *//* this might need removed - removed this -rose*/
				/*float: right; - removed this as it was unnecessary, the outer container was floated next to the left col - rose*/
				/*top: 189px;*/ /* this might need removed - removed this - rose*/
				/*left: 835px;*/ /* this might need removed- removed this - rose*/
				width: 130px;
				padding-left: 5px;
				margin-left: 0.5%;
				}

/* Headlines section will go in the left Centre Column and will be positioned at the top of the page
Content will come from includes.php  */
#headlines	{
			text-align: center;
			width: 660px; /*reduced this so as it was not too large for the centre container - rose*/
			height: 215px;/*added in 15 px to accomodate larger fixtures table- rose*/
			padding: 5px;
			border-left-style: double;
			border-left-width: medium;				
			border-left-color: #0156A7;
			border-bottom-style: double;
			border-bottom-width: medium;
			border-bottom-color: #0156A7;
			/*margin-bottom: 2%; */ /*removed this as it was causing problems with the borders linking up -rose*/
			}
				
.rightText	{
			float: left;
			width: 40%;
			margin-left: 1%;
			margin-right: 1%;
			}
			
.leftText	{
			float: left;
			width: 40%;
			margin-left: 1%;
			margin-right: 1%;
			}
			
.fullText	{
			float: left;
			width: 90%;
			margin-left: 1%;
			margin-right: 1%;
			}
		
/* The nav button classes are used for the alternating colour buttons on the navigation bar at the top of the screen */		
.navbuttonred	{
				float: left;
				height: 21px;
				width: 55px;
				color: #ffffff;
				text-align: center;
				font-size: 75%;
				padding-top: 8px;
				background-color: #ff3333;
				}
				
.navbuttongreen	{
				float: left;
				height: 21px;
				width: 55px;
				color: #ffffff;
				text-align: center;
				font-size: 75%;
				padding-top: 8px;
				background-color: #006633;
				}
				
.navbuttonyellow	{
					float: left;
					height: 21px;
					width: 54px;
					color: #000000;
					text-align: center;
					font-size: 75%;
					padding-top: 8px;
					background-color: #ffcc00;
					}
					
.navpadblue	{
			float: left;
			height: 21px;
			width: 115px;
			color: #000031;
			background-color: #000031;
			}
					
/* The logo class is used to position the Hills logo in the header section of the page */
.logo
		{
		float: left;
		border: thin silver solid;
		margin-top: 0.5%;
		margin-left: 0.5%;
		width: auto;
		}
				
.wrapper 	{
			min-height: 100%;
			height: auto;
			height: 100%;
			margin: 0 auto -4em;
			}
.footer, .push 	{
				clear: both; 
				height: 4em; 
				text-align: center; 
				width: 95%;
				background-color: #0156A7; 
				font-size: 75%; 
				color: #02A852
				}
				
/* Set behaviour for navbar button links - have to set these separately as IE does not support the color:inherit property*/
 
a.nbred:link 	{
				color: #ffffff;
				text-decoration: none;
				}

a.nbred:hover	{
				color: #66ff66;
				text-decoration: underline;
				}
			
a.nbred:visited	{
				color: #ffffff;
				text-decoration: none;
				}
				
a.nbgreen:link 	{
				color: #ffffff;
				text-decoration: none;
				}

a.nbgreen:hover	{
				color: #66ff66;
				text-decoration: underline;
				}
			
a.nbgreen:visited	{
					color: #ffffff;
					text-decoration: none;
					}
				
a.nbyellow:link 	{
				color: #000000;
				text-decoration: none;
				}

a.nbyellow:hover	{
					color: #A00000;
					text-decoration: underline;
					}
			
a.nbyellow:visited	{
					color: #000000;
					text-decoration: none;
					}
					
.container 	{
			width: 949px;
			top: 189px;
			float: none;
			}
			
/* Set formatting for fixtures tables */

.fix_table	
			{
			border-collapse: collapse;
			border: 2px solid blue;
			padding: 3px;
			text-align: center;
			width: 90%;
			}
			
.tble_head
			{
			font-weight: bold;
			}

.tble_cell
			{
			border: 1px solid blue;
			}
			
/* Set formatting for headlines fixtures table*/

.head_fix_table
				{
				border-collapse: collapse;
				border: 2px solid blue;
				padding: 3px;
				text-align: center;
				width: 90%;
				font-size: 75%;
				}
				
.other_fix_table
				{
				border-collapse: collapse;
				border: 2px solid blue;
				padding: 3px;
				text-align: center;
				width: 90%;
				font-size: 75%;
				}
				
/* Set formatting for headlines announcements table*/

.head_announce_table
					{
					text-align: center;
					}
			
/* Datepicker styles */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}