html { height: 100%; }
body {text-align:center; margin:0 0 0 0; border:0 0 0 0; font-size:7.5pt; font-family: Verdana, Arial, Sans; background:#fff; height:100% }
#wrap{ width:780px;  margin-left: auto; margin-right: auto; text-align:left; background:#fff; background-image:url(images/bg.png); background-repeat:repeat; background-position: top right; }
#banner{ width:100%; margin-top:0;}

#main {background-color:white; padding: 0.2em; margin-right:5px; padding-top: 30px;}
#nav {width: 100%; float:right;  height:30px;  padding:5px;}

#tips {width: 90px; height:400px; float:right; margin-right:13px;margin-top:10px;}
#footer {float:left; width:100%; height:100%; background-image:url(images/bgfooter.png); background-repeat:repeat-y; background-position:left;  text-align:center; margin-right:5px; font-color:white}

#text {float:left; padding-left:10px; padding-right:1em; margin-top:30px; width:95%; padding-bottom:1em; }

#contents {float:left; background-color:white; margin-top: 20px; margin-left:8px; margin-right:8px; padding: 0.4em; padding-bottom:0px; border:#4E1085 solid 3px; margin-bottom: 20px}
#contents ul { list-style: none;padding: 0 0 30px 0; margin: 0;}
#contents li a {text-decoration: none;	width:150px; padding-left: 11px; color: black; line-height: 20px; font-size: 9pt; margin: 4px 0 0 0; list-style-position: outside;}
#contents li a:hover { color: #ff0000; text-decoration: underline; }

#contents td a {text-decoration: none;	color: black;  font-size: 9pt; }
#contents td a:hover { color: #ff0000; text-decoration: underline; }
#contents td {text-align:left;margin: 0 0 0 0; padding-left:0.3em}


#mcontents {  float:left; width: 154px; background-color:white; margin-top:20px; margin-left:8px; margin-right:8px; padding: 0.2em; padding-bottom:0; border:#4E1085 solid 3px; margin-bottom: 20px}
#mcontents ul { list-style: none;padding: 0 0 30px 0; margin: 0;}
#mcontents li a {text-decoration: none;	width:140px;  display: block; padding-left: 11px; color: black; height: 20px; font-size: 9pt; margin: 4px 0 0 0; }
#mcontents li a:hover { background-color: #cc99ff; text-decoration: none; }

#innav {height: 40px; float:left; background-color:white}

#lefter {float:left; margin-left:0; margin-right:20px;  padding-top:0.3em;}

#middler {float: left; margin-left: 100px; padding-top:0.3em;}

#righter {float:right; margin-right: 10px; padding-top:0.3em;}		

#buttons {background-image:url(images/mustard.gif);float:right; width:auto; background-position:bottom left; padding:1em; font-family: Verdana, Arial, Sans; font-size: 8pt;color:#536E99 }

#buttons a{font-family: Verdana, Arial, Sans; font-size: 8pt;color:#536E99}

table.wrap {background-image:url(images/bg.png); background-repeat:repeat; background-position: top right;}

font.helpblack { font-size: 9pt; 
	font-family: verdana,arial;
	color:black;
	
}

font.helpsmall { font-size: 8pt; 
	font-family: verdana,arial;
	color:black;
	
}


font.textblue { 
	font-size: 9pt; 
	font-family:helvetica;
	font-weight:normal;
	color:blue;
}

font.helpwhite { text-decoration:none;font-size: 9pt; font-family:verdana, arial,helvetica;color:white;
}

font.f1 { font-size: 14pt;
	font-family:arial;
	color:black;
}

font.header {font-family:helvetica; font-size:18pt; color:black}
font.header2 {font-family:helvetica; font-size:20pt; color:red}
font.header3 {font-family:helvetica; font-size:16pt; color:blue}
font.header4 {font-family:helvetica; font-size:14pt; color:black}

button.controlpanel { width:150px; }


a {text-decoration:none}		
a:hover { text-decoration:underline}	

td.quest {font-family:verdana,arial; font-size:8pt; font-color:yellow;}