﻿/* set up defaults */
.nav,
.nav ul {margin:0; padding:0;list-style:none;}
.nav a {text-decoration:none;}
.nav {width:142px; float:left; margin-right:-1px;}

/* set up the widths */
.nav .drop {width:100px;}
.nav a {width:142px; margin-right:-120px; margin-bottom:-1px;} /* margin is 1px less than the width */
.nav ul li {max-width:150px;}

/* style the links using the b elements */
.nav b {display:block; font:12px normal Arial, Helvetica, Sans-Serif; text-transform: uppercase; padding:4px; cursor:pointer;}
.nav b.top {height:20px;}
.nav a.sub-link b {background:url(ulmulti9/arrow.gif) no-repeat right bottom;}

/* style the list colors */
.nav a {color:#464646; background:#D9FFEF; border:1px solid #006037;}
.nav ul a {background:#D9FFEF;border:1px solid #006037;}
.nav ul ul a {background:#D9FFEF;border:1px solid #006037;}
.nav ul ul ul a {background:#9299ac;}

/* style the hover, active and focus colors */
.nav a:hover,
.nav a:focus,
.nav a:active {background:#822; color:#F4FFFB;}

/*style the current button*/
.nav a#current {background:#006037; color:#F4FFFB; border:1px solid #D9FFEF;}

/* style the path on hover in all browsers except IE5.5 and 6 */
.nav li:hover > a {background:#822; color:#fff;}

/* style the positions of the ul and also when the text spans two and three lines */
.nav {height:20px;}
.nav .drop {height:20px;}

.nav ul {position:relative; left:0; top:0; z-index:100;} /* the dropdown */
.nav ul ul {left:95px; top:-26px;} /* the right flyouts */
.nav ul ul.two {top:-39px;}
.nav ul ul.three {top:-52px;}
.nav li.left ul ul {left:auto; right:95px;} /* and the left flyouts */

/* do not change anything below this line */
/* ------------------------------------------------------------ */
.nav li,
.nav ul {float:left;}
.nav ul li {clear:left;}
.nav a {position:relative; display:block; z-index:5;}
.nav a.sub-link {float:left; margin-top:10000px;}
.nav .drop,
.nav .fly {margin-top:-10000px;}
.nav ul {margin-bottom:-5000px;}

/* the bit that does all the work */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0;}

/*IE5-7 fixes*/
.nav .fly {width:100%;}
a:active {}

/*OPERA fix*/
.nav ul:hover {clear:left;}

.ddcolortabsline{
clear: both;
padding: 0;
width: 1000px;
height: 8px;
line-height: 8px;
background: #006037;
 /*Remove this to remove border between bar and tabs*/
}
.ddcolortabsline2{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 8px;
background: #D9FFEF;
 /*Remove this to remove border between bar and tabs*/
}


.accordion_toggle {
			display: block;
			height: 30px;
			width: 880px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #D9FFEF;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			text-transform: uppercase;
			outline: none;
			font-size: 14px;
			color: #000000;
			border: 1px solid #006037;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #822;
			color: #F4FFFB;
			border: 1px solid #F006037;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.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: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			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: #0099FF;
			}

			.vertical_accordion_content p {
				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;
    }

