/* layout styling */
* {padding:0; margin:0;}
body {margin: 30px 0 5px 0;text-align:center;
background-color:#e2f1d0;
}
html {overflow-y: scroll}

#outerborder {
position: relative;
  margin-left:auto;margin-right:auto;
  margin-top:0px;
  width:1000px;
/*background:url(/images/outerborder.gif) center repeat-y;*/
}
#container
{
letter-spacing:0px;
position: relative;
  padding-left:20px;
  padding-right:20px;
  padding-top:20px;
  width:960px;
  color: #414141;
  margin-bottom:5px;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  font-size:1em;text-align:left;
  background-image:none;
  background-color: white;
}
/*html>body #container {
#overflow: auto;
}*/

a, span.fakelink {
color:#48a38e;
text-decoration:none;}
a:hover, .fakelink:hover {
color:#00634e;text-decoration:underline;}
.fakelink:hover { cursor:pointer;}

/* header styling */
#top {height:180px;} /* previously 149px, increased again from 220 */
#printbanner { display: none; }
#printfooter { display: none; }
.printonly { display: none; }
/*#top form {position:relative;left:575px;top:125px;display: inline;margin-left: 5px;} */
.extrasmalltextbox{font-size: xx-small;}
#leftcontent { width: 42%;float:left;margin:5px;}
#rightcontent {width:55%;float:left;margin:5px;}
#global, div.global, table.global {margin:10px; _height:0; min-height:0;}
#global li, #global ol { margin-left:20px; }
#centercontent {float:left;width:700px;text-align:center;clear:both;display:block;margin:5px;}
#leftcontent, #rightcontent, #global, div.global {margin-top:10px;}
thead tr, h3, h1 {
  font-family: helvetica,arial,verdana,sans-serif;
  border-bottom:1px solid #00634e; 
  padding-left:6px;
  font-weight:normal;
  color:#414141;
  text-transform:capitalize;
  margin-right:5px;
  height: 23px;
  background-color: #effedd;
}
h1 {
font-size: 24px;
line-height:28px;
padding-bottom:10px;
}
#leftcontent h4, #rightcontent h4, #global h4 {margin-top:2px;margin-bottom:0;padding-left:5px;}
#leftcontent p, #rightcontent p, #global p, #global table, #leftcontent li {padding:0px;margin:5px;font-size:1em;}
#leftcontent #latestcomp ul, #leftcontent #previouscomps ul, #leftcontent #upcomingcomps ul {list-style:none;margin:0;padding:2px 0 0 3px;}
#leftcontent #latestcomp li, #leftcontent #previouscomps li, #leftcontent #upcomingcomps li {display:block;}

#leftcontent #latestcomp li span.pos span.sup {vertical-align:super;font-size:60%;}
#leftcontent #halloffame ul {margin-left:20px;}
#leftcontent #halloffame ul li.hio {list-style-image:url(/img/rib2.gif);list-style-position:outside;}
#leftcontent #halloffame ul li.lgs {list-style-image:url(/img/rib1.gif);list-style-position:outside;}
#leftcontent #halloffame ul li.hss {list-style-image:url(/img/rib1.gif);list-style-position:outside;}
#leftcontent #halloffame h4 span {font-size:62%; font-weight: normal;}
.newsbox { margin-left: 10px; }
#rightcontent .announcements h4 {clear:both;padding-left:5px;}
#rightcontent .announcements h4 span {font-size:62%; font-weight: normal;}

#leftcontent span.date{font-size:75%;}
span.sml {font-size:80%;}
span.str {font-weight:bold;}
div#leftcontent div h3, div#rightcontent div h3 {
margin-left:4px;
margin-right:9px;
padding:5px;
}

/* Styling for inbuilt content menus */
ul.leftnav {
padding: 10px;
list-style:none;
padding-left:5px;
float: left;
height: 100%;
margin-top:2em;
font-size:80%;
}
ul.leftnav li {
border-bottom: 1px solid #cccccc;
background-color: #0b0448;
padding: 5px;
width: 130px;
}
ul.leftnav li a {
color: white;
}

img.rightfloat {
float: right;
clear:right;
padding: 20px;
border: 0px;
}

#global p img, #sidebar p img, div#body p img, div#sidebar img {
background: white none repeat scroll 0 0;
border: 1px solid #DDDDDD;
margin: 3px 20px 20px 0;
padding:5px;
}

/* FOOTER STYLING */
#footer {
font-family:Arial, Verdana, sans-serif;
clear:both;width:100%;
text-align:center;text-decoration:none;
height:110px;
padding-top:25px;
margin-bottom:0px;
background-color:#e2f1d0;
padding:0px;
}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}
.copyright {font-size:x-small;}
/* menu styling */
#footer {
color: black;
}
#footer a {
color: black;
}
#ig {
display:none;
position: relative;
left: 540px;
top: 0px;
width:100px;
}
#ig img {
border:0;
}

/* menu */
/*position*/
#topmenu {
width:958px;
font-size:14px;
background-repeat: repeat;
position:relative;
top:147px;left:0px; 
z-index: 1;
font-style:italic;
font-weight:bold;
font-family: Tahoma,Arial,Verdana,sans-serif;
color:#c9aa12;
/* border-top: 0px solid #6699cc; */
}
#nav, #nav ul {
  float:left;width:100%;list-style:none;padding:0;margin:0;
}
#nav a {
display:block;padding:0.25em 2em;
text-transform: capitalize;
color:#c9aa12;
} 
#nav li {
float:left;padding:0 2px 0 0;
} 
#nav li ul {
position:absolute;left:-999em;height:auto;width:14.4em;w\idth:13.9em;font-weight:normal;margin:-3px 0 0 0;
}
#nav li li {
padding-right:1em;
} 
#nav li ul a {
width:13em;w\idth:9em;
letter-spacing:0px;
padding: 0.25em 1.9em;
} 
#nav li ul ul {
margin:-1.75em 0 0 14em;
} 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul 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, #nav li li li.sfhover ul {
left:  auto;
}
/*style*/
/*Dark blue hover on blue background, white text, pale blue drop down*/ #nav, #nav ul {
line-height:2;
}
#nav a.moreright {
background: url(/images/rightarrow.gif) center right no-repeat;
} 
#nav a.moredown {
background: url(/images/downarrow.gif) center right no-repeat;
} 
#nav li {
} 
#nav li ul {
border-top:1px solid black;
/* background:#474d45; */
 background:#246f4d;
z-index:1;
} 
#nav li li {
border-bottom:1px solid black;
} 
#nav a {
text-decoration: none;
} 
#nav li:hover, #nav li.sfhover {
background: none;
}
#nav li a:hover  {
color:white;
} /*Dark blue hover on blue background, white text, drop down same color*/

div#global p, div#body p, ul {
margin-bottom: 8px;
font-size:13px;
line-height:18px;
margin-top:0;

}

/* Table styling */
table { border-collapse: collapse;border: 1px solid #dedede;}
tr { border: 1px solid #dedede; }
tr.odd {
        background-color: #cccccc;
        border: 1px solid #dedede;
}
td.odd {
   background-color: #cccccc;
}
td { padding: 5px; }
div#chartcontainer {
width: 504px;
float:right;
border:0;
margin:0;
}
div#statistics {
width: 350px;
float:left;
margin-top: 10px;
margin-left:10px;
}
div.chartbox {
width: 220px;
float: left;
margin: 10px;
border: 1px solid #dedede;
}
.comment { 
font-size: xx-small;
font-style: italic;
}
fieldset {
width:90%;
margin-left:10px;
}

a.button {
  background:url(/menudot.gif) no-repeat left;
        padding-left: 15px;
        padding-right: 5px;
        margin:0px;
        line-height: 2em;
        font-weight: normal;
        text-decoration: none;
}
a.button:hover {
text-decoration:underline;
}

/* KNOCKOUTS */
.knockout {
        font-size: x-small;
        border-collapse: collapse;
}
.toplayeven {
        border-bottom: 2px solid #999999;
        border-right: 2px solid #999999;
        padding-left: 5px;
        padding-bottom: 5px;
}
.toplayodd {
        border-bottom: 2px solid #999999;
        padding-left: 5px;
        padding-bottom: 5px;
}
.matchlink {
        border-right: 2px solid #999999;
}
.announcedate {
font-size: x-small;
}

/* Winter League */
#fixtures {
        padding: 10px;
        clear: left;
}

#fixtures .left, #leaderboard .left {
        float: left;
        width: 45%;
        margin-right: 10px;
        clear: left;
        margin-left: 10px;
}

#fixtures .right, #leaderboard .right {
        width: 45%;
        float: right;
        clear: right;
}

#fixtures table {
        width: 100%;
        background-color: white;
        font-size: x-small;
        border: 1px solid #666666;
        padding: 0;
        border-spacing: 0px;
        border-collapse: collapse;

}
#fixtures tr, #fixtures td {
        border: 1px solid #666666;
}

#fixtures .fivepctd {
        width: 5%;
}

#fixtures .player {
        width: 45%;
        border: 1px solid #666666;
        padding: 5px;
}

#fixtures h3 {
        margin-bottom: 0.1em;
        clear: both;
}
#teamdetail {
        margin-left: 50px;
        margin-right: 50px;
}

#teamdetail p.whitebox {
        background-color: white;
        width: 350px;
        border-left: 1px solid #333399;
        border-right: 1px solid #333399;
        border-bottom: 1px solid #333399;
        margin-top: 0px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        padding-left: 5px;

}

#teamdetail table {
        width: 350px;
        background-color: white;
        font-size: small;
        border: 1px solid #666666;
        padding: 0;
        border-spacing: 0px;
        border-collapse: collapse;
}
#teamdetail tr, #fixtures td {
        border: 1px solid #666666;
}
#leaderboard h3 {
        margin-left: 50px;
        clear: left;
}

#leaderboard table {
        font-size: x-small;
        border: 1px solid #666666;
        padding: 0;
        border-spacing: 0px;
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 1em;
}
#leaderboard tr, #leaderboard td {
        border: 1px solid #666666;
}
#leaderboard .hidden {
        border: none;
        background-color: transparent;
}
#leaderboard .endcol {
        width: 20px;
        text-align: center;
}
#rulestext {
        margin-left: 50px;
        clear: left;
        margin-right: 50px;
        margin-bottom: 2em;
        padding: 10px;
        background-color: white;
}
#wlmenu {
margin-bottom: 10px;
margin-top: 5px;
margin-left: 10px;
font-size: 80%;
font-weight: bold;
}

#wlmenu ul, #wlmenu li  {
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}

#wlmenu a {
padding: 0.2em 1em;
text-decoration: none;
text-transform: capitalize;
color: black;
margin: 0px;
border: 1px solid black;
}


#wlmenu a:hover {
background-color: black;
background-image: none;
color: white;
}
#roundselect div, #roundselect form, #roundselect select {
        display: inline;
}
#roundselect form {
        margin-left: 10px;
        margin-top: 6px;
        display: inline;
}

#roundselect select {
        display: inline;
position: absolute;
left: 400px;
top: 175px;
}
div.clubbox {
border: 5px;
background-color: white;
background-image:none;
padding: 5px;
margin: 5px;
float: left;
height: 150px;
text-align: center;
}
div#successmessage {
  background-color: white;
  background-image: none;
  border: 2px solid blue;
  color: blue;
}
p#updatemsg {
  background-color: white;
  background-image: none;
  border: 2px solid blue;
  color: blue;
  padding: 10px;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}
.albacard, .birdiecard, .parcard, .bogeycard, .eaglecard, .worsecard, .doublecard {
  font-family: verdana;
  border: 1px solid white;
  margin: 0px;
  width: 40px;
  padding: 0px;
  font-size: 15px;
  font-weight: bold;
  text-align:center;
}
.blankbox {
  background-color: white;
  color: black;
}

.birdiebox, .birdiecard {
  background-color: #6699ff;
  
  color: white;
  background-image: none;
}
.bogeybox, .bogeycard {
  background-color: black;
  color: white;
  background-image:none;
}
.doublebox, .doublecard {
  background-color: red;
  color: white;
  background-image:none;
}
.eaglebox, .eaglecard {
  background-color: #ffff00;
  color: #666666;
  background-image:none;
}
.albabox, .albacard {
  background-color: #66ff66;
  color: #666666;
  background-image:none;
}
.parbox, .parcard {
  color: #666666;
  border: 1px solid black !important;
  background-image:none;
}
.worsecard {
  color: white;
  background-color: purple;
  background-image:none;
}
.hfdesc h4 {
padding: 10px;
}
.hfdesc h4:hover {
cursor: pointer;
}
.hfdesc p {
margin-left: 10px;
}
table.myupcoming td {
background-color: 5px solid red;
}

div#sidebar {
margin-top:30px;
}

div#sidebar h2 {
clear:both;
line-height: 20px;
list-style-position:outside;
font-style:italic;
border-bottom:1px solid #cccccc;
padding-bottom:10px;
background-image:none;
background-color:none;
display:block;
font-weight:normal;
font-size:15px;
font-family:Georgia, "Times New Roman";
width:100%;
}
h2 a.sidemenu:hover {
background-color:white;
}
div#rightsidebody {
background-image:url(/images/hb_sidebarright.gif);
background-repeat:repeat-y;
background-position:right;
}


/***********************************************/

body {padding-bottom: 30px}
#global, div.global {padding-left: 0; padding-right: 0; margin-left:0; margin-right: 0} 
div#global {margin-bottom: 0; padding-bottom: 20px}
#container {padding-left: 20px; padding-right: 20px; }
#globalwrap {padding-left: 20px; padding-right: 20px; padding-top: 30px}
#leftsidebody #body {width: 680px !important}

/* Main Styles */
body, #container {font-size: 12px}
#container {line-height: 1.6}
div#global p, ul {line-height: inherit; margin-top: 1.2em}
body {background: #789d4c}
#body {padding-bottom: 40px}
#container {margin-bottom: 0; padding-bottom: 1px; }
#outerborder{
  -moz-box-shadow: 0 0 10px #506933;
-webkit-box-shadow: 0 0 10px #506933;
        box-shadow: 0 0 10px #506933;
}

/* Footer */
#footer {padding-top: 20px}
#footer p {margin-left: -5px}
#footer p a {padding: 3px 5px; color: #777777;}
#footer .copyright {color: #777777; padding-left: 5px}
#footer a img {padding: 5px; margin-left: -7px}

/* Nav */
#topmenu {top: 142px;}
#nav li, #nav li a {height: 38px; line-height: 38px; display: block; padding-top: 0; padding-bottom: 0}
#nav li a {color: white; font-family: Arial, sans-serif; font-style: normal; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; font-weight: normal}
#nav li a:hover,  #nav li.current > a, #nav li.active > a {color: #C9AA12;}
#nav li a:hover {color: #c9aa12}
#nav li ul {clear: left; top: auto; margin-top: 0; border-top: none; margin-left: 0}
#nav li ul li {padding: 0}
#nav li ul li {float: none}
#nav li ul li a {float: none; display: block; width: auto}
#nav li ul li a {border-bottom: 1px dotted #A1A1A1}
#nav li ul li {border: none}
#nav li ul {background: #E2F1D0}
#nav li ul li a, #nav li ul li {color: #048063; height: 25px; line-height: 25px; padding-top:0; padding-bottom: 0}
#nav li ul li a, #nav li ul li {height: auto; line-height: 20px;}
#nav li ul li a {padding-top: 3px; padding-bottom: 3px}
#nav a.moredown {background-image: none}

#top {width: 957px}
#nav li ul, #top {
  -moz-box-shadow: 0 0 5px #a29fa0;
-webkit-box-shadow: 0 0 5px #a29fa0;
        box-shadow: 0 0 5px #a29fa0;
}

#nav li ul {
  -moz-box-shadow: 0 0 3px #a29fa0;
-webkit-box-shadow: 0 0 3px #a29fa0;
        box-shadow: 0 0 3px #a29fa0;
}

/* Table */
table {
border-collapse:collapse;
color:#333333;
font-size: 12px;
margin:0 0 1em;
width:100%;
margin-left: 0 !important
}

table thead td, table thead th {
background-color:#E2F1D0;
border:1px solid #00634E;
color:#00634E;
font-weight:bold;
text-align:center;
}
#global .layout table {border: 2px solid white; padding: 0; margin-left: 0}
.layout table td {vertical-align: top}
.layout table td {border: none}
table td, table th {font-size: 12px; border:1px solid #00634E;
text-align:left;}

table.knockout td {border: none}
table.knockout td.matchlink {border-right: 1px solid #00634e}
table.knockout td.toplayodd {border-bottom: 1px solid #00634e}
table.knockout td.toplayeven {border-bottom: 1px solid #00634e; border-right: 1px solid #00634e}

tr.odd {background: #efefef}

/* Header */
h1, h2, h3, h4, h5 {font-family: Helvetica, Arial, sans-serif; margin-right: 0; border-color: #A1A1A1; background-color: #E2F1D0}
h4, h5, #global h4 {background: none; margin-top: 15px; font-family: helvetica,arial,verdana,sans-serif; font-weight: normal; font-size: 18px; margin-top: 30px}
h5 {margin-top: 0; margin-bottom: -1em; font-size: 12px; padding-left: 5px}
h1, #login h3, #leftcontent h3, #rightcontent h3 {font-size: 14px; padding: 10px 20px; padding-top: 12px; margin-bottom: 40px; margin-top: 0; background: #E2F1D0; border-color: #A1A1A1; margin-right: 0; height: auto; line-height: inherit}
h3 {font-size: 12px; padding: 5px 20px; height: auto; margin-bottom: 10px}
div#global h4 + p, div#global h4 + ul {margin-top: 0.5em}
#leftcontent h3, #rightcontent h3 {margin-bottom: 10px; margin-top: 20px}
#leftcontent > div:first-child h3, #rightcontent > div:first-child h3 {margin-top: 0}
/* Sidebar */
div#sidebar {padding-top: 0; margin-top: 0}
div#sidebar h2, div#sidebar a, div#sidebar li {display: block; list-style-type:none; font-size: 12px; margin: 0; padding: 0; width: auto}
div#sidebar h2 a, div#sidebar .menu-section ul li.active > a {font-weight: bold; background:url("images/resources/colnevalley/link_selected_anc.png") no-repeat scroll right center #E2F1D0; padding: 5px 10px}
div#sidebar h2.current a {background-image: url("images/resources/colnevalley/link_selected.png")}
div#sidebar li a {border-bottom:1px dotted #A1A1A1;color:#048063; padding: 3px 5px}
div#sidebar h2 a {border-bottom: none}
div#sidebar li a:hover {background-color: #effedd}
div#sidebar ul {margin-top: 0}
div#sidebar li.current > a {background:url("images/resources/colnevalley/link_selected.png") no-repeat scroll right center #E2F1D0}
div#sidebar img {padding: 0; border: 0; margin-top: 20pAx}

div#sidebar .menu-section ul li ul {display: none}
div#sidebar .menu-section ul li.current ul, div#sidebar .menu-section ul li.active ul {display: block}
div#sidebar .menu-section ul li.active a {font-weight: normal}
div#sidebar .menu-section ul li.active > a {padding: 3px 5px}
div#sidebar .menu-section ul li ul a {padding-left: 30px; border-bottom: none}
div#sidebar .menu-section > ul li.active > a, div#sidebar .menu-section > ul li.current > a {border-color: transparent}
div#sidebar .menu-section ul li ul {border-bottom:1px dotted #A1A1A1}
div#sidebar .menu-section ul li ul li a {padding-top: 1px; padding-bottom: 1px}

/* Spection Cases */
div#sidebar .menu-section ul li {clear: left}
div#sidebar .menu-section ul li.menu-section-course li, div#sidebar .menu-section ul li.menu-section-course li a, div#sidebar .menu-section ul li.menu-section-course ul {float: left; clear: none}
div#sidebar .menu-section ul li.menu-section-course ul {width: 100%; margin-bottom: 0}
div#sidebar .menu-section ul li.menu-section-course ul {padding-left: 0px}
div#sidebar .menu-section ul li.menu-section-course li a {padding-left: 2px; width: 28px; text-align: right} 
div#sidebar .menu-section ul li.menu-section-course li.current a {background-position: 6px 50%}

/* Form */
fieldset {width: auto; margin: 10px 0; padding: 20px; border: 1px solid #A1A1A1}
#login input[type=text], #login input[type=password] {padding: 5px}
#login input[type=checkbox] {margin-top: 13px}
#login label {padding: 5px}

/* Marquee in header */
h1 {position: relative}
h1 .marquee { width: 500px !important; position: absolute; top: 0; right: 20px; top: 11px;  margin: 0;}
h1 .marquee p {display: none}
h1 .marquee .tickercontainer {height: 20px !important; background: #effedd !important; background: none !important; border: 1px dotted #efefef !important; border: none !important}
h1 .marquee .tickercontainer .mask {top: 5px !important}
#global .marquee h4 {margin-top: 0; font-size: 12px}
ul.newsticker li {background: none !important}

/* Front */
.frontSection {float: left; width: 215px; margin-bottom: 20px; padding-bottom: 1px; margin-right: 20px}
.frontSection {border-bottom: 3px solid #E2F1D0; min-height: 340px}
.frontSectionLast {margin-right: 0}
.frontSection img {margin-bottom: 0px; display: block; float: none}
.frontSection img[width] {width: 215px; height: auto; float: left; margin-right: 0; margin-bottom: 20px}
div#global .frontSection p {margin-top: 0; margin-bottom: 0.8em; font-size: 12px; padding-right: 10px; margin-left: 0; margin-right: 0; padding-left:0 ; padding-right: 0}
div#global .frontSection p:last-child {margin-bottom: 0}
.frontSection a {display: block; margin-right: 30px; color: #333333; padding: 10px; margin: -10px; float: left; border: 1px solid transparent; min-height: 321px}
.frontSection a:hover {background: #efefef; text-decoration: none; border: 1px solid #e0e0e0}

a img {border: none}
#global p img, div#body p img {padding: 0; border: none;}
#global p img[align=right], div#body p img[align=right], img[align=right] {margin: 0 0 20px 20px}
#global p img[align=left], div#body p img[align=left], img[align=left] {margin: 0 20px 20px 0}

a[href*=".pdf"] {padding-top: 1px; padding-bottom: 1px}

hr {border: none; border-top: 1px dotted #414141; margin: 10px 0; clear: both}

/* Header */
.header {background: url(images/resources/colnevalley/colnevalley-banner.jpg) no-repeat}
.header {height: 184px; width: 100%; position: absolute; z-index: 0}

#gallery {padding-left: 5px}
p #gallery {padding-left: 0}