/* default font size*/
@import url(x-small.css);

/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dd	{
	font-family:	 helvetica, tahoma, "lucida sans", "trebuchet ms", "gill sans", verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*--------------------------------- Default -----------------------------------------------*/

h1 {
  font-size: 130%;
  font-weight: bold;
}

h2 {
  font-size: 110%;
  font-weight: bold;
}

h3 {
  font-size: 100%;
  font-weight: bold;
}

#xhtml a {
	position: absolute;
	background: url(http://www.char-lady.com/images/valid-xhtml10_fade.png) 0px 0px no-repeat;
	}
	
#xhtml a:hover {
	background: url(http://www.char-lady.com/images/valid-xhtml10.png) 0px 0px no-repeat;
	}
	
#css a {
	position: absolute;
	background: url(http://www.char-lady.com/images/vcss_fade.gif) 0px 0px no-repeat;
	}
	
#css a:hover {
	background: url(http://www.char-lady.com/images/vcss.gif) 0px 0px no-repeat;
	}
	
#aaa a {
	position: absolute;
	background: url(http://www.char-lady.com/images/wcag1AAA_fade.png) 0px 0px no-repeat;
	}
	
#aaa a:hover {
	background: url(http://www.char-lady.com/images/wcag1AAA.png) 0px 0px no-repeat;
	}
	
#container {background: #fff url(http://www.char-lady.com/images/column_1.gif) 0px 0px repeat-y; position: relative;  width: 760px; margin: -10px auto; border-left: 0px solid gray; border-bottom: 1px solid gray; }
#container a {text-decoration: none; color: #595959; }
#container a:hover {color: #4867AF; }
#container #current, #container #current a {color: green; }
#date {background: #fff; position: relative;  width: 240px; margin-left: 518px ; border: 1px solid white; text-align: right; font-size: 90%;}
#font_size {background: #fff; position: relative;  width: 160px; margin-top: -0px; margin-left: 598px ; border: 1px solid white; text-align: right;  font-size: 90%;}
#title {background: url(http://www.char-lady.com/images/title_1f.jpg) -53px 0px no-repeat; margin-top: -40px;}
#title span {display: none; }

#topmenu {border: 1px solid white; width: 150px;  font-weight: bold; line-height: 135%;  margin-left: -20px; margin-top: 20px; }
#topmenu ul {border: 1px solid white; list-style:none; }

#topmenu li {
   	  margin:0;
      padding-top:10px;
	
      }
#topmenu li span {display: none; }
#topmenu a {display: block; background: url(http://www.char-lady.com/images/menu_bar3.png) 0px 11px no-repeat; }
#topmenu a:hover {background: url(http://www.char-lady.com/images/menu_bar2.png) 0px 11px no-repeat; }
#topmenu #current, #topmenu #current a {background: #ccc url(http://www.char-lady.com/images/menu_bar2.png) 0px 11px no-repeat }

	#block {background: #fff; display: block;  width: 579px; margin-top: -175px; margin-left: 159px ; border: 1px solid white; padding: 10px; border-left: 1px solid #fff; }
	#block span {display: none; }
	#buffer {background: #fff; display: block;  width: 599px; height: 100px; margin-top: 0px; margin-left: 159px ; border: 1px solid white; border-left: 1px solid #fff; }
	#footer_nav {background: #fff; position: relative;  width: 599px; margin-left: 159px ; border: 1px solid white; text-align: center; border-left: 1px solid #fff; }
	#footer {background: #fff; position: relative;  width: 599px; margin-left: 159px ; border: 1px solid white; text-align: center;  font-size: 87%; border-left: 1px solid #fff; }
	#footer_nav a, #footer a {text-decoration: none; color: #595959; }
	#footer a:hover {color: #376315; }
#validator {background: #fff; position: relative;  width: 89px;  margin-top: -130px; margin-left: 20px ; border: 1px solid white;}