@charset "utf-8";

/************************************************************

	Usage:
  		CSS styles Shared across entire site

 ************************************************************/

	/* Body Styles */
	body { 
		font: normal 80%/1em Arial, Helvetica, sans-serif; 
		background: #333; 
		color: yellow;
		text-align: center; 
		}
		#wrapper, .main, #footer {
			background: #000;
		}
	h1, h2, h3, h4, h5, h6 {color: #fff}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#fff}
	#content h2.alt-header, #content h3.alt-header {
		color: #fff;
	}
	.section h4 {
		color: #fff;
	}
	li {color:#eeee00!important}
	#footer ul li a {
		color:#eeee00!important
	}
	p {
		color: #eeee00;
	}
	#content .highlight {
		color: red;
	}
	a {
		color: #00ffff;
	} 
	a:visited {
		color: #00ff00;
	}
	a:hover, a:focus, a:active {
		color: #eeee00;
	} 
	#breadcrumb {
		background: #333;
	}
	#breadcrumb ul li a,
	#breadcrumb ul li a:visited
	  {
		color: #00ff00
	}
/*	
==============================
	Nav
==============================
*/
	#primary-nav {
	}
		#primary-nav ul li, #primary-nav ul li a {color:#00ffff}
		#nav ul#primary-nav li a, #nav ul#primary-nav ul li.selected a {
			background: #29415A none;
			color: #fff!important;
		}
			#primary-nav ul li.selected a:hover, #primary-nav ul li.selected a:focus, #primary-nav ul li.selected a:active  {
				color: #eeee00!important;
			}
		#nav ul#primary-nav ul li ul {
			background: #29415a!important;
			color: #fff!important;
		}
		#nav ul#primary-nav li a, #nav ul#primary-nav li a:visited  {
			color: #fff
		}
		#primary-nav li ul li a:hover, #primary-nav li ul li a:focus  {
			color: #eeee00;
			background: #29415a none;
		}
		#primary-nav li ul li.first a {
			background: none;
			}
		#primary-nav li ul li.first a:hover, #primary-nav li ul li a:focus  {
			color: #eeee00;
			background: #29415a;
		}
		#primary-nav ul li a:hover, #primary-nav ul li a:focus  {
			color: #eeee00;
		}
		#primary-nav ul li a span:hover,
                #primary-nav ul li a span:active, 
                #primary-nav ul li a span:focus {
                    cursor: pointer;
                    color: #eeee00;
                }

	#nav-block {
		background: #29415A;
	}
	#nav-block img {
		display: none;
	}
		#nav-block ul#home-nav li a {
			color: yellow;
		}
	#header #search-panel ul li a {
		color: #00ffff;
		font-size: 1em;

	}
	* html #header #search-panel ul li a {
		font-size: 1em;
		color: #00ffff;
	}
	#content ul.link-list li a {
		color: #00ffff;
	}
		#content ul.link-list li a:hover,
		#content ul.link-list li a:focus
		 {
			color: #eeee00;
		}
/*
==============================
	Content Modules	
	!important = all the important tags are due to IE6's insistence on ignoring the class priority and display 
	the background images anyway - multiple times.
==============================
*/

	.module-3col-wrapper {background:none}
	#content .module-1col-wrapper .module {
		background: #000 none!important;
	}
	#content .module-1col-wrapper {
		background: #000 none!important;

	}
		#content .module-1col-wrapper .module .module-content {
			background: #000 none!important;
		}
	#content .module-2col-wrapper {
			background: #000 none!important
	}
		   #content .module-2col-wrapper .module {
		        	background: #000 none!important;	
			}		
		   #content .module-2col-wrapper .module .module-content {
		        	background: #000 none!important;	
			}		
	#content .module-3col-wrapper {
			background: #000 none!important
	}
   #content .module-3col-wrapper .module {
        	background: #000 none!important;	
		}
	   #content .module-3col-wrapper .module .module-content {
	        	background: #000 none!important;	
		}
	#footer, #footer-contact {
		background: #29415a none!important;
	}	
		#footer .module {
			background: #29415A none!important;
		}
		#footer .module .module-content {
			background: #29415a!important;
		}	
			#footer .module .module-content .merged-column {
				background: #29415a!important;
			}	
	#wrapper ul.related li a{
			color: #00ffff;
	}	
		#wrapper ul.related li a:hover, 		#wrapper ul.related li a:focus {
				color: #eeee00;
		}	
	
/*
========================
	Style switcher
	- dont't display the high contrast button - we are already here
========================
*/
#tool-bar li#highContrast {
	display: none
}
#tool-bar li#normalContrast {
	display: block;
}	

/*
========================
	Style switcher
	- dont't display the high contrast button - we are already here
========================
*/

#tool-bar li#normalContrast {
			padding-right:0; 
			margin-right:28px;
			display: inline;			
			}
			#tool-bar li#normalContrast a { 
				width: 21px;
				height: 22px;
				display: block;
				background: url(/images/high-contrast-rollover.png) no-repeat;
		 	}
			#tool-bar li#normalContrast a:hover, #normalContrast a:focus 
			{ 
				background: url(/images/high-contrast.png) no-repeat;
				}
			#tool-bar li#normalContrast a span {
				display: none
			}			

#subnav li ul li a{
		background:transparent url(/images/subnav-arrow-high.png) no-repeat 25px 12px!important;
}		  
ul.tabs a { 
	background: url(/images/tabs-dark-blue.png) no-repeat top right;
	color: #00ffff;
}
		  
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:visited {
	background: url(/images/tab_dark_gray.png) no-repeat top right;
	color: #fff;
}

p.highlight-green {
	color: aqua;
}		 
span.grey {
	color: aqua;
} 
.column-content a,
.column-content a:visited
 {
	color:#00ffff;
}
.column-content a:hover,
.column-content a:focus,
.column-contetn a:visited {
	color: yellow;
}
.full-hide {
	position: relative
}
a.full-hide {
  color: #fff;
  font-size: 1.4em;
  text-decoration: underline;
  width: 150px;
  height: 25px;
  line-height: 25px;
	left:0px;
	top:0px;
}
	a.full-hide:hover,
    a.full-hide:focus,
    a.full-hide:active {
      color: yellow;
      font-size: 1.4em;
      text-decoration: underline;
		left:0px;
		top:0px;    
	}
#tool-bar li#descr {
			padding-right:0; 
			margin-right: 1px;  
			width: 105px;
			height: 22px;
			display: block;
			line-height: 22px;
			font-size: 1.1em;	
			color:#666;
			text-align: left;
	}						
.tabs-section h3 {
	 	margin-top:30px;
 }

	#header ul li a, 
	#header ul li a:visited 
	 	{
		  color:#00FFFF;
		  text-decoration: none;
       }

/*
===================================
	Quick finder
===================================
*/
 #quick-finder-body {
	background: #630560;
	padding:20px;
	height: 520px;
}
	#quick-finder-body a,
	#quick-finder-body a:visited
	{
		color: #ffc3ff;
		display:block;
		font-size: 1.2em;
		line-height: 1.4em;
		margin-bottom:5px;
	}
	
#nav-block img {
		margin: -13px 0 0 28px;
}			

	table.stripe td.odd {
		background:#333;
	}
	table.stripe td.even {
		background:#000;
	}	
	
		#breadcrumb ul li {
			float: left;
			margin-right:5px;
			color: #630560;
			margin-bottom: 0;		
			background: none;
			padding-left:0;
			background: #333;	
			border-right: 1px solid #fff;
			padding-right: 25px;
		}	
		#footer .column-content {
			background: url(/images/footer-dot.png) right repeat-y;
			position: relative;
			margin:15px 0;
			padding:0;
			padding-left:10px;padding-right:10px;
			_height: 1%; *height: 1%;
			height: 500px;
		}		
 .boxcaption{
	float: left;
	position: absolute;
	background:#000;
	height: 100px;
	width: 100%;
 	}     
	.boxcaption p {
		font-size:1.2em;
		line-height: 1em;
		color:#9ed1da;
		padding-left:10px;
		} 	
	.call-to-action  ul li a,
	.call-to-action  ul li a:visited
	 {
		background: #29415A;
		width: 436px;
		height: 35px;
		display: block;
		padding-left: 25px;
		text-decoration: none;
		color: yellow;
	}		
	.call-to-action  ul li a:hover,
	.call-to-action  ul li a:focus,
	.call-to-action  ul li a:active
	 {
		background: #162432;
		color: #fff;
	}					
}
blockquote p {
	color: #eeee00;
}	
    ul.tabbed-content li.selected a.current  {
		background:#000;
		color: #eeee00;
		font-weight: bold;
		margin-bottom:-1px;_margin-bottom:-4px;
		border-top:1px solid #fff;
    }
	 ul.tabbed-content li a
	  {
    	display:block; 
	 	float:left;
    	padding:9px 15px 9px 10px;
    	background:#333;
	 	text-decoration: none;
		color: #00ffff;
	 	line-height: 1.1em;	
    }
	 ul.tabbed-content li a:visited {
		color: #00ffff;
	 }
	 ul.tabbed-content li {
    	float:left;
	 	background:#fff url("/images/tabs-left.png") no-repeat left top;
    	margin:0;
    	padding:0 0 0px 4px;
	 	list-style: none;
	 	margin-right:1px;
    }
    		ul.tabbed-content li.right-tab {
    			float: right;
    			margin-right:0;
    		}
	 ul.tabbed-content li.selected  {
    	background:#fff url("/images/tabs-left-current.png") no-repeat;
    	padding:0 0 1px 3px;
    	_padding-bottom:4px;
      position: relative;

    }
.table-wrapper {
	overflow: scroll;
	width: 100%;
}		
.media-icon .section {
	position: relative;
	height:266px;
}