@charset "utf-8";

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


/* MAIN LAYOUT */
#top { background: #0a0a0c url(../images/site_bg_full.jpg) no-repeat top center; }
#logo { padding: 20px 0px 20px 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: #ffffff; }
#bottomtext2 { padding-top: 24px; font-size: 11px; text-align: center; text-transform: uppercase; color: #068696; }


/* 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: #a5a5a5; }
#menu ul li a.selected { color: #00bcd4; }


/* 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: #00bcd4; }
#innermenu ul li a.selected { color: #00bcd4; }


/* 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: 758px; margin: 0px auto 0px auto; background: url(../images/content_bg.png) repeat-y center; }
#content1col .text { padding: 0px 26px 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: 400px; 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: #ffffff; }
#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: #068696; vertical-align: top; }
#content2col .text { width: 346px; padding: 0px 0px 12px 26px; font-size: 11px; text-align:justify; color: #666666; line-height: 18px; }

/* Right side */
#content2col #content_right { float: right; width: 336px; 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: #068696; 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: #00bcd4; background-color: #f5f5f5; border: solid 1px #e0e0e0; }
.ctext1 { font-weight: bold; color: #068696; }
.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: #068696; }
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: #3399ff; text-decoration: none; }
a.more:hover { text-decoration: underline; }
a { font-size:12px; color: #3399ff; text-decoration: none; }
a:hover { font-size:12px; text-decoration: underline; }