/* ***************************************** */
/* main navbar settings */
#main-nav { position: absolute; top: 208px; left: 0;  /*width:960px; height:27px;*/ }
#main-nav ul { top: 0; left: 0; background:url(images/button-sprite.gif) no-repeat; margin: 0; padding: 0; width:960px; height:27px; }
#main-nav span { display: none; }
#main-nav li { float:left; list-style:none; margin: 0; padding: 0 }
#main-nav li, #main-nav a { height: 27px; display: block; }
/* ***************************************** */
/* off button states */
#main-nav-home a { margin-left: 9px; width: 140px } /* 149px */
#main-nav-events a { margin-left: 20px; width: 140px } /* 160px*/
#main-nav-skaters a { margin-left: 20px; width: 140px } /* 160px */
#main-nav-news a { margin-left: 20px; width: 139px } /* 159px */
#main-nav-sponsors a { margin-left: 22px; width: 139px }
#main-nav-shop a { margin-left: 20px; width: 140px; margin-right: 11px }
/* ***************************************** */
/* rollover button states */
#main-nav-home a:hover { background:url(images/button-sprite.gif) -9px -27px no-repeat; }
#main-nav-events a:hover { background:url(images/button-sprite.gif) -169px -27px no-repeat; }
#main-nav-skaters a:hover { background:url(images/button-sprite.gif) -329px -27px no-repeat }
#main-nav-news a:hover { background:url(images/button-sprite.gif) -489px -27px no-repeat }
#main-nav-sponsors a:hover { background:url(images/button-sprite.gif) -650px -27px no-repeat }
#main-nav-shop a:hover { background:url(images/button-sprite.gif) -809px -27px no-repeat }
/* ***************************************** */
/* for active page states */
/* add ID to BODY tag to turn on active states */
body#nav-home li#main-nav-home a { background:url(images/button-sprite.gif) -9px -54px no-repeat; }
body#nav-events li#main-nav-events a:hover { background:url(images/button-sprite.gif) -169px -54px no-repeat; }
body#nav-skaters li#main-nav-skaters a:hover { background:url(images/button-sprite.gif) -329px -54px no-repeat }
body#nav-news li#main-nav-news a:hover { background:url(images/button-sprite.gif) -489px -54px no-repeat }
body#nav-sponsors li#main-nav-sponsors a:hover { background:url(images/button-sprite.gif) -650px -54px no-repeat }
body#nav-shop li#main-nav-shop a:hover { background:url(images/button-sprite.gif) -809px -54px no-repeat }
/* ***************************************** */
/* use this section for green rollovers 
#main-nav-home a:hover { background:url(images/button-sprite.gif) -9px -54px no-repeat; }
#main-nav-events a:hover { background:url(images/button-sprite.gif) -169px -54px no-repeat; }
#main-nav-skaters a:hover { background:url(images/button-sprite.gif) -329px -54px no-repeat }
#main-nav-news a:hover { background:url(images/button-sprite.gif) -489px -54px no-repeat }
#main-nav-sponsors a:hover { background:url(images/button-sprite.gif) -650px -54px no-repeat }
#main-nav-shop a:hover { background:url(images/button-sprite.gif) -809px -54px no-repeat }
*/

/* top horz menu */
#top-nav { position: absolute; right: 0; top: 10px }
#top-nav  ul { float: right; padding: 0; margin: 0 }
#top-nav  li { display: inline; list-style-type: none }
/* normal */
#top-nav  ul li a { float: left; margin-right: 10px; padding-right: 15px; display: block; background: transparent url('images/topbtn_a.gif') no-repeat scroll top right; color: #ffffff; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; height: 24px }
#top-nav ul li a span { padding: 3px 0 4px 15px; display: block; background: transparent url('images/topbtn_span.gif') no-repeat; line-height: 17px }

#endcap .normal ul {
	list-style-type: none;
	display: block;
}
#endcap .normal li {
	display: inline;
}
#endcap .normal a {
	text-decoration: underline;
}
#endcap .normal a:visited {
	text-decoration: underline;
}
#endcap .normal a:hover {
	text-decoration: none;
}
#endcap .normal .active {
	color: #999999;
	font-style: italic;
}


/* submenu in sidebar */
#navcontainer
{
background: #f0e7d7;
width: 30%;
margin: 0 auto;
padding: 1em 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: left;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 70%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

.skater-headshot img {margin-right: 10px; float: left}