/* CSS styles: nxpage.com
Color palette:
#00ff01 - ROI logo green
#008000 - nav green
*/


/* Layout */
body {
	text-align:center;
	margin:0px auto; 
	font: normal 70% Verdana, serif;
	color:#000;
	background:#000;}
#header {
	margin:0;
	text-align:center;}
	
	#hdrTop {}
	#hdrBot {
		float:left;
		margin:0;
		background:#000 url(images/ROI-header-1.jpg) no-repeat;
		width:882px;
		height:131px;
		cursor:hand;}
#container {
	width:878px;
	margin:0 auto;
	text-align:left;}	
#wrapper {
	float:left;
	width:100%;
	border-right:3px solid #fff;
	background:#fff url(images/bgWrapper.gif) repeat-y top right;} /* col extender */
#content {
	text-align:left; 
	width:645px;
	height:100%;
	margin:0 0 25px 0;
	padding:15px;
	background:#fff;}
#contentRt {
	float:right;
	text-align:left;
	width:180px;
	color:#c0c0c0;
	padding:5px 5px 15px 10px;
	background:#000}
#footer {
	text-align:center;
	font-size:.85em; width:100%;
	margin-bottom:10px;
	padding:3px;
	background:#00ff01;
	border-top:solid 5px #000;}
#breadcrumb {
	font-size:.8em; 
	color:#008000; 
	background:#f0f0f0; 
	padding-left:5px;}
#pgTools{float:right;margin-right:5px;}	

/* General */
#contentRt li {margin:0;}
#contentRt h2 {color:#00ff01;}

h1, h2, h3, h4 {
	margin-top:20px;
	font: bold Trebuchet MS, Verdana, Arial, sans-serif; 
	color:#B22222;}
	h1 {font-size:1.3em;}
	h2 {font-size:1.1em;}
	h3 {font-size:1em;}
	h4 {font-size:1.1em;}

hr {
	color:#008000;
	border-top:solid .01em #008000;}
input	{font: normal 1em Verdana, Arial;}
select	{font: normal 1em Verdana, Arial;}


/* Navigation */
a, a:link, a:visited {
	color:#008000;}
a:hover {
	color:#00ff01;}
	
#contentRt a, #contentRt a:link, #contentRt a:visited {
	color:#fff;}	
#contentRt a:hover {
	color:#00ff01;}
#footer a, #footer a:link, #footer a:visited {
	color:#000;} 
#footer a:hover {
	color:#fff;}
	
#navToolsHdr {background:#000;}
	
	#navToolsHdr {
	color:#fff;
	font-family:Verdana; 
	font-size:10px; /* px to accommodate increased text size */
	height:27px;}

	#navToolsHdr ul {
	list-style-type:none;
	width:100%;
	margin:0;
	padding:0;}

	#navToolsHdr li {
	float:right;
	margin:5px 1px 0 5px;
	padding:2px;}

	#navToolsHdr li a {
	color:#fff;
	font-weight:normal;
	text-decoration:none;}

	#navToolsHdr li a:hover{color:#fff;border-top:solid 1px #ffffc0;}

#navMain
{
	width:882px;
	margin:0 0 5px 0;
    background:#00ff01;
    text-align:left; 
}

/* Images */
img {border:0; padding:0; vertical-align:middle;}

	img.callBx {
	margin:3px auto;
	border:5px solid #f0f0f0;}
	img.body {
		margin: 0 10px 5px 10px; /* auto 10px */
		border:5px solid #f0f0f0;}
	img.icon {
		width:16px;
		height:16px;
		margin:2px;}
	img.icon24 {
		width:24px;
		height:24px;
		margin:5px;}
	img.gallery {
		margin: 0 10px 5px 10px;
		border:solid 5px #f0f0f0;}

/* Extras */
.testimonial {
	color:#666699;
	font-size:inherit;
	width:200px;
	margin:5px auto;
	padding:5px;
	background:#fffff0;
	border:#666699 solid 1px;}
.cite {
	text-align:right;
	margin-bottom:10px;}
.txtsm {font-size:smaller;}
.clear	{clear:both;}
.clearLf{clear:left;}
.clearRt{clear:right;}
.alignLf{float:left;}
.alignRt{float:right; clear:right;}
.alignCt{text-align:center;}
.hide {display:none;}
.bgHi {background:#dcdcdc;}
#whoami, .none {visibility:hidden;}

/* other global styles */

 a[href $='.doc'] { 
   padding-left: 22px;
   background: transparent url(images/iconDOC.png) left no-repeat; 
   display:inline-block;}
   
 a[href $='.pdf'] { 
   padding-left: 22px;
   background: transparent url(images/iconPDF.png) left no-repeat; 
   display:inline-block;}
 
  a[href $='.ppt'] { 
   padding-left: 22px;
   background: transparent url(images/iconPPT.png) left no-repeat; 
   display:inline-block;}
    
  a[href $='.xls'] { 
   padding-left: 22px;
   background: transparent url(images/iconXLS.png) left no-repeat; 
   display:inline-block;}
  
   a[href $='.zip'] { 
   padding-left: 22px;
   background: transparent url(images/iconZIP.png) left no-repeat; 
   display:inline-block;}
   
   .external {
	padding-right:18px;
	background: transparent url(../img/iconExternal.gif) center right no-repeat;
	display: inline-block;	/* IE correction to show the icon in correct location when link wraps */}

#news-briefs {text-transform:uppercase;}