@charset "utf-8";
/* CSS Document */


#navigation .arrowlistmenu{
width: 150px; /*width of accordion menu*/
position:relative;
background: url(images/bodygradient.jpg) repeat-x;
top:108px;
left:2px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 13px Verdana, Geneva, sans-serif;
color: #003366;

/*margin-bottom: 2x;*/ /*bottom spacing between header and rest of content*/
text-align:left;
/*text-transform: uppercase;*/
padding:6px 0px 2px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
border-bottom:#39C dotted 1px; 

}

.menuheader a:visited {
font: bold 13px Verdana, Geneva, sans-serif; 
cursor: hand;
cursor: pointer;
text-decoration:none;
color:#fff;
padding:0px;
}


.arrowlistmenu .menuheader a:link{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 13px Verdana, Geneva, sans-serif;
color: #fff;
padding:0px;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
margin-left:0px;
cursor: hand;
cursor: pointer;
text-decoration:none;
display:block;
}

.arrowlistmenu .menuheader a:hover{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 13px Verdana, Geneva, sans-serif;
color: #fff!important;

margin-bottom: 0px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
margin-left:0px;
cursor: hand;
cursor: pointer;
text-decoration:none;

display:block;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

background-color: #006699;
margin-bottom:-15px;
color:#fff;
}


.arrowlistmenu .menuheader ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin-top: 0px;

margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
background-color: #9CC;
}

.arrowlistmenu ul li{
padding-bottom: 3px; /*bottom spacing between menu items*/

}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
/*background: lightblue !important;*/

}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;

}

.arrowlistmenu ul li a{
color: #fff;
/*background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 5px 0 7px 19px;
margin-bottom: -8px;
text-decoration: none;
font-weight: bold;

background:url(images/bg_submenu.png) repeat-x bottom;
font-size: 90%;
text-align:left;

}

.arrowlistmenu ul li a:visited{
color: #fff;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color:#fff;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}


.tabs {
	
	
	width:800px;
	
	font-size:90%;
	line-height:normal;
	
}

.tabs h3 {margin-bottom:-10px;}

.tabbody {background-color:#FFF; repeat-x #c2e1e1;; padding:0px 5px 0px 5px; margin-top:0px; overflow: hidden; width:100%;}

.tabs ul {
margin:0px;
padding:0px;
list-style:none;
}

      .tabs ul li {
        float:left;
        background:url(slidingdoors/left.gif) no-repeat left top;
        margin:0;
        padding:0 0 0 9px;
        }
      .tabs ul a {
        float:left;
        display:block;
        background:url(slidingdoors/right.gif) no-repeat right top;
        padding:5px 15px 4px 6px;
        text-decoration:none;
        font-weight:bold;
        color:#765;
        }
      /* Commented Backslash Hack
         hides rule from IE5-Mac \*/
      .tabs a {float:none;}
      /* End IE5-Mac hack */
      .tabs a:hover {
        color:#333;
        }
      .tabs ul .current {
        background-image:url(slidingdoors/left_on.gif);
        border-width:0;
        }
      .tabs ul .current a {
        background-image:url(slidingdoors/right_on.gif);
        color:#333;
        padding-bottom:5px;
        }



        .js .tabs .current-info,
        .js .tabs .accessibletabsanchor{
            position:absolute;
            left:-999em;
        }
        .js .tabs .contenttab{
            clear:both;
            margin:3em 1em 1em 1em;
        }
        .js .tabs{
            width:400px;
        }

        h1{
            margin:1em;
        }
        .tabs{
	padding:0;
        }

