html {
  height:100%; 
	max-height:100%;  
	padding:0; 
	margin:0; 
	border:0; 
	font-size:small; 
	font-family: 'Trebuchet MS', arial, sans-serif; 
	line-height: 1.8em;
	background: #222233; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ }

body {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
}

body,div,p,td,ul {
	color: #444444;
	line-height:1.4em;
}

p {
	margin: 0 0 1em 0;
}

input,textarea,select{
	font-family: 'Arial', sans-serif;
	font-size:small;
	color: #000066;
}

h1{
	margin: 0 0 0.8em 0;
	font-size: 1.8em;
	font-weight: bold;
}


h2{
	margin: 1.2em 0 0 0;
	font-size: 1.4em;
	font-weight: bold;
}

h3{
	margin: 0.5em 0 0 0;
	line-height: 1.4em;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
}


a:link {
	color: #660000;
	text-decoration: none;
}
	
a:visited {
	color: #660000;
	text-decoration: none;
}
	
a:active {
	color: #660000;
	text-decoration: none;
}

a:hover {
	color: #660000;
	text-decoration: underline;
}

.redt {
color:#660000;
}

.redt a:link {
	color: #660000;
	text-decoration: none;
}
	
.redt a:visited {
	color: #660000;
	text-decoration: none;
}
	
.redt a:active {
	color: #660000;
	text-decoration: none;
}

.redt a:hover {
	color: #660000;
	text-decoration: underline;
}

.grey {
color:#999999;
}

 a.grey:link {
	color: #999999;
	text-decoration: none;
}
	
 a.grey:visited {
	color: #999999;
	text-decoration: none;
}
	
 a.grey:active {
	color: #999999;
	text-decoration: none;
}

 a.grey:hover {
	color: #999999;
	text-decoration: underline;
}

.smtl {
	font-size:0.8em;
	text-align: center;
}

div.base {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -380px;
	width:740px;
	height: 100%;
	max-height: 100%;
	background: #ffffff;
	border-left: solid 2px #222233;
	border-right: solid 2px #222233;
}

div.page {
	position: absolute;
	width: 100%;
	height: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
}

div.main {
	display: block;
	position: absolute;
	top: 80px;
	bottom: 50px;
	left: 50%;
	margin-left: -224px;
	width:550px;
	padding: 30px 10px 10px 10px;
}

div.head {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -380px;
	height: 100px;
	width: 740px;
	padding: 0;
	border-top:solid 2px #222233;
	border-left:solid 2px #222233;
	border-right:solid 2px #222233;
	background:#ffffff;
}

div.foot {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -378px;
	height: 36px;
	width: 740px;
	padding: 0;
	border:0;
	background:#222233;
	border-top:solid 6px #ffffff;
}

div.ftxt {

	display: block;
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin: 0 0 0 -340px;
	height: 30px;
	width: 680px;
	padding: 0;
	border:0;
	background:transparent;
	text-align:center;
	color:#cceeff;
	font-size: 1.4em;
	font-weight: bold;
}

div.fshd {

	display: block;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin: 0 0 0 -338px;
	height: 30px;
	width: 680px;
	padding: 0;
	border:0;
	background:transparent;
	text-align:center;
	color:#666677;
	font-size: 1.4em;
	font-weight: bold;

}

div.menu {
	display:block;
	position:absolute;
	top:0;
	left: 50%;
	width: 140px;
	margin-left: -370px;
	padding: 110px 0 0 14px;
	background: transparent;
	line-height: 1.6em;
	height: 100%;
}

div.docs {
	display:block;
	position:absolute;
	top: 120px;
	left: 50%;
	width: 400px;
	height: 250px;
	margin-left: -250px;
	padding: 10px;
	background: #ffffff;
	border: solid 2px #222233;
	line-height: 1.6em;
	visibility: hidden;
	overflow: auto;
	
}

div.yows {
	display: block;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -370px;
	width:130px;
	padding: 0 0 10px 10px;
	background: transparent;
	line-height: 1.6em;
	font-size:0.8em;
}

a.ttip{
	text-decoration: none;
}

a.ttip em {
	display:none;
}

a.ttip:visited em {
	display:none;
}

a.ttip:active em {
	display:none;
}

a.ttip:hover {
border:0;
position:relative;
z-index:500;
text-decoration:underline;
}

a.ttip:hover em {
display:block;
position:absolute;
top:25px; left:40px;
padding:5px;
font-weight:normal;
color:#000;
border:1px solid #666666;
background:#ffffcc;
width:200px;}

div.hdln {
	margin: 30px 0 10px 0;
	background: transparent;
}

.drpl{
	position: relative;
	margin-top: -1.2em;
	margin-bottom:0;
	padding: 0;
	font-size: 2em;
	font-weight: bold;
	height:1.2em;
}

.drps{
	position: relative;
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.8em;
	font-weight: bold;
	height:1.2em;
}

.dsss {
	position: absolute;
	top:0.08em;
	left:0.08em;
	line-height:1.2em;
	color: #ccccff;
}

.dsst {
	position: absolute;
	top:0;
	left:0;
	line-height:1.2em;
	color: #222233;
}

div.both {
	clear:both;
}

div.conf{
	display:block;
	position:absolute;
	top: 100px;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	overflow:auto;
	padding:10px;
	border: solid 2px #222233;
	background:#ffffff;
	text-align: center;
	visibility: hidden;
}

.nrm {
	width:240px;
}

.nar {
	width:20px;
}

.for {
	width:80px;
}

.mid {
	width:50px;
}

.sml {
	font-size: 0.8em;
}

.butn {
	border: solid 1px #444444;
	background-color: #dddddd;
	margin: 20px;
	padding: 5px;
	line-height: 4em;
	text-align: center;
}

.gout{
	font-weight: bold;
	color: #dddddd;
}

.date {
	font-size: 6pt;
	color: #990000;
}

dl.cbox {
background:#336699 url('/sshops/graphics/dtl.gif') top left no-repeat; 
margin:5px 0; 
padding:0; 
width:360px;
}
dl.cbox dt {
background:transparent url('/sshops/graphics/dtr.gif') top right no-repeat; 
padding:10px; 
text-align:center; 
color:#ffffff;
font-size:1.3em;
font-weight:bold;
}
dl.cbox dd {
background:#ddeeff url('/sshops/graphics/lbl.gif') bottom left no-repeat;
padding:0;
margin:0;
}
dl.cbox dd p {
margin:0;
padding:10px;
line-height:1.3em;
}
dl.cbox dd p.last {
background:transparent url('/sshops/graphics/lbr.gif') bottom right no-repeat;
}