/*** BASIC STYLES START ***/
    BODY, DIV, TD, P{
      font-family: verdana, arial, sans-serif, helvetica, verdana;
      font-size: 11px; 
      line-height: 180%;
      color:#333333;
    }
    
    img {
    	border:none;
    }
    
    A:Link, A:Visited {
    	font-size: 11px;
		font-weight: bold;
    	text-decoration: none;
      color:#003399;
    }
	
	A:Hover {
		color: #orange;
		
		border-bottom: 1px dashed #B74213;
	}
	
/*** BASIC STYLES END ***/

	html, body { padding: 0; margin: 0; }


	BODY {
	background:#FFF url(images/bg.gif) repeat-y center;
	margin: 0px;
	text-align: center;	

	
	}
	
	/* Container */
#container{
	width: 790px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
	
}
	

	DIV.subNavLink{
	font-size: 10px;
	line-height: 160%;
	color: #0000FF;
	padding: 1 0 5 0;
	}
	
	A:Visited.subNavLink {
		font-size: 10px;
		font-weight: normal;
		line-height: 180%;
		color: #444444;
		text-decoration: none;
		padding: 1 0 8 0;
		width: 100%;
	} 
	
	A:Link.subNavLink {
		font-size: 10px;
		line-height: 180%;
		font-weight: normal;
		color: #222222;
		text-decoration: none;
		padding: 1 0 8 0;
		width: 100%;
		
	}
	
	A:Active.subNavLink {
		font-size: 10px;
		line-height: 180%;
		font-weight: normal;
		color:#444444;
		text-decoration: none;
		padding: 1 0 8 0;
		width: 100%;
	}
	
	A:Visited.subNavSelected, A:Link.subNavSelected {
		font-size: 13px;
		color: #FFFFFF;
		text-decoration: underline;
		padding: 3 0 5 4;
		width: 100%;
	}
	
	.subNavNoLink{
		color:#999999;
		text-decoration: underline;
		padding: 1 0 5 0;
		width: 100%;
	}
	
	A:Hover.subNavLink{
		font-size: 10px;
		text-decoration: underline;
		color: #0000FF;
		width: 100%;
		border-bottom: 0px solid #B74213;
		
	}
	
	
	DIV.subNavSubLink{
		font-size: 11px;
		
	}	
	
	A:Link.subNavSubLink  {
		font-size: 11px;
    	color: #111111;
    	text-decoration: none;
        width: 100%;
        margin-left:10px;
    }
    
    A:Visited.subNavSubLink {
    	font-size: 11px;
    	color: #111111;
    	text-decoration: none;
        width: 100%;
        margin-left:10px;
    }
    
    A:Active.subNavSubLink {
    	font-size: 11px;
		color:#333333;
		text-decoration: none;
		width: 100%;
	}
    
    A:Hover.subNavSubLink{
    	font-size: 11px;
    	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:#003399;
}
        
.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:14px;
  font-weight:bold;
  line-height:12pt;
  color:#003399;
  margin-top:10px;
  margin-bottom:8px;
}


.subHead {
  font-size:11px;
  font-weight:bold;
  line-height:10pt;
  color:#0099FF;
  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:12px;
	color:#666666;
	font-weight:bold;
	line-height:12pt;
	margin-top:8px;
	margin-bottom:6px;
}

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

}


ul.square{
	list-style-type: square;
}




#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative; /* Menu position that can be changed at will */
top: 0;
left: 20px;
}
#menu {
width: 180px;
margin-left: 0px;
}
#menu dt {
font-size: 90%;
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: right;
font-weight: bold;
border-bottom: 1px dashed #ddd;
background: #fff;
}
#menu dd {
font-size: 90%;
width: 170px;
margin-right: 0px;
}
#menu li {
text-align: right;
background: #fff;
margin-right: 0px;
}
#menu li a, #menu dt a {
color: #666;
font-size: 90%;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

#smenu2, #smenu3, #smenu4 {
	width: 170px;
	margin-left: 20px;

}