@charset "utf-8";
/* CSS Document */
#ad {float:right; margin:0 0 20px 20px;}
/* default link styling needed for IE6 to work 
a {color:#FFF;}
a:visited {color:#FFF;}
a:active {color:#FFF;}
a:hover {text-decoration:none;}*/
/* remove the margin and bullets, set the padding for this demo only*/
.button {margin:0; padding:10px 15px 10px 15px; list-style:none;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.button li {display:inline; float:left; margin-right:5px;} 

/* style the links and place the background image to start from left edge */
.button li a {display:block; height:38px; float:left; text-decoration:none; font-size:.8em; font-family:trebuchet ms; letter-spacing:1px; line-height:35px;}

/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.button li b {margin:0 0 0 10px; display:inline; float:left; height:38px; background:url(images/nav_buttonoff.gif) center top; padding:0 10px 0 10px; color:#FFF;}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.button li a:hover, .button li a:hover b {border:0; background-image:url(images/nav_buttonon2.gif); cursor:pointer;}

/* style the active state to replace the background image. This can also be used for a 'current' tab if you wish */
.button li a:active, .button li a:active b, .button li a.current, .button li a.current b {border:0; background-image:url(images/nav_buttonon.gif); cursor:pointer;}

.button li a.current b {color:#000;}

/* move the text down by 3 pixels, and to the right by 2 pixels */
.button li a:active b, .button li a.current b { line-height:38px; margin:0 0 0 10px; padding:0 10px 0 10px;}

.secbutton { clear: both; color:#FFF; line-height: 14px; margin:0; padding:5px 15px 10px 20px; list-style:none;}

.secbutton li {display:inline; float:left; margin: 5px 0 0 15px;} 

/* style the links and place the background image to start from left edge */
.secbutton li a {color:#FFF; display:block; height:20px; float:left; text-decoration:none; font-size:.7em; font-family:trebuchet ms; letter-spacing:1px; line-height:16px;}

.secbutton li a:visited {color:#FFF;}
.secbutton li a:active {color:#FFF;}
.secbutton li a:hover {color:#000; text-decoration:none;}
.secbutton li strong {color:#000; font-weight:bold}
.secbutton li a.current {color:#000; font-weight: bold;}