/* Pretty Stuff
================================== */
.articleauthor {font-style:italic; text-align: right; padding-right: 10px;}
.borderbottom {margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px #C60 solid;}	
.bordertop{margin-top: 30px; padding-top: 20px; border-top: 1px #C60 solid;}	
.borderboth {margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px #C60 solid; margin-top: 30px; padding-top: 20px; border-top: 1px #C60 solid;}	
.blueheading {color: #0000FF; font-weight:bold;}
.bigblueheading {color: #0000FF; font-weight:bold; font-size:2.5em}
.bluetext {color: #0000FF; font-weight:normal;}
.headline {margin:0 5px; font-weight:bold; color:#0000FF; border-bottom: 1px #C60 solid; }
.blurb {margin-left:10px; font-weight:bold; line-height:1.5em; }
.centered {text-align:center;}
.rightalign {text-align:right; margin-right:0.5em;}
.leftalign {text-align:left; margin-left:0.5em;}
.leftindent {margin-left: 10px;}
.leftindented {text-align:left; margin-left: 10px;}
.question {font-variant:small-caps; font-weight:bold; margin-top:10px; padding:.3em;}
.answer {margin-top:10px; padding:.3em; border-bottom:1px #C60 solid;}
.boxsignature {margin:2px 10px; float:right; font-weight:bold; font-style:italic;}
.boxheader {width:95%; height:20px; background-color:green; color:white; font-family:Georgia, Verdana, Geneva, arial, sans-serif; font-weight:bold; font-size:12px; padding-left:5%}
.boxright {float:right;} 
.boxleft {float:left;} 
.morelink {font-style:italic; float:right; margin-right:10px;}
.doubleheight {height: 4em;}
.tripleheight {height: 6em;}
.floatright {float:right; margin:0 20px 4px 0; font-size:.65em; margin:0px 5px; color:#C60;}
.floatleft {float:left; margin:0 20px 4px 0; font-size:.65em; margin:0px 5px; color:#C60;}
.floatcenter {float:center; margin:0 20px 4px 0; font-size:.65em; margin:0px 5px; color:#C60;}
.seealso {font-size: 1.0em; margin-left: 2.0em; width: 90%; background-color: #ffffff; color: #D4D4D4; }
.admin {font-size: 1.0em; margin-left: 2.0em; width: 90%; background-color: yellow; color: #D4D4D4; }
.event {font-weight: bold; background-color: inherit;}
.social {font-weight: bold; color: blue; background-color: inherit; }
.match {background-color: inherit; }
/*  navigation classes  
.navheader {{width:100%; background-color: #930; color: #ffffff; margin: 0 0px 0px 0px; font-weight:bold;}
*/
.navheader {width:100%; background-color: green; color:white; font-family:Verdana, Geneva, arial, sans-serif; font-weight:normal; font-size:12px; margin: 0px 0px 0px 0px; text-align:justify 1.25em;}
.lefthalf {width: 49%; float: left; clear:both; padding-right: 5px; padding-left: 10px;}
.righthalf {width: 49%; float: right; clear:both; padding-left: 5px; padding-right: 10px;}
.fullwidth {width: 98%; clear:both; padding-left: 10px; padding-right: 10px;}

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background-color:#D4D4D4;
}

h1, h2, h3, h4, h5 {font-family: Georgia, Verdana, Geneva, arial, sans-serif; /*  Font family  */
	color: #000000;
	font-weight: bold;
   /* color: #994D00;                                      /*  Dark brown */
   }
/*  Table styles  */
table {width:100%; background-color: #fffff; border-collapse: collapse; border: 1px #B8E672 solid; }
th {font-size:1.2em; font-variant:small-caps; text-align: left; background-color: #708059; color: #FFFFFF; font-weight: bold; padding: 0.1em 1em;}
td {font-size:1.2em; padding: 1px 1px 1px 1px; text-align: left; background-color: #ffffff; border: 1px #B8E672 solid; line-height: 1.5em; padding-left: 0.1em; margin: 0}
td ul {text-align: left; padding-left: 10px; margin-left: 5px;}
table.borderless tr th {border:none;}
table.borderless tr td {border:none;}
table.borderbottom tr th {border-bottom:1px #B8E672 solid; border-top:none; border-right:none; border-left:none}
table.borderbottom tr td {border-bottom:1px #B8E672 solid; border-top:none; border-right:none; border-left:none}
td.resulted {background-color: #aed2ac;}
caption {font-size: 1.4em;
       font-weight: bold;
	   margin: 1em 0;
	   text-align: left;
	   padding-left: 1em;
	   }
thead {background: #708059;
     border-top: 1px solid #B8E672;
	 border-bottom: 1px solid #B8E672;
	 }
thead tr td {background: #708059;
     border-top: 1px solid #B8E672;
	 border-bottom: 1px solid #B8E672;
	 text-align: center;
	 color: #FFFFFF; 
	 }
tfoot {background: #708059;
     border-top: 1px solid #B8E672;
	 border-bottom: 1px solid #B8E672;
	 text-align: center;
	 margin: 0 0.5em;
	 }
tfoot tr td {background: #708059;
     border-top: 1px solid #B8E672;
	 border-bottom: 1px solid #B8E672;
	 text-align: center;
	 color: #FFFFFF; 
	 }

table#memberlist * th {font-size: 1.0em; }
table#memberlist * td {font-size: 1.0em; }

#mainContent div, #mainContent p, #mainContent h2, #mainContent h3, #mainContent h4 {
	padding: 0 2em;
}

h1 {
  font-size: 2.4em;
}

h2 {
  font-size: 2.0em;
}

h3 {
  font-size: 1.6em;
  }
  
h4 {
  font-size: 1.2em;
  }
  
h5 {
  font-size: 1.0em;
  }
  
p, li {
  font-size: 1.2em;
}

h1, h2, p {
  margin: 1em 0;
}

img {border: 0;}

#container {
  background-color: #DCE6CF;
}

div#header {height:60px; text-align:left; border-bottom: none; border-top: 10px #000 solid;}
div#header img#clublogo {position: absolute; width:88px; margin:0px 5px 4px 10px; z-index:99; border: 0;}
div#header a img#clublogo {display: inline; border: 0; }
div#header img#juniorlogo {position: absolute; right: 5px; top: 10px; width:163px; margin:0px 5px 4px 0; z-index:98;}
div#header h2 {text-align: center; margin:.2em 0 0 0; color: #000}
div#header h3 {text-align: center; margin:.1em 0 0 0; color: #000}
/*
div#header div#headerleft a img#clublogo {display: inline; border: 0;}
div#header div#headerright a img#juniorlogo {position: absolute; right: 5px; top: 10px; width:163px; margin:0px 5px 4px 0; z-index:98; border: 0; }
*/
/* Navigation bar styles 
#leftcolumn ul {border:none; margin:5px 1.25em 5px 1.25em; padding:0; list-style:none; font-weight:bold; font-size:1.0em; display: block; width:100%;}
#leftcolumn li {border-bottom:2px dotted #960; margin:0; padding:.3em 0; text-indent:.5em; }
#leftcolumn li:first-child {border-top:2px dotted #960;}
#leftcolumn a {text-decoration:none; color:#C60;}
#leftcolumn a:hover {color: #960;}
*/
#leftcolumn ul {border:none; margin:5px 0; padding:0; list-style:none; font-weight:bold; font-size:1.0em; display: block; width:100%;}
#leftcolumn li {border-bottom:2px dotted #960; margin:0; padding: .3em 0; text-indent:.5em;}
#leftcolumn li:first-child {border-top:2px dotted #960;}
#leftcolumn a {text-decoration:none; color:#C60;}
#leftcolumn a:hover {color: #960;}
/* a hack for IE Win only \*/	
* html div#homenav ul {border-top:2px dotted #960;}
/*end of hack */

#rightcolumn h2 {
  font-size: 1.6em;
  margin: 0;
}

#rightcolumn h3 {
	text-align:center; 
	font-size:1.4em; 
	color:#960; 
	margin-bottom:0px; 
	padding-top:3px; 
	border-top: 2px dotted #960;
}

#rightcolumn p {
  font-size: 1.2em;
}

#rightcolumn ul {
  list-style-type:none; 
  font-size:1.0em; 
  padding-left: 10px; 
  margin:0 6px 0 0;
}

#rightcolumn li {
  margin-top:0; 
  margin-bottom:.5em;
}

#rightcolumn a {text-decoration:none; color:#C60; text-decoration:underline}
#rightcolumn a:hover {color: #960; text-decoration: none;}
#rightcolumn li.morelink {font-style:italic; float:right; margin-right:10px;}

div.seealso p {margin:0 2px; padding: 6px 10px; color:#000}
div.seealso h3 {color:#C60; font-weight:bold; padding-left: 10px;}
div.seealso ul {list-style-type:none; font-size:1.0em; padding-left: 10px; margin:0 6px 0 0;}

div.numberedlist ol {list-style-type:disc; padding-left: 10px; margin-left: 10px;}
div.numberedlist ol  li{padding-bottom: 3px; }

div.admin p {margin:0 2px; padding: 6px 10px; color:#000}
div.admin h3 {color:#C60; font-weight:bold; padding-left: 2.0em; text-decoration: underline}
div.admin ul {list-style-type:none; font-size:1.0em; padding-left: 4.0em; margin:0 6px 0 6px;}

#overlayboxquote {width: 250px; background-color: #ffffff; font-size:.9em; border-top: 3px solid green; border-bottom:3px solid green;}
#overlayboxquote p {margin:0 2px; padding: 6px 10px;}
#overlayboxquote img {width:64px; float:left; margin:0 8px 4px 0;}

#footer {
  background-color:#DCE6CF;
  padding: 1px 20px;
  text-align: center;
}
#footer ul {margin:2px 0; background-color: #DCE6CF;} /* vertical spacing between the lists */
#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#C60; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 							 color:#C60; /* the color of the links */
							 }
#footer ul li a:hover {text-decoration:underline; color:#960} /* underlines the links when hovered */
 /* end of footer styles */
 /* fineprint styles */
#fineprint {width:100%;  /* makes the div fill its container - usually body */
			padding:4px 0; /* pushes the links away from top and bottom of the div */
			font-size:1.0em;  /* sets the font size of all links */
			text-align:center; /* centers the ul elements in the div */
			/* background-color:#DEE7B6;  sets the background color of the div if required to be different */
			margin-top:.5em;
			color:#c60;
			clear:both;}
#fineprint a {color:#C60;} /* had to explicitly color these or they inherit white from div#footer li */
#fineprint a:hover {color:#960;} /* turns bottom row white when hovered */

#mainimage {width:400px; height:180px; float:left; margin:0px 10px 4px 0;}
#mainimage img {border: 1px solid #960;}
#mainimage p {font-size:.9em; margin:0px 5px; color:#C60;} 

/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 760px;
  /* max-width: 1000px; */
}

#container {
  width: 95%; 
  margin: 0 auto; 
  text-align: left; 
}

#leftcolumn { 
  margin-top: 20px;
  min-width: 6em;
  width: 13%;
  float: left;
}

#content { 
  width: 86%; 
  float: right; 
  padding-top: 10px;
}

#mainContent { 
  width: 73%; 
  float: left; 
  margin-top: 30px;
} 
#rightcolumn { 
  width: 24%;
  min-width: 10em;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right; 
  margin-top: 10px;
} 

#footer { 
  clear: both; 
}

/* add some padding to the contentse in the main nav and secondary content areas */

#leftcolumn, #rightcolumn {
  padding-top: 20px;
  padding-bottom: 20px;
}

#leftcolumn *, #rightcolumn * { 
 padding-left: 20px;
 padding-right: 20px;
}

#leftcolumn * *, #rightcolumn * * { 
 padding-left: 0;
 padding-right: 0;
}

/* the horizontal menu starts here */
div#listmenu {
	width:100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	border-top:1px solid #069;	/* draws line on top edge of div */
	border-bottom:1px solid #069;	 /* draws line on bottom edge of div */
	font-size:1.0em;	/* SET FONT-SIZE HERE */
	background-color:green; /* colors the div */
	/* margin-bottom:20px; TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}
div#listmenu ul {margin:0 13%;/* indents ul from edge of container */
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:green; /*sets the background of the menu items */
	color:#fff;
	border-right:1px solid #fff; /* creates dividing lines between the li elements */
	width:120px;
	text-align:center;
	}
div#listmenu li:first-child {
	border-left:1px solid #fff; /*the first vertical line on the menu */
	}
div#listmenu li:hover { 
	background-color:#FFF; /*sets the background of the menu items */
	}
div#listmenu a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:white;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#F33;
	}
/* the horizontal menu ends here */
/*  Now for forms interface elements styles */
input.txt {
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 200px;
}
input.btn {
  color: #00008B;
  background-color: #ADD8E6;
  border: 1px outset #00008B;
}
form div {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 0.5em;
}
form div label {
  float: left;
  width: 30%;
  font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
  padding-left: 20px;
}
form div textarea {
  display: block;
  float: right;
  clear: both;
  margin-bottom: 5px;
}
fieldset {
  border: 1px solid #000000;
  margin-top: 1.4em;
  padding: 0.6em;
}
legend {
  font: bold 1.6em Verdana Arial, Helvetica, sans-serif;
  background-color: #708059; 
  color: #FFFFFF;
}
.akey {
  text-decoration: underline;
}
/* End of forms interface elements styles */
/*  Special I/O styles for login panel in leftcolumn  */
div#loginpanel {margin: 0; color:#C60; }
div#loginpanel form fieldset {margin-top: 1.0em; padding: 0; border:none;}
div#loginpanel form fieldset legend{width:100%; font-size:1.0em;}
div#loginpanel form label {display: block; text-align: left; margin-left: 0.1em; font-weight: normal; font-size:0.9em;}
div#loginpanel form input {display: block; text-align: left; margin-left: 0.1em; font-weight: normal; font-size:0.9em; width:100%;}
div#loginpanel form input#btnSubmit {display: block; text-align: center; font-weight: bold; font-size:1.0em; width:50%;}
/* end of login panel styles  */
/*  Special styles dealing with image galleries  */
div#gallery a:link, a {
  border-bottom: 1px dotted #960;
  text-decoration: none; 
  color: #960;
}
div#gallery a:hover {
  border-bottom: 1px solid #960;
}
div#gallery h1 {
  margin: 0 6px;
  padding: 0 0 .5em 0;
  font-style: italic;
  font-weight: normal;
  font-size: 1.25em;
  line-height: 2.375em;
  color: #ccc;
}
div#gallery h1 em {
  color: #4d4d4d;
}
div#gallery h1 a:link, h1 a, h1 a:hover, h1 a em, h1 a:link em, 
    h1 a:hover em {
  border-color: #999;
  color: #999;
}
div#gallery h2 {
  margin: 0 0 5px 0;
  font-weight: normal;
  font-size: 1.5em;
  text-align: left; 
  clear: left;
}
div#gallery h2 a:link, h2 a {
  display: block;
  padding: 0 5px;
  border: 1px solid #ccc;
  border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
}
div#gallery h2 a:hover {
  border-color: #ccc;
  background-color: #eee;
}
div#gallery p, ul {
  margin: 0 6px;
  padding: 0;
}
div#gallery img {
  display: block;
  margin: 0 auto 5px auto;
  border: 1px solid #ccc;
  border-bottom-color: #eee;
  border-left-color: #ddd;
  border-top-color: #bbb;
}
div#gallery p.photo {
  margin: 0 0 10px 0;
  float: left;
  width: 75%;
  text-align: center;
  background-color: #fff;
  line-height: 1em;
}
div#gallery p.photo a {
  display: block;
  float: left;
  margin: 0;
  padding: 4px 4px 9px 4px;
  border: 1px solid #ccc;
  border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #fff;
  text-align: center;
}
div#gallery p.photo a:hover {
  border-color: #ccc;
  background-color: #eee;
}
div#gallery p.description {
  clear: left;
}
div#gallery ul.navigation {
  margin: 0 0 10px 0;
  padding: 0;
  float: left;
  text-align: center;
  background-color: #fff;
  line-height: 1em;
  list-style: none; 
  position: absolute;
  top: 58px;
  left: 550px;
}
div#gallery ul.navigation li {
  display: inline;
  margin: 0;
  padding: 0;
}
div#gallery ul.navigation a {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  padding: 4px 4px 6px 4px;
  border: 0;
  background-color: #fff;
  text-align: center;
  width: 80px;
}
div#gallery ul.navigation a:hover {
  background-color: #eee;
  border: 0;
}
div#gallery p.photo a, p.thumb a, ul.thumbnails a {
  display: block;
  float: left;
  margin: 0;
  padding: 4px 4px 9px 4px;
  border: 1px solid #ccc;
  border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #fff;
  text-align: center;
}
div#gallery p.thumb a, ul.thumbnails a {
/*  width: 80px;      */
  width: 155px;
  margin-right: 10px;
  margin-bottom: 10px;
}
div#gallery p.photo a:hover, p.thumb a:hover, ul.thumbnails a:hover {
  border: 1px solid #ccc;
  background-color: #eee;
}
/*  Duplicate?
div#gallery ul.thumbnails a {
  width: 80px;
  margin-right: 10px;
  margin-bottom: 10px;
}
*/
div#gallery p.thumb, ul.thumbnails {
  margin: 0 0 10px 0;
  padding: 0;
  float: left;
  text-align: center;
  background-color: #fff;
  line-height: 1em;
  list-style: none;
}
div#gallery ul.thumbnails li, ul.navigation li {
  display: inline;
  margin: 0;
  padding: 0;
}
/*  end of styles for image galleries */