@charset "utf-8";
/* CSS Document */
body{
behavior:url(/csshover.htc);
}
.clearfix{
float:none;
clear:both;
}
#navigation{
position:relative;
background:url(/images/nav_bg.gif) bottom repeat-x;
float:left;
width: 98%;
height: 43px;
margin-top: 20px;
padding: 0 1%;
}
#navigation ul {
position:relative;
list-style:none;
width:auto;
font-family:Arial, Helvetica, sans-serif;
color: #339900;
font-size:1em;
font-weight:bold;
float:left;
}
/*!!!!!!!!!!! horizontal gaps between buttons */
#navigation ul li {
position:relative;
color: #339900;
float:left;
margin-right:2px;
width:auto;
}
/*--------------------------------------------------------*/

/*!!!!!!!!!!! button bg default state*/
#navigation ul.level li a {
position:relative;
color: #339900;
height: 43px;
display: block;
background: url(/images/nav_imgs/button_right.jpg) no-repeat top right;
}
#navigation ul.level li a span{
padding:0 1.5em;
display:block;
text-decoration:none;
padding-top: 15px;
height: 28px;
background:url(/images/nav_imgs/button_left.jpg) no-repeat top left;
color: #339900;
}


/*reset important !!!!!!!!!!!!*/
#navigation ul.level li a:hover,  #wrap #navigation li a{
position:relative;
float:left;
}
#navigation ul.level li a:hover,  #wrap #navigation li a span{
position:relative;
float:left;
}
/*End reset important !!!!!!!!!!!!*/


/*button roll over + active state for individual pages 
---- first line ...a bg for right side slamming door 
---- second line ...a bg for left side slamming door
*/
body#Home #wrap  #navigation ul.level li a:hover, body#Home #wrap  #navigation ul.level li.Home a{
position:relative;
background:#646464 url(/images/nav_imgs/button_over_right.jpg) no-repeat top right;
float:left;
}
body#Home #wrap  #navigation ul.level li a:hover span, body#Home #wrap  #navigation ul.level li.Home a span{
position:relative;
background:url(/images/nav_imgs/button_over_left.jpg) no-repeat top left;
float:left;
}
body#Contact #wrap  #navigation ul.level li a:hover, body#Contact #wrap  #navigation ul.level li.Contact a {
position:relative;
background:#646464 url(/images/nav_imgs/button_over_right.jpg) no-repeat top right;
float:left;
}
body#Contact #wrap  #navigation ul.level li a:hover span, body#Contact #wrap  #navigation ul.level li.Contact a span{
position:relative;
background: url(/images/nav_imgs/button_over_left.jpg) no-repeat top left;
float:left;
}
body#Details#wrap  #navigation ul.level li a:hover, body#Details #wrap  #navigation ul.level li.Details a{
position:relative;
background:#646464 url(/images/nav_imgs/button_over_right.jpg) no-repeat top right;
float:left;
}
body#Details #wrap  #navigation ul.level li a:hover span, body#Details #wrap  #navigation ul.level li.Details a span{
position:relative;
background: url(/images/nav_imgs/button_over_left.jpg) no-repeat top left;
float:left;
}
body#ToDo #wrap  #navigation ul.level li a:hover, body#ToDo #wrap  #navigation ul.level li.ToDo a{
position:relative;
background:#646464 url(/images/nav_imgs/button_over_right.jpg) no-repeat top right;
float:left;
}
body#ToDo #wrap  #navigation ul.level li a:hover span, body#ToDo #wrap  #navigation ul.level li.ToDo a span{
position:relative;
background:url(/images/nav_imgs/button_over_left.jpg) no-repeat top left;
float:left;
}
body#Help #wrap  #navigation ul.level li a:hover, body#Help #wrap  #navigation ul.level li.Help a {
position:relative;
background:#646464 url(/images/nav_imgs/button_over_right.jpg) no-repeat top right;
float:left;
}
body#Help #wrap  #navigation ul.level li a:hover span, body#Help #wrap  #navigation ul.level li.Help a span {
position:relative;
background: url(/images/nav_imgs/button_over_left.jpg) no-repeat top left;
float:left;
}

/*-------------------------------------------------------------------------------------------------------*/