/* @group Font */

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 *
 */

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */

select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */

pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */

body * {line-height:1.22em;}

/* @end */

/* @group Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

q:before,q:after{content:'';}

/* @end */

img {
	border: 0px;
}

a {
	text-decoration: none;
	color: #ff5555;
} 

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

a.foot {
	text-decoration: none;
	color: #ff5555;
} 

a.foot:hover {
	text-decoration:underline;
	color: #ffffcc;
}

#container {
	background-color: transparent;
	border: 1px solid #212121;
	padding: 10px 10px 10px 10px;
	width: 460px;
	margin: 0px auto;
	text-align: left;
}

table {
	font-size: 8pt;
	width: 100%
}

div.main {
	background-color: #212121;
	color: #ffffcc;
	padding: 1px 10px 1px 10px;
	font-size: 14pt;
}

div.header1 {
	background-color: transaparent;
	color: #ffffcc;
	margin-top: 0px;
	padding: 4px 4px 4px 4px;
	border: 1px solid #000000;
}

div.header2 {
	background: #000000 url('images/background.png');
	border: 1px solid #772121;
	color: #ffffcc;
	margin-top: 4px;
	padding: 4px 4px 4px 4px;
}

div.langbox {
	text-align: right;
	color: #ffffcc;
	margin-top: 4px;
	padding: 4px 4px 4px 4px;
}

div.message {
	padding: 4px 4px 4px 4px;
	color: #ffffcc;
	width: 520px;
	height: auto;
	overflow: auto;
	border-bottom: 1px solid #772121;
	border-left: 1px solid #772121;
	border-right: 1px solid #772121;
}

div.info {
	background: #772121 url('images/background.png');
	padding: 4px 4px 4px 4px;
	border: 1px solid #772121;
	color: #ffffcc;
	margin-top: 8px;
	font-size: 7.5pt;
}

div.pages {
	background-color: transparent;
	color: #ffffcc;
	margin-top: 4px;
	padding: 4px 4px 4px 4px;
}

div.table {
	background-color: transparent;
	margin-top: 8px;
	padding: 4px 4px 4px 4px;
	color: white;
	font-size: 12px;
}

div.footer {
	background-color: transparent;
	color: #ffffcc;
	padding: 4px 4px 4px 4px;
	font-size: 7.5pt;
}

select {
	background-color: #000000;
	color: #ffffcc;
	border: 1px solid white;
}

input {
	background-color: #000000;
	color: #ffffcc;
	border: 1px solid white;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-bottom: 5px;
}

textarea {
	background-color: #000000;
	color: #ffffcc;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid white;
	margin-bottom: 10px;
}

hr {
	border: 1px solid #cccccc;
}

html, body{ 
 margin:0; 
 padding:0; 
 text-align: left; 
 font: normal 11px Verdana;
	color: #fff;
	background: url(/new/images/background.jpg) no-repeat scroll center top;
} 

#pagewidth {
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	width: 796px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#dragon {
	margin-top: 4px;
	padding-top: 4px;
}

#dragontxt {
	position: absolute;
	top: 70px;
	left: 290px;
}

#maincol {
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	width: 530px;
	text-align: left;
	float: right;
	position: relative;
	top: 17px;
	border-width: 1px;
}

#lefcol {
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	width: 250px;
	text-align: left;
	position: relative;
	top: 17px;
}

#content {
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	width: 535px;
	text-align: left;
	float: right;
	opacity: 1;
}

.navi {
	height: 50px;
	width: 535px;
	opacity: 1;
}

.navi ul {
	font-size: 24px;
	font-weight: bold;
	width: 100%;
}

.navi ul li {
	font-size: 20px;
	margin-bottom: 15px;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	text-align: center;
	background-color: maroon;
}

.navi ul li a {
	color: #FFFF66;
	text-decoration: none;
}

a {
	color: #FFFF66;
	text-decoration: none;
}

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

h1 {
	color: white;
	font-size: 24px;
	border-bottom: 2px solid maroon;
	margin-bottom: 15px;
}

h2 {
	color: white;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
	margin-top: 10px;
}

.img_box {
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	border: 1px solid white;
}

.clear {
	clear: both;
}