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

Title : Oisin CLG Manchester (u.k.)
URL : http://www.oisinclg.com

Author : Marcus Allen and Richie Coss
Author URL : http://www.professionalidentity.co.uk

Description : Full site styles

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


/*
----------------------------------------------------------------------------- 
GLOBALS
-----------------------------------------------------------------------------*/

html {
	padding: 0;
	margin: 0;
	}

body {
	font: 62.5%/1.4em arial, verdana, helvetica, sans-serif;
	background: #fff url(images/bgMain.gif) repeat-y 50% 0;
	color: #000;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	}
	
img {
	border: 0;
	}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0
	}


/*
----------------------------------------------------------------------------- 
LAYOUTS AND WRAPPERS
-----------------------------------------------------------------------------*/

#wrapper {
	background: #fff url(images/bgRightColumn.gif) repeat-y top right;
	width: 977px;
	margin: 0 auto 0 auto;
	border-left: 1px solid #d9d8d8;
	border-right: 1px solid #d9d8d8;
	padding: 0;
	}

#header {
	background: #800000 url(images/GolfSocHeader.jpg) no-repeat 0 0;
	height: 104px;
	text-align: left;
	}

#contentWrapperWide {
	background: #800000;
	float: right;
	width: 100%;
	text-align: left;
	min-height: 600px;
	margin: auto;
	}
	#contentWide {
		font: 1.4em/1.8em arial, helvetica, verdana, sans-serif;
		margin: 0 0 3.5em 156px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
		}
		#contentWide div.innertube {
			background: url(images/bgLatestSHeader.gif) repeat-x 0 0;
			padding: 0 8px 8px 9px;
			text-align: left;
			margin: 9px 8px 0 auto;
			border: 1px solid #003366;
			min-height: 400px;
			}

#contentWrapper {
	float: left;
	width: 100%;
	text-align: left;
	min-height: 600px;
	}
	#contentColumn {
		font: 1.4em/1.8em arial, helvetica, verdana, sans-serif;
		margin: 0 0px 3.5em 156px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
		}
		#contentColumn div.innertube {
			background: url(images/bgLatestHeader.gif) repeat-x 0 0;
			padding: 0 8px 8px 9px;
			text-align: left;
			margin: 9px 8px 0 auto;
			border: 1px solid #003366;
			min-height: 317px;
			}
		#contentColumn div.gallery {
			background: ffffff;
			background-color:#FFFFFF;
			padding: 10px 0 10px 0;
			margin: none;
			display: table;
			clear: both;
			width: 500px;
			float:left;
			/*overflow: hidden;*/
			}
		#leftColumn {
			font: 1.1em/1.3em arial, helvetica, verdana, sans-serif;
			background: #fff;
			float: left;
			width: 156px; /*Width of left column in pixel*/
			margin-left: -977px; /*Set margin to that of -(WrapperWidth)*/
			text-align: left;
			min-height: 600px;
			}
		#rightColumn {
			font: 1.1em/1.3em arial, helvetica, verdana, sans-serif;
			float: left;
			width: 215px; /*Width of right column*/
			margin-left: -215px; /*Set left margin to -(RightColumnWidth)*/
			text-align: center;
			min-height: 500px;
			}
			#rightColumn .innertube {
				padding: 8px 8px 8px 9px;
				text-align: left;
				margin: 0 auto 0 auto;
				}

#footer {
	font: 1.1em arial, helvetica, verdana, sans-serif;
	clear: left;
	width: 100%;
	color: #999;
	text-align: right;
	}
	#footerMenu {
		background: #800000 url(images/bgFooter.gif) no-repeat 0 0;
		padding-right: 212px;
		height: 70px;
		padding-top: 10px;
		margin-bottom: 0;
		}
	#footerMenuWide {
		background: #800000 url(images/bgFooterWide.gif) no-repeat 0 0;
		padding: 10px 10px 0 0;
		margin-bottom: 0;
		height: 70px;
		}
	
		
div#footer {
    background: #800000;
	color: white;
	padding: 10px 0 10px 0;
	margin: none;
	text-transform: uppercase;
	}
	

/*
----------------------------------------------------------------------------- 
NAVIGATION - Main Site
-----------------------------------------------------------------------------*/

#navWrapper {
	background: #800000;
	float: left;
	width: 977px;
	height: 27px;
	text-align: left;
	}

div#page-wrap {
	width:977px;
	margin: 0 auto;
	border-left: 1px solid #d9d8d8;
	border-right: 1px solid #d9d8d8;
}


/* -- Top Menu -- */

#nav, #nav ul {
	background: #800000;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 27px;
	}

#nav li {
	cursor: pointer;
	background: url(images/bgPipe.gif) no-repeat 100% 0;
	}
	#nav li a {
		font: bold 11px arial, helvetica, verdana, sans-serif;
		color: #fff;
		display: block;
		text-decoration: none;
		padding: 6px 11px 7px 11px;
		}
			
#nav li a:hover { 
	color: #fff;
	text-decoration: underline;
	}

#nav li.selected a { 
	color: #0d2855;
	}
#nav li.selected a:hover { 
	color: #0d2855;
	text-decoration: none;
	}

#nav li ul a, #nav li ul a:visited {
	font: normal 11px arial, helvetica, verdana, sans-serif;
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #fff;
	width: 160px;
	background: #800000;
	}
#nav li ul a:hover { 
	color: #fff;
	background: #833333;
	}

#nav li.selected ul a, #nav li.selected ul a:visited {
	font: normal 11px arial, helvetica, verdana, sans-serif;
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #fff;
	width: 160px;
	background: #006f03;
	}
#nav li.selected ul a:hover { 
	color: #fff;
	background: #800000;
	}

#nav li ul li div {  /* sub menu dividing titles */
	font: bold 12px arial, helvetica, verdana, sans-serif;
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #fff;
	width: 160px;
	background: #833333;
	}

#nav li {
	float: left;
	padding: 0;
	}

#nav li ul {
	position: absolute;
	border-bottom: 1px solid #fff;
	left: -999em;
	height: auto;
	width: 176px;
	margin: 0;
	padding: 0;
	}

#nav li li {
	width: 150px;
	}

#nav li ul ul {
	margin: -1.90em 0 0 150px;
	}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul {
	left: -999em;
	}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
	left: auto;
	z-index: 500;
	}

#nav li:hover, #nav li.sfhover { 
	color: #006f03;
	position:static;
	}

#nav li ul li:hover, #nav li ul li.sfhover { 
	background-image: none;
	background-color: #660000;
	}


/*-- Sub Navigation (default) --*/

#subNav {
	border: 1px solid #003366;
	}

ul#subNav  {
	background: url(images/bgLatestHeader.gif) repeat-x 0 0;
	margin: 9px 8px;
	width: auto;
	padding: 0;
	}

ul#subNav li {
	background: url(images/menuDivider.gif) repeat-x bottom left;
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
	min-height: 28px;
	}
	ul#subNav li a {
	background: url(images/icnWhatsOnBox.gif) no-repeat 0 0;
	display: block;
	padding: 6px 10px 6px 20px;
	margin: 0;
	}
	ul#subNav li.selected {
		background: #f9f9f9 url(images/menuDivider.gif) repeat-x bottom left;
		font-weight: bold;
		}

ul#subNav li.parentItem {
	font: bold 12px/28px arial, verdana, helvetica, sans-serif;
	color: #fff;
	background: none;
	list-style: none;
	text-transform: uppercase;
	display: block;
	padding: 0;
	padding-left: 8px;
	}
	
ul#subNav li ul {
	margin: 0;
	padding: 0;
	}
	ul#subNav li ul li, ul#subNav li.selected ul li  {
		background-image: none;
		margin: 0;
		padding: 0;
		}
		
		ul#subNav li ul li a, ul#subNav li.selected ul li a {
			background-image: none;
			font-weight: normal;
			}
		ul#subNav li.selected ul li.selected a {
			background: #dfdfdf;
			font-weight: bold;
			}
		

/*
----------------------------------------------------------------------------- 
HEADINGS - Default
-----------------------------------------------------------------------------*/

h1 {
	font: bold 1.6em arial, verdana, helvetica, sans-serif;
	margin: 2em 0 1em 0;
	}

h1.logo {
	display: block;
	width: 418px;
	height: 104px;
	text-indent: -999em;
	background: transparent url(images/oisin-logo1.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	}
h1.logo a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
	}

h1#pageTitle {
	font: bold 12px/28px arial, verdana, helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	color: #fff;
	display: block;
	height: 28px;
	line-height: 28px;
	}
	
h2 {
	font: bold 1.2em/1.3em arial, verdana, helvetica, sans-serif;
	color: #ae8809;
	margin: 2em 0 1em 0;
	padding: 0;
	}

.post h2 {
	margin-bottom: 0;
	margin-top: 1em;
	}


h3 {
	font: bold 1.1em/1.2em arial, verdana, helvetica, sans-serif;
	color: #000;
	margin: 2em 0 1em 0;
	padding: 0;
	}

/*
----------------------------------------------------------------------------- 
CONTENTS - Default
-----------------------------------------------------------------------------*/

hr {
	border: 0;
	border-top: 1px dotted #999;
	margin: 5px 0;
	height: 1px;
	clear: both;
	}	

/*-- Right Column --*/

ul#tabLinkers {
	list-style: none;
	width: 189px;
	margin: 0 auto;
	padding: 0;
	}

ul#tabLinkers li {
	list-style: none;
	width: 189px;
	text-indent: -999em;
	margin: 11px auto;
	}
	
#tabLinkers li a {
	background: url(images/tabLinkers.jpg) no-repeat;
	display: block;
	text-decoration: none;
	margin: 0;
	font-weight: bold;
	width: 100%;
	}

	#tabLinkers li a.btnFindUsHere {
		height: 85px;
		background-position: 0 -1064px;
		}
	#tabLinkers li a.btnFindUsHere:hover {
		background-position: 0 -1160px;
		}
	
	#tabLinkers li a.btnSenior {
		height: 96px;
		background-position: 0 -96px;
		}
	#tabLinkers li a.btnSenior:hover {
		background-position: 0 -406px;
		}
	
	#tabLinkers li a.btnJunior {
		height: 96px;
		background-position: 0 -203px;
		}
	#tabLinkers li a.btnJunior:hover {
		background-position: 0 -513px;
		}
		
	#tabLinkers li a.btnSocialClub {
		height: 100px;
		background-position: 0 -620px;
		}
	#tabLinkers li a.btnSocialClub:hover {
		background-position: 0 -731px;
		}
		
	#tabLinkers li a.btnUnderage {
		height: 85px;
		background-position: 0 0;
		}
	#tabLinkers li a.btnUnderage:hover {
		background-position: 0 -310px;
		}
	
	#tabLinkers li a.btnHistory		 {
		height: 100px;
		background-position: 0 -842px;
		}
	#tabLinkers li a.btnHistory:hover {
		background-position: 0 -953px;
		}

----------------------------------------------------------------------------- 
LINKS
-----------------------------------------------------------------------------*/

a {
	color: #ae8809;
	outline: none;
	}
a:hover {
	color: #999;
	}

#footer a {
	color: #ffffff;
	}
#footer a:hover {
	color: #999;
	}
	

/*
----------------------------------------------------------------------------- 
FORMS
-----------------------------------------------------------------------------*/

form, fieldset, label {
	padding: 0;
	margin: 0;
	}

/*-- Site Search --*/

#siteSearchWrapper {
	padding: 5px;
	}

#siteSearchWrapper fieldset {
	border: none;
	margin-bottom: 20px;
	}
#siteSearchWrapper legend {
	display: none;
	}
#siteSearchWrapper label {
	color: #0d2855;
	font-size: 1em;
	}
#siteSearchWrapper #search {
	width: 130px;
	margin-bottom: 2px;
	padding: 2px;
	}



.go_button {
    border: 1px solid white;
    font-size: 0.8em;
    background-color: #ae8809;
    color: white;
    height: 23px;
	padding:2px;
    }

/*-- Polls --*/

#poll fieldset {
	border: 1px solid #ccc;
	padding: 0 9px 9px;
	margin: 0;
	color: #0d2957;
	}

#poll legend {
	margin: 0;
	padding: 0;
	font: 2.4em "arial narrow", arial, verdana, helvetica, sans-serif;
	}

#poll label {
	float: left;
	}

#poll .btnVote {
	background: #ad8a0a;
	width: 50px;
	margin: 10px 0;
	padding: 0;
	border: 0;
	color: #fff;
	cursor: pointer;
	}


/* Old site requirements */
.left   { text-align: left }
.right   { text-align: right }
.center   { text-align: center }
.highlight      { 	color: #FF0000;	background-color: #FFFF00; font-weight: bold; text-align: center; font-size: 10pt; }

H1.blue     { color: #800000; }
H2.blue     { color: #800000; }
H3.blue     { color: #800000; }
H4.blue     { color: #800000; }
H5.blue     { color: #800000; }
H6.blue     { color: #800000; }
H5.centerblue     { color: #800000; text-align: center }

TABLE	{ border-collapse: collapse }

TD.formDesc { text-align: right }
TD.formEntry { text-align: left }

TD { font-size:12px; font: arial, verdana, helvetica, sans-serif; }
	TD H5 { font-size:13px; }
	TD H6 { font-size:12px; }
	TD P { font-size:12px; margin-left: 15px; margin-right: 15px; }

H1,H2,H3,H4,H5,H6     { margin-left: 15px;  margin-right: 15px;}
	H1     { text-align: center }
	H2,H3,H4,H5,H6     { text-align: left }

A      { text-decoration: none }
	A.blue { color: #800000;  }
	A.smallblue { color: #800000; }
	A:hover { background-color: #800000; color: #FFFFFF; text-decoration: none }

P      { font-size:12px; font: arial, verdana, helvetica, sans-serif; margin-left: 15px; margin-right: 15px; text-align: left }
	P.smallblue { color: #800000; margin-right: 0px; text-align: left }
	P.link      {  cursor: hand; text-decoration: underline; text-align: center }


.actionbuttonssmall {background-color: #800000;border: 0px;color: White;width: 25px;height: 20px;font-size: 9px;}
.actionbuttonsbig {background-color: #800000;border: 0px;color: White;width: 45px;height: 20px;font-size: 9px;}
.yearokbutton {background-color: Gray;border: 0px;color: White;width: 15px;height: 20px;font-size: 9px;}
.daybuttons {border: 0px;width: 25px;height: 15px;background-color: #EEEEEE ;background: #EEEEEE ;font-family: Tahoma;font-size: 12px;position: relative;}
.presseddaybutton {border: 1px;width: 27px;height: 17px;background: white ;font-family: Tahoma;font-size: 12px;position: relative;}
.caltable {border: 0px;background-color: #eeeeee;font-family: Tahoma;font-size: 12px;}
.monthyear {border: 0px;background-color: Silver;font-family: Tahoma;font-size: 12px;align :center}

#userentry {
width: 500px;
margin: auto;
}


#controls {
text-align: center;
padding: 3px;
background: #207070;
}

#TA1 {
width: 500px;
height: 300px;
font: 200 12px arial, sans-serif;
padding: 6px;
border: 5px #fff dashed;
background: #f0f0ff;
overflow: auto;
}