/* cheshire union of golf clubs main style sheet */

a:link { color: blue }
a:visited { color: purple }
a:hover { color: red }

a.button:link { color: yellow; text-decoration: none }
a.button:visited { color: yellow; text-decoration: none }
a.button:hover { color: red; text-decoration: none; background-color: white}

a.button2:link { color: #004080; text-decoration: none }
a.button2:visited { color: #004080; text-decoration: none }
a.button2:hover { color: red; text-decoration: none; background-color: white}

body { font-size: 10pt; font-family: Arial, sans-serif; color: #004080; background: #FFFFD5 }
h1 { font-size: x-large; font-weight: bold }
h2 { font-size: large; font-weight: bold }
h3 { font-size: medium; font-weight: bold }
table {font-size: 10pt }
li {font-size: 10pt } 
p {font-size: 10pt }
p.large {font-size: 12pt }
p.small {font-size: 10pt }
p.xsmall {font-size: 8pt }
p.box { font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold; 
color: yellow; background: #004080; text-align: center; border: 2px outset #004080; 
margin: 2pt 5% } 
p.onebox { font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold; 
color: yellow; background: #004080; text-align: center; border: 2px outset #004080; 
margin: 2pt 40% } 
p.nav { font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold; 
color: #004080; text-align: right; margin: 2pt 5% }

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/vertical-concertina-2.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* #slide height = (number of top level links - 1) * height of links + inner div height */
#slide {padding:0; margin:0; list-style:none; width:178px; height:470px; border:1px solid #ccc; position:relative; overflow:hidden; font-family: arial, sans-serif; font-size:10px; }

#slide li.sub,
#slide li.top
{display:block; float:left; height:24px; line-height:24px; width:178px; color:#000; background:#eee; text-decoration:none;border-bottom:1px solid #fff; text-indent:15px; overflow:hidden; cursor:pointer;}

#slide li.sub {background:#eee url(arrows/out.gif) no-repeat 5px 8px; position:relative; z-index:10;}

#slide li.top a {text-decoration:none; color:#000; display:block; background:url(arrows/out.gif) no-repeat 5px 8px;}
#slide li.top a:hover {color:#008; background:#ddd url(arrows/out-over.gif) no-repeat 5px 8px;}

#slide li.clicked {color:#c00; background:#ddd url(arrows/down.gif) no-repeat 5px 8px;}

/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#slide li.sub div {background:#fff; height:200px; width:176px; padding:0 15px; line-height:1.2em; font-family: arial, sans-serif; text-indent:0; position:relative; z-index:100;}

#slide li div ul {padding:0; margin:0; list-style:none;}
#slide li div ul li {float:left; height:20px; width:100%;}
#slide li div ul li a {padding:0; margin:0;color:#888; text-decoration:none; background:#fff url(arrows/out.gif) no-repeat 5px 6px; font-size:8pt; display:block; border-bottom:1px solid #ddd; height:19px; line-height:19px; width:100%; text-indent:5px;}
#slide li div ul li a:hover {color:#008; background:#fff url(arrows/out-over.gif) no-repeat 5px 6px;}