/* For more information on these menus look up "Suckerfish Menus"  */

#nav, #nav ul {
	float: left;
	width: 698px;   /* width of nav bar*/
	list-style: none;
	line-height: 1;
	background: #F37924;
    font-size: 9pt;
	padding: 0;
	border: solid #FB9A4B;     /* main, sub, subsub,*/
	border-width: 0px;      /*controls main, only*/
	margin: 0px 0px 0px 0px;
}

#nav a {
        font-family: "Century Gothic", Century, Verdana, serif;
        font-size: 8pt;
        font-weight: bold;
        display: block;
        /* killed in favor of controling each nav li separately with style classes below
        width: 75px;     main level only
        w\idth: 80px;
        */
        color: #FFFFFF;             /*all the text -- the hover stuff overrides this*/
        text-decoration: none;      /*main, sub, subsub,*/
        padding: 0px 0px 0px 0px;        /* T R B L*/
}

/* This kills the dotted outline Firefox gives to these link states */
#nav a:active,#nav a:focus {
    outline: 0;
}

#nav a.daddy {
    /*
	background: url(rightarrow2.gif) center right no-repeat;
	*/
}

#nav li {
        margin: 0;
        padding: 0;
        color: #F37924;             /*all the text -- the hover stuff overrides this*/
        font-family: "Century Gothic", Century, Verdana, serif;
        font-size: 9pt;
        font-weight: bold;
        float: left;
        /*width: 75px;   controls main, only -- width of main menu items*/
}

/* separate classes added to control width of main menu items*/

#nav li.home {
        width: 92px;   
}
#nav li.programs {
        width: 90px;  
}
#nav li.maps {
        width: 84px;   
}
#nav li.tournaments {
        width: 109px;  
}
#nav li.calendar {
        width: 88px;  
}
#nav li.general {
        width: 82px;   
}
#nav li.refs {
        width: 81px;   
}
#nav li.links {
        width: 72px;   
}


#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 180px;  /* box for subs */
	w\idth: 175px;
	font-weight: normal;
	border-width: 0.25em;   /* subs, subsubs */
	margin-top: -7px;
	text-align:left;
}

#nav li li {
	padding-right: 1em;
	width: 160px;
}

#nav li ul a {
        font-family: "Century Gothic", Century, Verdana, serif;
        font-size: 10pt;
        font-weight: 300;
        width: 180px;        /* subs and subsubs -- approx box width minus left padding*/
        w\idth: 175px;
        line-height:1.2em;
}

#nav li ul ul {
	margin: -1.75em 0 0 0em;
}

#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;
}

#nav li:hover, #nav li.sfhover {
	background: #F37924;               /* hover background color for all menu blocks */
	font-weight: bold;
}

#nav a:hover {       /* CK added not part of original styles */
    color:#04529A;   /*  hover text color for all menu blocks      dark blue 04529A*/
}


/* CK This is some other stuff I have played with to fine tune but was not 
part of the original styles.  
#nav_container {font-size:9pt;}
#nav a:link, #nav a:visited, #nav a:active {background:#000000;color:#FFFFFF;}
#nav li ul a:link, #nav li ul a:visited, #nav li ul a:active {background:#FFFFFF;color:#000000;}
#nav li ul a:hover {color:#FF0000;}
*/