html, body { 
height: auto;
font-family: "trebuchet ms", sans-serif; 
font-size: 12px; 
color: #777777;
margin: 5px 17px 5px 5px;
padding: 0; }



#body {
 padding: 0;
 margin: 0;
 min-width: 840px;
 width: expression(document.body.clientWidth < 840 ? "840px" : "100%" );
 position: relative;
 min-height: 100%;
 height: 100%;
 voice-family: "\"}\"";
 voice-family: inherit;
 height: auto; }


.l {
 float: left; }

.r {
 float: right; }

 
#tiles {
 position: absolute;
 top: 45px;
 background: transparent url("../img/tiles.gif") repeat-x -.5em 0; 
 z-index: 1; 
 width: 100%;
 height: 40px;  }

.clear {
	clear: both; 
	font-size: 1px; 
	height: 1px; }

img { 
	border: 0; }

#hdr {
	width: 76%;
	height: 120px; }
 
a, a:visited {
color: #666699;
text-decoration: underline; }

a:hover, a:active {
text-decoration: none; }


h1 {
	color: #6666cc;
	font-size: 18px;  }


#nav {
 background: #fff; 
 text-align: center; 
 padding: 0; 
 margin: 15px 0 0 3px; }


#nav ul {  
height: 34px; 
padding: 0; 
margin: 55px auto;
_margin: 50px 0 0 0;
list-style: none; }


#nav ul li {
display: inline; }


#nav ul li a.A, 
#nav ul li a.A:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_A_n.gif"); }


#nav ul li a.A:active, 
#nav ul li a.A:hover {
background: url("../img/nav_A_d.gif"); }

#nav #currentpageA a {
background: url("../img/nav_A_d.gif"); }


#nav ul li a.B, 
#nav ul li a.B:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_B_n.gif"); }


#nav ul li a.B:active, 
#nav ul li a.B:hover {
background: url("../img/nav_B_d.gif"); }

#nav #currentpageB a {
background: url("../img/nav_B_d.gif"); }


#nav ul li a.C, 
#nav ul li a.C:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_C_n.gif");  }


#nav ul li a.C:active, 
#nav ul li a.C:hover {
background: url("../img/nav_C_d.gif"); }

#nav #currentpageC a {
background: url("../img/nav_C_d.gif"); }


#nav ul li a.D, 
#nav ul li a.D:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_D_n.gif");  }


#nav ul li a.D:active, 
#nav ul li a.D:hover {
background: url("../img/nav_D_d.gif"); }

#nav #currentpageD a {
background: url("../img/nav_D_d.gif"); }


#nav ul li a.E, 
#nav ul li a.E:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_E_n.gif");  }


#nav ul li a.E:active, 
#nav ul li a.E:hover {
background: url("../img/nav_E_d.gif"); }

#nav #currentpageE a {
background: url("../img/nav_E_d.gif"); }


#nav ul li a.F, 
#nav ul li a.F:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_F_n.gif");  }


#nav ul li a.F:active, 
#nav ul li a.F:hover {
background: url("../img/nav_F_d.gif"); }

#nav #currentpageF a {
background: url("../img/nav_F_d.gif"); }


#nav ul li a.G, 
#nav ul li a.G:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_G_n.gif");  }


#nav ul li a.G:active, 
#nav ul li a.G:hover {
background: url("../img/nav_G_d.gif"); }

#nav #currentpageG a {
background: url("../img/nav_G_d.gif"); }



#nav ul li a.H, 
#nav ul li a.H:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_H_n.gif");  }


#nav ul li a.H:active, 
#nav ul li a.H:hover {
background: url("../img/nav_H_d.gif"); }

#nav #currentpageH a {
background: url("../img/nav_H_d.gif"); }


#nav ul li a.I, 
#nav ul li a.I:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_I_n.gif");  }


#nav ul li a.I:active, 
#nav ul li a.I:hover {
background: url("../img/nav_I_d.gif"); }

#nav #currentpageI a {
background: url("../img/nav_I_d.gif"); }


#nav ul li a.J, 
#nav ul li a.J:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_J_n.gif");  }


#nav ul li a.J:active, 
#nav ul li a.J:hover {
background: url("../img/nav_J_d.gif"); }

#nav #currentpageJ a {
background: url("../img/nav_J_n.gif"); }


#nav ul li a.K, 
#nav ul li a.K:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_K_n.gif");  }


#nav ul li a.K:active, 
#nav ul li a.K:hover {
background: url("../img/nav_K_d.gif"); }

#nav #currentpageK a {
background: url("../img/nav_K_d.gif"); }

#nav ul li a.L, 
#nav ul li a.L:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_L_n.gif");  }


#nav ul li a.L:active, 
#nav ul li a.L:hover {
background: url("../img/nav_L_d.gif"); }

#nav #currentpageL a {
background: url("../img/nav_L_d.gif"); }


#nav ul li a.M, 
#nav ul li a.M:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_M_n.gif");  }


#nav ul li a.M:active, 
#nav ul li a.M:hover {
background: url("../img/nav_M_d.gif"); }

#nav #currentpageM a {
background: url("../img/nav_M_d.gif"); }


#nav ul li a.N, 
#nav ul li a.N:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_N_n.gif");  }


#nav ul li a.N:active, 
#nav ul li a.N:hover {
background: url("../img/nav_N_d.gif"); }

#nav #currentpageN a {
background: url("../img/nav_N_d.gif"); }


#nav ul li a.O, 
#nav ul li a.O:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_O_n.gif");  }


#nav ul li a.O:active, 
#nav ul li a.O:hover {
background: url("../img/nav_O_d.gif"); }

#nav #currentpageO a {
background: url("../img/nav_O_d.gif"); }


#nav ul li a.P, 
#nav ul li a.P:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_P_n.gif");  }


#nav ul li a.P:active, 
#nav ul li a.P:hover {
background: url("../img/nav_P_d.gif"); }

#nav #currentpageP a {
background: url("../img/nav_P_d.gif"); }


#nav ul li a.Q, 
#nav ul li a.Q:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_Q_n.gif");  }


#nav ul li a.Q:active, 
#nav ul li a.Q:hover {
background: url("../img/nav_Q_d.gif"); }

#nav #currentpageQ a {
background: url("../img/nav_Q_d.gif"); }



#nav ul li a.R, 
#nav ul li a.R:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_R_n.gif");  }


#nav ul li a.R:active, 
#nav ul li a.R:hover {
background: url("../img/nav_R_d.gif"); }

#nav #currentpageR a {
background: url("../img/nav_R_d.gif"); }


#nav ul li a.S, 
#nav ul li a.S:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_S_n.gif");  }


#nav ul li a.S:active, 
#nav ul li a.S:hover {
background: url("../img/nav_S_d.gif"); }

#nav #currentpageS a {
background: url("../img/nav_S_d.gif"); }


#nav ul li a.T, 
#nav ul li a.T:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_T_n.gif");  }


#nav ul li a.T:active, 
#nav ul li a.T:hover {
background: url("../img/nav_T_d.gif"); }

#nav #currentpageT a {
background: url("../img/nav_T_d.gif"); }

#nav ul li a.U, 
#nav ul li a.U:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_U_n.gif");  }


#nav ul li a.U:active, 
#nav ul li a.U:hover {
background: url("../img/nav_U_d.gif"); }

#nav #currentpageU a {
background: url("../img/nav_U_d.gif"); }

#nav ul li a.V, 
#nav ul li a.V:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_V_n.gif");  }


#nav ul li a.V:active, 
#nav ul li a.V:hover {
background: url("../img/nav_V_d.gif"); }

#nav #currentpageV a {
background: url("../img/nav_V_d.gif"); }

#nav ul li a.W, 
#nav ul li a.W:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_W_n.gif");  }


#nav ul li a.W:active, 
#nav ul li a.W:hover {
background: url("../img/nav_W_d.gif"); }

#nav #currentpageW a {
background: url("../img/nav_W_d.gif"); }

#nav ul li a.X, 
#nav ul li a.X:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_X_n.gif");  }


#nav ul li a.X:active, 
#nav ul li a.X:hover {
background: url("../img/nav_X_d.gif"); }

#nav #currentpageX a {
background: url("../img/nav_X_d.gif"); }


#nav ul li a.Y, 
#nav ul li a.Y:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_Y_n.gif");  }


#nav ul li a.Y:active, 
#nav ul li a.Y:hover {
background: url("../img/nav_Y_d.gif"); }

#nav #currentpageY a {
background: url("../img/nav_Y_d.gif"); }


#nav ul li a.Z, 
#nav ul li a.Z:visited {
float: left; 
width: 36px;
height: 34px; 
padding: 0;
margin: 0; 
background-position: -5em 0; 
background: url("../img/nav_Z_n.gif");  }


#nav ul li a.Z:active, 
#nav ul li a.Z:hover {
background: url("../img/nav_Z_d.gif"); }

#nav #currentpageZ a {
background: url("../img/nav_Z_d.gif"); }


#well  {
 width: 66%;
 float: left; 
 text-align: left;
 padding: 0 0 20px 0;
 margin: 15px 25px 0 7px;
 _margin: 15px 25px 0 4px; }


#well2  {
 width: 57%;
 float: left; 
 text-align: left;
 padding: 0 0 20px 0;
 margin: 15px 15px 0 15px; }


#note {
	clear: both; 
	font-size: 13px;
	font-family: verdana; 
	color: #6666cc; 
	padding: 0;
	margin: 0;  
	border: 1px solid #e9da92; }

#note .center {
	position: relative;
	top: 5px;
	_top: 10px; 
	padding: 0;
	text-align: center; 
	margin: 0 auto 20px auto; }

	
#shapeL {
 width: 100%;
 background: #ffffcc url("../img/shapeL.gif") 0 100% no-repeat; 
 padding: 0; }


#shapeR {
 width: 100%; 
 background: url("../img/shapeR.gif") 100% 100% no-repeat;
 height: 27px; 
 _line-height: .6em; }
 


.bl { 
 width: 100%; 
 background: url("../img/crnr_bl.gif") 0 100% no-repeat;  }
 
 
.bottom { 
 background: url("../img/bottom.gif") 0 100% repeat-x; }
 
 
.br { 
 background: url("../img/crnr_br.gif") 100% 100% no-repeat; }
 
  
.tl { 
 width: 100%; 
 background: url("../img/crnr_tl.gif") 0 0 no-repeat; }
 
 
.top { 
  background: url("../img/top.gif") 0 0 repeat-x; }
 
 
.tr { 
 background: url("../img/crnr_tr.gif") 100% 0 no-repeat;  
 padding: 20px; }


.left { 
 background: url("../img/left.gif") 0 0 repeat-y; }


.content { 
 _width: 99%; 
 background: #fff; 
 padding: 20px 20px 30px 20px; 
 margin: 0; }  
 
 
.content #note {
	padding: 0; 
	margin: 0; 
	background: url("../img/left.gif") 0 0 no-repeat; }
	
	

.content ul#catg { 
 padding: 0;
 margin: 0;
 list-style: none; } 


.content ul#catg li { 
 clear: both; 
 padding: 0; 0
 margin: 0; 
 line-height: 2em;
 display: block; }


.content ul#catg a, a:visited { 
 color: #6666ff;
 text-decoration: underline; }


.content ul#catg a:hover, a:active { 
 text-decoration: none; }


.content ul#catg li .link { 
 float: left;
 width: 4%; 
 height: auto; 
 padding: 0;
 margin: 0; }


.right { 
 background: url("../img/right.gif") 100% 0 repeat-y; }


#ads {
	float: left; 
	padding: 0 0 20px 0;
	margin: 20px 0 0 0; }