/* rlsas-all.css - CSS File for www.rlsas.com 2009 version */

/* -------------------------------------------------------------------------------- */
/*  Reset section adapted from...
/* http://meyerweb.com/eric/tools/css/reset/
/* v1.0 | 20080212 */
/* -------------------------------------------------------------------------------- */

html {
  font-size: 100%;      /* allow for odd behaviour in IE & == 16px browser standard */
  overflow-y:scroll;    /* forces a scroll-bar on the right so that pages don't jump */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*	font-size: 100%;
	vertical-align: baseline; */
	background: transparent;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

input, textarea, select {
	font-size: inherit;
}
input {margin:0;}
textarea {overflow-y:auto;}


/* -------------------------------- Redefined HTML Styles ---------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87.5%; /* set basic text size (87.5% of 16px == 14px */
	/* to enable layout sizes to be defined in ems for scaleability */
	line-height: 1.25em;
	color: #000;
	background-color: #CFC;
}

h1 { /* used only for Title in Header */
	color: #FFCC33; 
	font-family: "Times New Roman", Times, serif;
	font-size: 2.5em;
	line-height: 1.25em;
	text-align: center;
}

h2 { /* page headers */
	color: #993333; 
	font-size: 2em;
	line-height: 1em;
	text-align: center;
	margin-bottom: 0.5em;
}

h3 { /* main subsection */
	color: #006600; 
	font-size:	1.5em;
	line-height: 1em;
	text-align: center;
	margin: 1em 0 0.67em;
}

h4 { /* secondary subsection */
	font-size:	1.2em;
	text-align: left;
	margin: 1em 0 0.8em;
}

h5 { /* centred paragraph header */
	font-size:	1em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}

h6 { /* paragraph header */
	font-size:	1em;
	font-weight: bold;
}

p {
	margin-bottom: 1em;
}

a {color: #0000FF;
	 text-decoration:	none;}
		 
a:hover {text-decoration: underline;}

.affiliation {
	font-size: 0.75em;
	color: #FFCC33; 
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto 1em;
}
table, td, th { vertical-align: top ; }
td, th { padding: 0 0.5em; }
th { font-weight: bold; }

hr { margin: 1em 0; }

ul, ol { margin: 0 0 1em 2em; }
ul { list-style: disc; }
ol { list-style: decimal; }
ol ol { list-style: lower-roman; }
ol ol ol { list-style: lower-alpha; }


/* -------------------------------------------------------------------------------- */
/*  Useful bits & pieces
/* -------------------------------------------------------------------------------- */

hr.short {
	width: 35%;
	margin: auto;
	height: 1px;
}
.centred { text-align: center; }
.cleared { clear: both; }
.hidden { display: none; }
.top { margin-top: 0; }
.bottom { margin-bottom: 0; }
.left { margin-left: 0; }
.right { margin-right: 0; }
.breakb4 { page-break-before: always; }
.hilitegrn { background-color: #00FF99}

.floatr { float: right; margin: 0 0 0.3em 0.7em; }
.floatl { float: left; margin: 0 0.7em 0.3em 0; }

/* Single boxes - to match multiples below - to be floated left or right */
.box  {
	border: 1px solid gray;
	padding: 3px;
	text-align: center;
}

/* Multiple boxes - to match singles above - centred */
table.boxes { margin: 0 auto 1em auto;}
	table.boxes td {
		border: 1px solid gray;
		padding: 3px;
		text-align: center;
	}

/* div pairs to create two columns, usually within #content */
.lefthalf, .righthalf {
	width: 48%;
	margin-bottom: 1em;
}
.lefthalf { float: left; }
.righthalf { float: right; }



/* -------------------------------- Basic Layout Styles ---------------------------------- */
/* Wrapper for complete web page with liquid column */
#wrapall { 
	position: relative;
	width: 100%;      /* required */
	min-width: 760px;	/* no horizontal scrolling at 800 x 600 */
	max-width: 92em;	/* fills screen at up to 1280 x 1024 (92 x 14 = 1288px) */
	margin: auto;     /* centre max width page in higher res screens */
}

/* header block - includes title and domain */
#header {
	position: relative;
	height: 5.7em;
	background: #CCFFCC url(../art/rlsas-logoslice-4.gif) repeat-x; 
}

#badge {
	position: absolute;
	left: 20px;
	top: 0;
}

#title {
	position: relative;
	margin-left: 120px; /* to allow for #badge or other logo image */
	text-align: center ; 
}

#domain {
	color: black; 
	position: absolute;
	right: 2em;
	top: 2.4em;
}


/* status bar - includes crumbs & quicklinks */
#status {
	position: relative;
	clear: both;
	padding: 0 0.5em;
	height: 1.5em;
	margin-left: 140px;
}

#crumbs { float: left; }

#quicklinks { float: right; }


/* main page  - includes midcol (housing for content), leftcol, and rightcol if required */
#mainpage {
	position: relative;
	clear: both;
	width: 100%;
	margin: 1em 0 0 0;
}

#leftcol {
	position: absolute; /* ref: mainpage */
	top: 0;
	left: 1em;
	width: 8em;
}

#midcol { /* inside mainpage - housing for content */
	width: 100%;
	max-width: 71em; /* 60 (reqd content max-width) + left col & margin (1) */
	margin: auto;
}

#content { /* inside midcol */
	position: relative;
	margin: 0 1em 0 10em;
	/* right to allow a margin - left to allow for leftcol and margins either side of leftcol */
}

/* -------------------------------- Main Menu Styles ---------------------------------- */
#menu1 {
	position: absolute;
	bottom: -0.14em;
	width: 100%;
}

#menu1 ul {
	margin: 0 0 0 100px;
	text-align: center;
}

#menu1 li {
	display: inline;
}

#menu1 a {
	padding: 0 0.3em;
	background-color: #EEFFFF;
	border: solid black 1px;
	border-bottom: #EEFFFF;
	
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
	-o-border-radius: 5px 5px 0 0;
	-khtml-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
}

#menu1 a:hover {
	background-color: #933;
	border-bottom: #6699FF;
	color: #FFFFFF;
	text-decoration: none;
}

#menu1 li.selected a, #menu1 li.selected a:hover {
	background-color: #CCFFCC;
	border-bottom: #CCFFCC;
	color: black;
}

/* -------------------------------- Left Column Styles ---------------------------------- */
/* Secondary Menu Styles */
#menu2 {
	text-align: center;
}

#menu2 h6 {
	text-align: center;
}

#menu2 ul {
	margin: 0;
	width: 100%;
}

#menu2 li {
	list-style: none;
	margin: 0 0 0.2em 0;
}

#menu2 li a {
	display: block;
	width: 100%;
	border: 1px solid brown;
	background-color: #EEFFFF;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
}

#menu2 li a:hover {
	text-decoration: none;
	background-color: brown;
	border: 1px solid green;
	color: white;
}

#menu2 li.selected a {
	color: gray;
}

#menu2 li.selected a:hover {
	background-color: #EEFFFF;
	color: gray;
}

/* Web Standards Styles */
#standards {
	color: #666666;
	text-align: center;
	font-size: 0.75em;
	line-height: 1.25em;
	margin-top: 2em;
}

/* Footer Styles */
#footer {
	clear: both;
	text-align: center;
	font-size: 0.8em;
	line-height: 1em;
	margin-top: 1em;
}

/* -------------------------------------------------------------------------------- */
/*  Photo Gallery stuff
/* -------------------------------------------------------------------------------- */

/* Thumbnails page */

#allthumbs { text-align:center; }

#allthumbs img {
	border: solid 1px white;
	margin: 5px;
}

#allthumbs a:hover img { border-color: red; }

#allthumbs p.credit {
	font-size: 0.8em;
	color: #666666;
}

/* FullPic page */

.gallery {text-align:center;}

.gallery .bttn, 
.gallery .bttnprev, 
.gallery .bttnnext {
	width : 110px; 
	margin: auto;	
	border: 1px solid gray;
	padding: 3px;
	text-align: center;
}

.gallery .bttn { margin-top: 45px; }
.gallery .bttn a {
	display: block;
	width: 100%;
}
.gallery .bttn a:hover {
	text-decoration: none;
	color: white;
	background-color: brown;
}

.gallery .bttnprev, 
.gallery .bttnnext {
	margin-top: 25px;
	height: 130px;
}
.gallery .bttnprev img, 
.gallery .bttnnext img { border: none; }
.gallery .bttnprev table {
	width: 100%;
	margin: 0;
}
.gallery .bttnprev td {
	height:130px; 
	vertical-align: bottom; 
	padding: 0; 
}
.gallery .bttnnext { vertical-align: top; }
.gallery .bttnprev a img,
.gallery .bttnnext a img{ border: 1px solid white; }
.gallery .bttnprev a:hover img,
.gallery .bttnnext a:hover img { border: 1px solid brown; }


/* -------------------------------------------------------------------------------- */
/*  Site specific stuff
/* -------------------------------------------------------------------------------- */

/* Table layout for Club Awards pages */
table.award td, table.award th { padding: 0.5em 1em; }

/* Table layout for League rounds pages */
table.league { border: 1px solid #999; }
table.league td, table.league th { padding: 0.25em 0.5em; }

/* Table layout for League score & CWAA table pages */
.leag-score hr { clear: both; }
.leag-score table { width: 100%;	text-align: center; }
.leag-score td, .leag-score th { padding: 0.25em 0.5em; }
.leag-score tr.total td { padding-top: 0.5em; font-weight: bold; }
.leag-score col#spacer { width: 3%; }

/* Table layout for WMAS League table pages */
.leag-table table { text-align: center; }
.leag-table td, .leag-score th { padding: 0.25em 0.5em; }
.leag-table tr.total td { padding-top: 0.5em; font-weight: bold; }

/* Table layout for Links page */
.links table { width: 100%; }
.links td, .links th { padding: 0.5em 1.5em; vertical-align: middle; }

/* Headlines section of homepage */
/* Next single program event display - used on homepage */
div.taster {
	border: 1px solid #993300;
	clear: both;
	margin-bottom: 1em;
}
div.taster table { width: 100%; margin: 0;}
div.taster table td {	text-align: center; padding: 0.1em 0.4em;}
div.taster table td.taste1 {width: 9em; color: #006600}
div.taster table td.taste2 {text-align: left;}
div.taster table td.taste3 {width: 4em; vertical-align: bottom;}

/* Table layout for Club Program page */
table.program {
	border-top: 1px solid #999999;
}
table.program tr.import {
	font-weight: bold;
}
table.program td {
	border-bottom: 1px solid #999999;
	padding: 0 2em 0 0 ;
}
table.program td.year {
	font-size: 2em;
	color: #006600;
	border: 0;
	padding: 0.3em 0 0.1em;
}
table.program td.month {
	font-size: 1.5em;
	color: #006600;
	border: 0;
	padding-top: 0.2em;
}
table.program td.day {
	text-align: right;
}
table.program span.heading {
	font-size: 1.2em;
	font-weight: bold;
	color: #006600;
}

/* Table layout for Handicaps */
table.handicap {
	border-top: 1px solid #999999;
	margin: auto;
	margin-top: 1em;
}
table.handicap tr.header {
	color: #333333;
}
table.handicap td {
	border-bottom: 1px solid #999999;
	padding: 0 1em;
	text-align: center;
}
table.handicap td.style {
	font-size: 1.5em;
	color: #006600;
	padding: 0.3em 0;
}
table.handicap td.archer {
	text-align: left;
}

/* Mainly for Admin edit.... pages */
form.maint {
	background-color: #FFFFCC;
	padding: 1em;
	margin: 2em 0;
}
#listwindow {
	background-color: #FFFFCC;
	height: 30em;
	overflow: scroll;
	padding: 1em;
	margin-top: 2em;
}

/* Table layout for Novices Tournament page */
table.novices td, table.novices th {padding: 0.5em 1em;}
table.novices th  {text-align: right;}

/* Table layout for Classifications */
table.classif td {font-weight: bold; text-align: center; vertical-align: middle; padding: 0.2em 0.5em}
table.classif td.first {text-align: left;}
table.classif td.notrec {font-weight: normal;}

/* Table layout for Records */
table.records {
	width: 100%;
}
table.records col.group {width: 18%;}
table.records col.round {width: *;}
table.records td {
	border: 1px solid #000000;
	text-align: center;
}

/* Disclaimer on For Sale page */
p.disclaim {
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
}

/* Styles for News pages */
#news hr {
	width: 35%;
	margin: 1em auto;
	height: 1px;
}

/* Table layout for Rules - Scores page  */
table.scores5, table.scores10 {width: 100%;}
table.scores5 td {width: 10%; text-align: center;}
table.scores5 td.s9 {width: 20%}
table.scores10 td {width: 5%; text-align: center;}
table.scores10 td.s10 {width: 2.5%}
td.sx, td.s10, td.s9, td.s7, td.s5, td.s3, td.s3l, td.s1 {
	border: 1px solid black;
	padding: 0.5em 0;
}
td.s3l {border-right: 1px solid white;}
td.sx, td.s10, td.s9 { background-color: yellow; }
td.s7 { background-color: red; }
td.s5 { background-color: #0099FF; }
td.s3, td.s3l { background-color: black; color: white; }
td.s1 { background-color: white; }

/* Table layout for Rules - Rounds page  */
table.rounds td {
	padding: 1px;
	border: 1px solid black;
}
table.rounds table {margin: 0; width: 100%;}
table.rounds table td {
	border: 1px solid #CCCCCC;
	padding: 0 0.3em;
	text-align: center;
}
table.rounds table.names td {text-align: left;}
table.rounds table.ends9 td {width: 11%;}
table.rounds table.ends7 td {width: 14%;}
table.rounds table.ends6 td {width: 16.5%;}
table.rounds table.int {width: 25em;}
table.rounds table.int td.w1 {width: 16%;}
table.rounds table.int td.w2 {width: 21%;}
table.rounds table.int td.w3 {width: 42%;}
table.rounds table.int td.w4 {width: 21%;}

#content.committee hr {clear: both;}
#content.committee h4 {text-align: center;}
#content.committee p {text-align: center;}

/* table layouts with mainly pdf files in */
table.pdf td {
	padding: 0.5em;
	vertical-align: middle;
}

/* Club Rules & Safety & Clubmark pages */
#content.clubmark ul,
#content.safety ol,
#content.clubrules ol {margin: 0 0 0 2em;}
#content.clubmark ul li,
#content.safety ol li,
#content.clubrules ol li {margin-top: 0.5em;}

/* Club Rules page */
#content.clubrules ol li {font-weight:bold;}
#content.clubrules ol ol li {font-weight:normal;}

/* lists for site map */
#content.sitemap ul {margin: 0 0 0 2em;}
#content.sitemap ul li {margin-top: 0.5em;}
#content.sitemap ul {list-style: disc;}
#content.sitemap ul ul {list-style: circle;}
#content.sitemap ul ul ul {list-style: square;}
#content.sitemap ul ul ul ul {list-style: disc;}
#content.sitemap ul ul ul ul ul {list-style: circle;}

/* Committee etc Job Descriptions pages */
#content.posts ul li {margin-bottom:0.5em;}
#content.posts ul ul {margin-top:0.5em; margin-bottom:0;}
#postlist {border:1px solid #999; padding-bottom:1em;}
  #postlist li {display:inline;}
  #postlist li a {display:block; width:14em; float:left;}
  #postlist h5 {padding-top:1em; clear:both;}
  #postlist p {text-align: center;}