@charset "utf-8";


/*  ----------------------------------------------  MENU STYLES  --------------------------------------------  */
/*  ----------------------------------------------  MENU STYLES  --------------------------------------------  */
/*  ----------------------------------------------  MENU STYLES  --------------------------------------------  */



.arrowlistmenu{
width: 208px; /*width of accordion menu*/
margin-left: 16px;
text-align:right;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
margin-bottom: -15px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
cursor: hand;
cursor: pointer;
height: 35px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
padding-top: 10px;

}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
padding-left: 2px;
}

.arrowlistmenu ul li a{
color: #FFF;
display: block;
padding-top: 8px; 
padding-right: 8px; 
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
background-color: #001b3b;
height: 25px;

}

.arrowlistmenu ul li a:visited{
color: #c7c8c8;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #001b3b;
background-color: #93a6bf;
}



/*  ----------------------------------------------  TAB STYLES  --------------------------------------------  */
/*  ----------------------------------------------  TAB STYLES  --------------------------------------------  */
/*  ----------------------------------------------  TAB STYLES  --------------------------------------------  */


#Tabs {
width: 715px; 
position:relative; 
float:left; 
right: 450px;
margin-bottom: 30px;
color:#000000;
 }
 
#Tabs #wrapper{ 
 z-index: 15; 
 position:relative;
 }
 
 #Tabs a{
text-decoration:underline;
color:#000000;
 }
 
 #Tabs a:hover{
text-decoration:none;
color: white;
 }


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.shadetabs{
border-bottom: 0px solid white;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom:2px;
}

.shadetabs ul{
padding: 0px 0;
margin-left: 15px;
margin-top: -8px;
margin-bottom: 9px;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 0px;
margin-right: 3px;

}

.shadetabs li a:visited{
color: #CCCCCC;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #93a6bf;
}

.shadetabs li.selected{
position: relative;
top: 0px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(media/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}


/*  ----------------------------------------------  Accordion STYLES  --------------------------------------------  */
/*  ----------------------------------------------  Accordion STYLES  --------------------------------------------  */
/*  ----------------------------------------------  Accordion STYLES  --------------------------------------------  */

		.accordion_toggle {
			display: block;
			height: 30px;
			width: 450px;
			background: #001b3b;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 15px;
			color: #FFF;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background:  #001b3b;
			color: #ffffff;
			border-bottom: 1px solid #070244;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
			width: 450px;
			padding: 10px;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background:  #001b3b;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background:  #001b3b;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #FFF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: #001b3b;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background:  #001b3b;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }