h1 {
	/* optional styling, you can use whatever you wish */
	font-size: 300%;
	color:#ff6600;
	font-weight:normal;
	letter-spacing:-4px;
	/* now, this is important */
	position:relative;	
	padding: 0;
	margin: 0 0 -10px 0;
}
h2 {
	/* optional styling, you can use whatever you wish */
	font-size: 14px;
	color:#aab;
	font-weight:normal;
	letter-spacing: 0;
	margin: 0 0 0 104px;
}
h1 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width: 280px;
	background:url(images/gradient.png) repeat-x;
}

* html h1 span{
	background-color:#fff;
	back\ground-color:transparent;
	background-image: url(none.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/gradient.png", sizingMethod="scale");
}

strong{
	font-weight: normal;
	color: #667;
}

body {
	background : #fff;
	margin: 0;
	font: 12pt "Lucida Sans Unicode";
}


th {
	font-weight: normal;
	text-align: left;
	padding: 0 0 5px 4px;
	font: normal 22px "Lucida Sans Unicode";
	letter-spacing: -1px;
	color: #aab;
}


#tl {
	background: #5a97b7;
	color: #fff;
	font-size: 36pt;
	font-weight: normal;
	text-align: right;
	vertical-align: bottom;
	padding-right: 15px;
	padding-top: 10px;
	width: 50%;
}

#tr {
	background: #61afbb;
}

#br {
	background: #d3f1f4;
	color: #5a97b7;
	font-size: 16pt;
	text-align: left;
	vertical-align: top;
	padding-left: 15px;
	padding-bottom: 20px;
}

#main {
	width: 1030px;
	margin: 50px auto;
}

#content {
	padding: 20px 20px 0 20px;
	border: 10px solid #fbfbfb;
}

#dotable td {
	padding-left: 5px;
	padding-right: 5px;
}

.bignum {
	font-size: 32pt;
	font-weight: normal;
	padding-top: 40px;
}

#sidebox {
	min-height: 600px;
	text-decoration: none;
	background: #c6e3e3;
	color: #4f280b;
	width: 100px;
	float: left;
}

#sidebox a {
	color: #4f280b;
	text-decoration: none;
}

#sidebox a:hover {
	color: #482802;
}

#namebox {
	padding: 10px;
	border: 1px solid #ccc;
	text-decoration: none;
	height: 271px;
	overflow: auto;
	font: normal 15px "Lucida Sans Unicode";
	text-align: left;
	width: 140px;
}

#namebox a {
	color: #ff7800;
	text-decoration: none;
	padding: 0px 3px;
}

#namebox a:hover {
	background: #ff7800;
	color: #fff;
}

.small {
	font-size: 11px;
	line-height: 12px;
	color: #ccc;
}

.error {
	color: red;
}
u {
	margin: 8px 0 0 0;
	display: block;
	width: 300px;
	padding: 10px;
	border: 1px dashed #ff5555;
	color: #ff5555;
	text-decoration: none;
}
	
textarea.supre {
width: 130px;
border: 1px solid #ccd;
padding: 10px;
font: normal 15px "Lucida Sans Unicode";
color: #445;
overflow: auto;
}

textarea.scratch {
width: 140px;
border: 1px solid #ccd;
padding: 10px;
font: normal 15px "Lucida Sans Unicode";
color: #445;
overflow: auto;
}

select {
border: 1px solid #ccd;
padding: 3px;
font: normal 11px "Lucida Sans Unicode";
color: #445;
width: 152px;
}
select:hover, textarea:hover {
border: 1px solid #ff7800;
}

a:active, a:focus, select:focus, textarea:focus, input:focus{
	outline:none;
}
span.button {
	display:block;
	width:86px;
	height:26px;
	background:url(images/button_bg2.gif) no-repeat;
	font: normal 13px/24px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	border: none;
	margin: 15px 0;
}

input {
	display:block;
	width:86px;
	height:26px;
	background:url(images/button_bg.gif) no-repeat;
	font: normal 13px/24px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	cursor:pointer;
	border: none;
	margin: 15px 0;
}

#footer-left {
	float: left;
}
#footer-right {
	float: right;
	font: normal 11px/24px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #aab;
}
.clear {
	clear: both;
}