/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */


page {
	height: 1ems;
}

body {
        margin: 0 auto;
        width: 800px;
        height: 1ems;
	font: normal 76%/1.4em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;	
        color: #444;
        background: #FFF;
}
ul {
	margin-left:8px;
	margin-top:5px;
	padding:0;
	list-style:none;
	
}	
li {
	margin-top:5px;
	
}
li a{
	color: #145AE0; 
	text-decoration: none;
}
li a:hover {
	text-decoration: none; 
        color: #821517;


}
a{
	color: #145AE0; 

	text-decoration: none;
}
a:hover {
	text-decoration: none; color: #821517;

}
.here {
	color: #821517;

}
img { 
        margin: 1px;
	border: 1px solid #AAA;
        padding: 0px;

}
fieldset { 
  width: 98%; 
  margin-bottom: 5px;
  border: 0;
}
legend {  
  font-weight: bold
}

.mainbox {
        position: relative;
        margin-right: 0px;
        float: right;
	width: 600px; /* ems so it will grow */
	height: 100%;
	background: url(img/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.mainhead {
        position: relative;
	background: url(img/sbhead-r.gif) no-repeat top right;
	margin: 0;
	text-align: center;
}
.mainhead h2 {
	background: url(img/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white;
	font-weight: bold; 
	font-size: 150%; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
/* for understanding browsers */
.mainbody {
	background: url(img/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
        min-height: 800px;
        height: 100%;
}
/* for Internet Explorer */
/*\*/
* html .mainbody {
	height: 500px;
}
/**/


.mainbody p.etomite {
  position: absolute;
  bottom: -40px;
  width: 100%;
  text-align: center;
}



.menubox {
        position: relative;
        margin-right: -18px;
        margin-top: 150px;
        float: right;
        max-width: 200px;
	background: url(img/menubody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.menuhead {
        position: relative;
	background: url(img/menuhead-r.gif) no-repeat top right;
	margin: 0;
	text-align: center;
}
.menuhead h2 {
	background: url(img/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 120%; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.menubody {
        position: relative;
	background: url(img/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}