@charset "utf-8";

/* COMMON */
body { margin: 0px; padding: 0px; background-color: #037482; font-family: Arial; }
div.sitecenter { margin-left: auto; margin-right: auto; width: 800px; }


/* MAIN LAYOUT */
#top {
	background: #020202 url(../images/site_bg_full.jpg) no-repeat top center;
}
#logo {
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#bottom_shadow_left { width: 21px; position: relative; left: -21px; top: -94px; }
#bottom_shadow_right { width:21px; position: relative; left: 758px; top: -108px; }
#bottom { height: 163px; background: url(../images/site_bottom_bg_side.jpg) repeat-x top; }
#bottominner { margin-left: auto; margin-right: auto; width: 1000px; background: url(../images/site_bottom_bg.jpg) repeat-x top; }
#bottomtext1 {
	padding-top: 14px;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	color: #666666;
}
#bottomtext2 {
	padding-top: 24px;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	color: #666666;
}


/* MENU */
#menu { width: 732px; height: 39px; margin-left: auto; margin-right: auto; background: url(../images/menu_bg.png) repeat-x; line-height: 39px; }
#menu ul li { display: block; float: left; padding: 0px 12px 0px 12px; }
#menu ul li a { font-family: "Trebuchet MS"; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; color: #ffffff; text-decoration: none; }
#menu ul li a:hover {
	color: #babd5f;
}
#menu ul li a.selected {
	color: #f6ff01;
}


/* INNER MENU */
#innermenu { background: url(../images/content_bg.png) repeat-y center; }
#innermenu ul { width: 506px; margin: 0px auto 0px auto; }
#innermenu ul li { float: left;  display: block; padding-left: 12px; padding-right: 12px; }
#innermenu ul li a { font-family: "Trebuchet MS"; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; color: #cccccc; text-decoration: none; }
#innermenu ul li a:hover {
	color: #e8ed6e;
}
#innermenu ul li a.selected {
	color: #bcc20e;
}


/* CONTENT WRAPPER */
#content_top { width: 758px; height: 33px; background: url(../images/content_top_bg.png) no-repeat; }
#content_bottom { width: 758px; height: 160px; margin-left: auto; margin-right: auto; background: url(../images/content_bottom_bg.png) no-repeat; }


/* CONTENT - ONE COLUMN */
#content1col { float: left; width: 800px; margin: 0px auto 0px auto; background: url(../images/content_bg.png) repeat-y center; }
#content1col .text { padding: 0px 0px 0px 26px; font-size: 11px; text-align: justify; color: #666666; line-height: 18px; }


/* CONTENT - TWO COLUMN */
#content2col { float: left; width: 758px; margin: 0px auto 0px auto; background: url(../images/content_bg.png) repeat-y center; }

/* Left side */
#content2col h1.title { display: block; width: 336px; height: 44px; position: relative; left: -10px; margin: 0px; background-image: url(../images/title_bg.png); vertical-align: top; }
#content2col h1.title span {
	display: block;
	padding: 4px 0px 0px 24px;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
#content2col h2 {
	display: block;
	width: 276px;
	margin: 0px;
	padding-left: 22px;
	background: url(../images/h2_arrow.jpg) no-repeat left center;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	color: #bbc200;
	vertical-align: top;
}
#content2col .text { width: 300px; padding: 0px 0px 12px 26px; font-size: 11px; text-align:justify; color: #666666; line-height: 18px; }

/* Right side */
#content2col #content_right { float: right; width: 400px; padding-right: 16px; margin-bottom: 10px; vertical-align: top; }


/* FORMS */
div.formwrapper { margin: 0px 0px 0px 30px; }
input.normal {
	width: 320px;
	padding: 8px 0px 8px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #bcc20e;
	background-color: #f5f5f5;
	border: solid 1px #e0e0e0;
	vertical-align: middle;
}
input.login { width: 320px; padding: 8px 0px 8px 10px; font-size: 14px; font-weight: bold; color: #797979; background-color: #f5f5f5; border: solid 1px #e0e0e0; vertical-align: middle; }
textarea.normal {
	width: 320px;
	height: 140px;
	padding: 8px 0px 8px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #dee610;
	background-color: #f5f5f5;
	border: solid 1px #e0e0e0;
}
.ctext1 {
	font-weight: bold;
	color: #a5ab03;
}
.ctext2 { font-size: 12px; margin-top: 18px; margin-bottom: 18px; }

/* IMAGE PLACEHOLDER'S */
div.imageplace1 { float: left; width: 192px; height: 122px; padding: 4px; }
div.imageplace2 { float: left; width: 175px; height: 132px; text-align: center; }
div.imagecontainer { width: 700px; padding: 0px 26px 18px 26px; }


/* PAGER */
div.pager { padding-bottom: 18px; vertical-align: top; }
div.pager div.pageof {
	float: left;
	width: 150px;
	margin: 10px 0px 0px 34px;
	font-size: 12px;
	font-weight: bold;
	color: #bcc20e;
}
ul.page { float: right; margin: 0px 40px 20px 0px; padding: 0px; }
ul.page li { display: block; float: left; height: 26px; padding: 0px 10px 0px 10px; margin: 0px 3px 0px 3px; border: solid 1px #97d3db; background: url(../images/pager2_bg.jpg) repeat-x top; }
ul.page li span { display: block; }
ul.page li.active { background: none; }
ul.page li a { color: #068696; font-size: 12px; font-weight: bold; text-decoration: none;  line-height: 26px; }
ul.page li a:hover { color: red; }


/* Other */
div.gap { height: 12px; }
a.more {
	color: #d3da0e;
	text-decoration: none;
}
a.more:hover { text-decoration: underline; }