body {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	margin:0;
	text-align:center;
}

h1 { font-size: 180%;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#000040;}
h2 { font-size: 140%; font-family: Verdana, Arial, Helvetica, sans-serif; color:#00005B; }
h3 { font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; color:#5B093D; }
h4 { font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color:#003366; }

#contenter {width:80%; clear:both; MARGIN-RIGHT: auto; MARGIN-LEFT: auto; text-align:left; }

#contenter a{text-decoration:none;}

#logo {text-align:center; margin:auto; width:100%; height:80px; padding:20px;}

#logo a{text-decoration:none;  font-size: 180%; padding:20px;}

#menu  {float:right;
		width:30%;
		margin:0;
		padding:0;
}
	
#menu li {
		  list-style:none;
		  line-height:40px;
		  list-style-type:none;
		  margin:0 0 10px 0;
		  border:#9900FF dashed 1px !important;
		  border:0px;
}

#menu a {
		padding:10px !important; 
		padding:0 10px 0 10px;
		margin:0px 10px;
		font-size:14px;
		color: #336600;
		text-decoration:none;
		border:0px !important;
		border:#9900FF dashed 1px;
		text-align:left;
		width:100% !important;
		
}

#menu li:hover { background:#DDFFFF !important;
		background:#FFFFFF;

}

#menu a:hover { background:#DDFFFF;}

#content { 
		float:left;
		width:68%;
		overflow:hidden;
}

.style_css {list-style:none; width:300px; background:#D9FFFF; padding:8px;}
.style_css li { list-style:none;}

.style_div {margin:20px; width:450px; border:#993300 dashed 1px; padding:10px 20px 10px 0;
 			padding-left:20px;}
.style_div  li { list-style:none;}

#eg {text-align:right; border:#993300 dashed 1px;margin:20px;}
#eg1 {text-align:right; border:#993300 dashed 1px;margin:20px;}
#big { font-size:30px;
	  text-align:center; border:#993300 dashed 1px;margin:20px;}
		
#eg2 {text-align:center; border:#993300 dashed 1px;margin:20px;}
#egc {text-align:center; border:#993300 dashed 1px;margin:20px;}

#otherres a{
 	font-size:14px;
	color: #336600;
	text-decoration:none;
}

#otherres a:hover {
background-color:#CCFF00;
}

#sample div {background-color:#ccccff; margin:4px; line-height:70px;}
.rei {font-size:40px;}
.oya {font-size:20px; background-color:#ccffcc;}
.sample1 {font-size:12px; background-color:#ffccff; vertical-align:baseline;}
.sample2 {font-size:12px; background-color:#ffccff; vertical-align:top;}
.sample3 {font-size:12px; background-color:#ffccff; vertical-align:middle;}
.sample4 {font-size:12px; background-color:#ffccff; vertical-align:bottom;}
.sample5 {font-size:12px; background-color:#ffccff; vertical-align:text-top;}
.sample6 {font-size:12px; background-color:#ffccff; vertical-align:text-bottom;}
.sample7 {font-size:12px; background-color:#ffccff; vertical-align:super;}
.sample8 {font-size:12px; background-color:#ffccff; vertical-align:sub;}

.footer {width:80%; clear:both; MARGIN-RIGHT: auto; MARGIN-LEFT: auto; height:40px; font-size:14px; }
