/*------- General definitions ---------*/
	a	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #617F1F;
		text-decoration: none;
		font-weight: normal;
		}
		
	a:hover {
			color:#660;
			text-decoration: underline;
			}
		
		
		
	p {	
		font-size: .8em;
		}

	
	
	#filtered	{
		 display:none;
		}
	
					

/* Left Column -------------------------------------------------------------------------------------------------------------------*/
			
	#left-column {
		background-color: #024466;
		color: #fff;
		padding:0px;
		padding-top:15px;
		}
		
	#left-column ul {
		background-color: #024466;
		margin: 20px 5px 0px 8px;
		padding: 0px;
		}
		
	#left-column li {
		color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		}
			
	#left-column ul li a {
		text-decoration: none;
		font-weight: normal;
		}
		
	#left-column ul li a:link {
		color: #fff;
		}
		
	#left-column ul li a:visited, #left-column ul li a:active {
		color: #fff;
		}
	#left-column a:hover {
		color:#024466;
		}
	#left-column ul li a:hover {
			color: #024466;
		}
			
/*	 Nav-Left --------------------------------------------------------------------------------------------------------------------*/	


ul#nav {
	list-style-type: none;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	}

ul#nav li {display:inline;} /* this gets rid of the gaps in IE */

ul#nav li a{
	display: block;
	padding:5px;
	padding-left:10px;
	text-decoration: none;
	}

ul#nav li a:hover{
	color:#fff;
	background-color: #175472;
	}
	
	
	
				
/* Content ---------------------------------------------------------------------------------------------------------------------*/
			
	#content .bread {
		font-size:0.7em;
		}
				
	#content h1	{
		margin: 0px 0px 10px 0px;
		padding: 5px 0px 0px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		
		color:#024466;
		line-height: normal;
		font-size: 1.5em;
		font-weight: normal;
		
		border-bottom:1px solid #204466;
		}

	#content h2	{
		padding: 0px;
		margin: 16px 0px 10px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight: normal;
		color:#5D869A;
		}
	
	#content h3 {
		color:#024466/*#708F2C*/;
		padding:0px;
		margin:0px;
		font-size:0.9em;
		font-weight:bold;
		}
		
	#content p, #content li {
		margin-top: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:0.8em;
		line-height: 1.4em;
		}
	
	#content ul {
		list-style-type:none;
		margin-top:5px;
		}
	
	#content ul li {
		list-style-image:url(../images/ul_arrow.jpg);
		}
			
	#content a, #content a:link, #content a:visited, #content a:hover, #content a:active {
		margin-top:0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:/*#4081CF*/#708F2C;
		text-decoration: underline;
		}
			
	#content a:hover {
		color:#708F2C;
		text-decoration: underline;
		}
	
	#content table p {
		line-height:1.0em;
		margin:0px;
		padding:0px;
		}
	
	
	
	#content table td.balloon a:link, #content table td.balloon a:visited,
	#content table td.balloon a:hover, #content table td.balloon a:active {
		text-decoration:none;
		}
	
	#content table td.balloon ul li {
		list-style-image:none;
		}
	
	
	
	#content table h2 {
		margin:0px;
		padding:0px;
		}
	
	#content table td {
		vertical-align:top;
		}
	
	
	#content ul.index li {
		display:inline;
		margin-right:5px;
		}	
	
	#content ul.index li a {
		display:inline;
		margin-right:20px;
		}
	


	.resources td {
		border-left: 1px solid #ACBF83;
		border-top: 1px solid #ACBF83;
		
		
		}
	
	.resources {
		border-right: 1px solid #ACBF83;
		border-bottom: 1px solid #ACBF83;
		}
		
	#content p.tabletext {font-size: x-small;}
/* ---------- 3d button ------------*/

#buttons {
	float:left;
	margin:30px auto 0px auto;
	padding:15px 20px 10px 15px;
	/*text-align:center;*/
	border:1px solid #004364;	
	list-style-type:none;
	}
	
	#buttons li {
		margin-left:20px;
		margin-bottom:10px;
		color:#000000;
		}

#buttons a.cssbutton{
background-color: #8ab132;
border: 2px #B7CF81 outset;
padding: 1px 20px;
color: #000;
text-decoration: none;
}

#buttons a.cssbutton:link, #buttons a.cssbutton:visited{
color:#000;
text-decoration:none;
}

#buttons a.cssbutton:hover, #buttons a.cssbutton:active{
color:#000;
border-style: inset;
background-color: #B7CF81;
padding: 0px 19px 0 21px; /*shift text 1px to the right and down*/
text-decoration:none;
}



/*--Style for Resource Index tabs  ------------------------------*/

#tabs{
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	}

#tabs ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#tabs li{
	display:inline;
	margin:0 2px 0 0;
	}

#tabs a{
	float:left;
	color: #000;
	background: #cfdfab url(../images/tab_left.gif) no-repeat left top;
	margin:0 2px 0 0;
	padding: 0 0 0px 3px;
	text-decoration:none;
	letter-spacing: 1px;
	}

#tabs a span{
	float:none;
	display:block;
	background: transparent url(../images/tab_right.gif) no-repeat right top;
	padding:4px 9px 2px 6px;
	color: #000;
	text-decoration:none;
	}

#tabs a:link, #tabs a:visited{
	text-decoration:none;
	}

#tabs a:hover, #tabs a:active{
	background-color: #8ab132;
	text-decoration:none;
	}

#tabs a:hover span{
	background-color: #8ab132;
	color: #fff;
	text-decoration:none;
	}

#tabs #current a, #tabs #current span{ /*currently selected tab*/
	background-color: #8ab132;
	color: #fff;
	text-decoration:none;
	}

#tabsline{
	clear:left;
	padding: 0;
	width: 100%;
	height: 8px;
	line-height: 8px;
	background: #cfdfab;
	/*border-top: 1px solid #fff; Remove this to remove border between bar and tabs*/
	}






/* ----------footer area---------- */
	#footer {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin-left:auto;
		margin-right:auto;
		margin-top:30px;
		}
		
	#footer p {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				line-height:1.0em;
				}
	#footer form input {
				font-size:10px;
	}
/* --------- For Print - Do Not Display		-------*/	
	#forprint {
	display:none;
	}
		
	.printmedia {
		display:none;
		}





/* ----- Pop-ups ----------------------------------*/
 /* common styling */
.balloon {
	font-family: verdana, sans-serif; 
	}

.balloon ul {
	padding:0; 
	margin:0;
	border:0;
	list-style-type: none;
	}

.balloon ul li {
	float:left;
	}

#content div.balloon ul li {
	list-style-image:none;
	}

.balloon ul li a, .balloon ul li a:visited {
	display:block;
	text-decoration:none; 
	color:#000; 
	/*width:150px; 
	height:150px;   un-comment to make the balloon clickable*/
	background:#fff;
	}
	
.balloon ul li a img, .balloon ul li a:visited img {
	border:0;
	}

.balloon ul li dl {
	visibility:hidden;
	position:absolute;
	}

#info table {
	margin:-2px;
	border:0;
	padding:0;
	border-collapse:collapse;
	font-size:1em;
	}

#content.balloon ul li a:link, #content.balloon ul li a:visited,
#content.balloon ul li a:hover, #content.balloon ul li a:active {
	text-decoration:none;
	}

.balloon dl {
	width:200px; 
	padding:0 0 20px 0; 
	background:transparent url(../images/bottom.gif) no-repeat bottom left; 
	height:auto;
	}
	
.balloon dt {
	margin:0; 
	padding:5px; 
	font-size:1.4em; 
	font-weight:bold; 
	color: #000; 
	background:transparent url(../images/top.gif) no-repeat top left; 
	text-align:center;
	}
	
.balloon dd {
	margin:0; 
	padding:5px 15px; 
	color:#000; 
	font-size:1em; 
	border:1px solid #000; 
	border-width:0 1px; 
	/*background-color:#fff;*/
	background:#fff url(../images/info.gif) no-repeat bottom right;
	}
	
.balloon dd p {
	padding:0; 
	margin:10px 0; 
	line-height:1.5em; 
	}


/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover,
.balloon ul li a:hover {
	color:#000; 
	position:relative;
	cursor: pointer;
	cursor:hand;
	}

.balloon ul li:hover dl,
.balloon ul li a:hover dl {
	visibility:visible;
	color:#000;
	top:-75px;
	left:100px;
	cursor:default;
	}

.balloon ul li:hover dl em,
.balloon ul li a:hover dl em {
	display:block;
	position:absolute;
	left:-35px;
	top:45px;
	width:36px; 
	height:36px;
	
	}

.balloon ul li:hover dl a,
.balloon ul li a:hover dl a {
	height:0.8em;
	color:#606;
	background:transparent;
	text-decoration:underline; 
	display:inline;
	}

.balloon ul li:hover dl a:hover,
.balloon ul li a:hover dl a:hover {
	text-decoration:none;
	background:transparent;
	}