/*** BASIC STYLES START ***/
    BODY, DIV, TD, P{
      font-family: verdana, arial, sans-serif, helvetica, verdana;
      line-height: 140%;
      color:003366;
      
      
    }
    
    p {
    	font-size: 12px;
	width:90%;
	color: #003366;
	margin-left:15px;
	margin-right:15px;
	line-height:25px;
	}
    
    A:Link, A:Visited {
    	font-size: 11px;
      color:#orange;
    }
/*** BASIC STYLES END ***/

#blue {color:#003366}
#orange {color:#FF9966}
#tan {color:#FFCCCC}


	
	A:Link.sidelinks {
		font-size: 10px;
		width:100%;
		color: #FF9966;
		margin-bottom:2px;
		line-height:10px;
		text-decoration: none;
	}
	
	A:Visited.sidelinks {
		font-size: 10px;
		width:100%;
		color: #FF9966;
		margin-bottom:2px;
		line-height:10px;
		text-decoration: none;
	}
	
		
	A:Hover.sidelinks{
		font-size: 10px;
		color: #555555;
		text-decoration: underline;
		width: 100%;
	}
	

	
	
    
    
    /*** margins styles start ***/
    .bodyMargins{
      margin: 15 6 0 15;
  		width:100%; /* I have to specify a width for IE5 PC, or else it ignores 		the top-margin of the H1 element therein. But 100% is different in browsers without IE5x PC's broken box model, so I have to use the CSS2 selector trick to set the width to auto for those browsers*/
  		voice-family: "\"}\"";
  		voice-family: inherit;
  	}
    
    html>body .bodyMargins {
      width:auto;
    }
/*** margins styles start ***/


.color {
  color:#003366;
}
        
.highlight{
  color:#3333CC;
}
 
        
.errorMsg{
  font-size:10px;
  color:#FF3333;
	margin-left:10px;
}

.smallLight{
  font-size:10px;
  color:#999999;
  margin-top:6px;
}

H1,.head {
  font-size:12px;
  font-weight:bold;
  line-height:12pt;
  color:#555555;
  margin-top:10px;
  margin-left:15px;
  margin-bottom:8px;
}


.subHead {
  font-size:11px;
  font-weight:bold;
  line-height:10pt;
  color:#666666;
  margin-bottom:4px;
}

.footer{
  font-size:10px;
  color:#ffffff;
  margin-top:3px;
}

.tablehead {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}

H2, .head {
	font-size:14px;
	color:#FF9966;
	font-weight:bold;
	line-height:15pt;
	margin-left:15px;
	margin-top:12px;
	margin-bottom:6px;
}

P.sidehead {
	font-size: 11px;
	width:100%;
	color: #222222;
	margin-bottom:2px;
	line-height:0px;

}

P.sidebar {
	font-size: 10px;
	width:100%;
	color: #FFCCCC;
	margin-bottom:2px;
	margin-left:15px;
	line-height:10px;

}
P.reversed {
	font-size: 10px;
	width:100%;
	color: #FFFFFF;
	margin-bottom:0px;
	margin-left:15px;
	line-height:10px;

}


P.body {
	font-size: 12px;
	width:90%;
	color: #003366;
	margin-left:15px;
	margin-right:15px;
	line-height:20px;

}

P.stat {
	font-size: 12px;
	font-weight:bold;
	width:90%;
	color: #FF9966;
	margin-left:15px;
	margin-right:15px;
	line-height:20px;

}


ul.square{
	list-style-image: url(images/bullet-orange.gif);
	font-size:11px;
	line-height:25px;
	margin-right:35px;
	padding-left: 1em;
	margin-left:35px;        
}


stong{
	font-weight:bold;
	color:#FF9966;
	}



ul.navigation{
	list-style-image: url(images/arrow-blue.gif);
	font-size:10px;
	padding-left: 1em;
	margin-bottom:20px;
	margin-left:15px;
        
}

li.link{
	line-height:25px;
		color: #FFCCCC;
}

li.nonlink{


		color: #666666;
  		line-height:20px;
}