@charset "utf-8";
/* Global Stylesheet */


/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## RESET ########################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

* {outline: none;}
body {margin:0; padding:0;	font-size: 62.5%;height: 100%;}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
ul, ol {margin: 0;padding: 0;list-style-type: none;}
form {margin: 0px;padding: 0px;}
a img {border: 0;}
.clearfix:after{ content: ".";  display: block;  height: 0; clear: both;  visibility: hidden;}
.clearfix{min-width: 0;	display: inline-block; display: block;}
* html .clearfix{height: 1%;}
.left{float: left;}
.right{float: right;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.center {margin-right: auto; margin-left: auto;}
textarea { overflow:auto; }


/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## COMMON TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */
.clear { clear:both; line-height:1px; height:1px; }

.wrap { width:960px; margin:0px auto; padding:0px; }

p { font-size:14px; color:#191919; line-height:20px; margin:0px; padding:0 0 22px 0; }
a{color:#28727a;}
a.green { background:url(../images/button_green.gif) no-repeat left top; width:134px; height:35px; float:left; font-size:14px; text-align:center; color:#f1eee8;  line-height:35px; margin:0px; padding:0px; }
a.green:hover { background-position:left bottom; }
.alignleft { float: left; margin-right: 20px; }
.alignright { float: right; margin-left: 20px; }

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## TYPOGRAPHY ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

h1 { font-family:"Georgia", Times, serif; font-size:2.4em; color:#b05d0b; font-weight:normal; margin:0px; padding:0 0 22px 0; }
h2 { font-family:"Georgia", Times, serif; font-size:2.4em; color:#b05d0b; font-weight:normal; margin:0px; padding:0 0 22px 0; }
h3 { font-family:"Georgia", Times, serif; font-size:1.8em; color:#5b7d1f; font-weight:normal; margin:0px; padding:0 0 22px 0; }
h4 { font-family:"Georgia", Times, serif; font-size:1.4em; color:#5b7d1f; font-weight:normal; margin:0px; padding:0 0 22px 0; }
h5 { font-size:1.6em; }
h6 { font-size:1.4em; }

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## LAYOUT TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

body {
	background:#f1eee8;
	font-family:Arial, Helvetica, sans-serif;
}

/* header */

#header { background:url(../images/bg_header.gif) repeat-x; width:100%; height:165px; float:left; margin:0 0 40px 0; padding:0px; }
#header_box { background:url(../images/bg_header_box.jpg) no-repeat center center; width:100%; height:165px; float:left; margin:0px; padding:0px; }
#header_top { width:100%; height:125px; float:left; margin:0px; padding:0px; }
#logo {
	width:255px;
	height:35px;
	float:left;
	margin:0px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 22px;
	padding-left: 20px;
}
#listener {
	width:300px;
	height:35px;
	float:right;
	margin:0px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 22px;
	padding-left: 20px;
}

#navigation { width:100%; height:40px; float:left; margin:0px; padding:0px; }
#navigation ul {}
#navigation ul li { display:block; float:left; font-size:14px; color:#f1eee8; margin:0px; padding:0px; }
#navigation ul li a { display:block; line-height:40px; color:#f1eee8; margin:0px; padding:0px 24px; }
#navigation ul li a:hover, #navigation ul li a.active { background:#f1eee8; color:#b05d0b; }

/* showcase */

#showcase { width:100%; height:auto; float:left; margin:0px; padding:0 0 30px 0; }
#showcase_left { width:515px; float:left; margin:0 40px 0 0; padding-top:3px; }
#showcase_left img { padding: 4px; background: #fff; border: 1px solid #c9c8c6; }
#showcase_right { width:400px; height:auto; float:left; margin:0px; padding:0px; }
#showcase_right .button { width:100%; height:auto; float:left; margin:0 0 20px 0; padding:0px; }

/* headline */

#headline { background:url(../images/bg_headline.gif) repeat-x; width:100%; height:40px; float:left; font-family:"Georgia", Times, serif; font-size:18px; color:#f1eee8; line-height:40px; text-align:center; font-weight:normal; margin:0 0 40px 0; padding:0px; }

/* container */

#container { width:100%; height:auto; float:left; margin:0px; padding:0px; }

#leftcol_hp { background:url(../images/bg_leftcol.gif) repeat-y right top; width:480px; height:auto; float:left; margin:0 40px 0 0; padding:0 40px 80px 0; }

#rightcol_hp { width:400px; height:auto; float:left; margin:0px; padding:0 0 60px 0; }
#event_box { width:100%; height:auto; float:left; margin:0 0 20px 0; padding:0px; }
#event_box p { font-size:14px; color:#191919; line-height:20px; border-bottom:solid 1px #d0ccc4; margin:0 0 18px 0; padding:0 0 18px 0; }
#event_box h3 { font-family:Arial, Helvetica, sans-serif; display:block; color:#8c8473;font-size:14px; font-weight:normal; line-height:20px;margin:0; padding:0; }
#event_box h3 a { color:#28727a; font-weight:bold; }
#event_box h3 a:hover { color:#191919; }
#event_box .button { width:100%; height:auto; float:left; margin:10px 0 0 0; padding:0px; }

/* footer */

#footer { background:url(../images/bg_footer.gif) repeat-x #809f47; width:100%; height:100px; float:left; font-size:14px; color:#f1eee8; margin:0px; padding:25px 0 0 0; overflow:hidden; }
#footer span { display:block; padding:0 0 4px 0; }
#footer_left { width:50%; height:auto; float:left; margin:0px; padding:0px; }
#footer_right { width:50%; height:auto; float:left; text-align:right; margin:0px; padding:0px; }
#footer_right ul { display:block; width:100%; float:left; margin:0px; padding:0 0 3px 0; }
#footer_right ul li { float:right; display:block; margin:0px; padding:0 0 0 16px; }
#footer_right ul li a { color:#f1eee8; }
#footer_right ul li a:hover { color:#b05d0b; }

/* inner page */
/* inner page */

/* About us */

#leftcol { background:url(../images/bg_leftcol.gif) repeat-y right top; width:585px; height:auto; float:left; margin:0 40px 0 0; padding:0 35px 40px 0; }
#rightcol { width:300px; height:auto; float:left; margin:0px; padding:0 0 60px 0; }