/* @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 */

html, body{ 
 margin:0; 
 padding:0; 
 text-align: left; 
 font: normal 11px Verdana;
	color: #fff;
	background: url(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;
}


.button { border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid; background-color: transparent; color: white; font-size : 11px; font-family: Arial, Helvetica, sans-serif; font-weight : bold;
	padding: 3px 10px;
}
.text { border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid; background-color: transparent; color: white; font-size : 11px; font-family: Verdana, Arial, Helvetica, sans-serif; height: 20;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 2px;
	width: 300px;
}

.red { border-right: 1px solid maroon; border-top: 1px solid maroon; border-left: 1px solid maroon; border-bottom: 1px solid maroon; background-color: transparent; color: white; font-size : 11px; font-family: Verdana, Arial, Helvetica, sans-serif; height: 20;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 2px;
	width: 300px;
}
.textarea { border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid; background-color: transparent; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: white; width: 300px}