HTML {overflow: -moz-scrollbars-vertical;}

html{ overflow-y:scroll; }

* {margin:0;padding:0;}
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%; margin: 0px auto 0;
	width: 1000px;
	background-color: #FFFFFF;}
#main {padding-bottom: 100px; 
}  /* must be same height as the footer */
#bottom-content {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;} 

body {margin-top:0px;
	margin-bottom:0px;
	padding: 0px;
	color:#333333;
	background-color: #e5e2cd;
	background-image: url(../images/bg-image.jpg);
	background-repeat: repeat;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p {margin:8px 0 5px 0;}

a img {border:none;}

a, a:visited {
	/* color:#18ADAD; */
        color: #006699;
	text-decoration:underline;
}
a:hover {
	color:#0C5540;
	text-decoration: none;
}

img.snapshot {
	padding:2px;
	border:1px solid #ababab;
	background:#dcdcdc;
	margin-right: 8px;
}

.left {float:left;}

.right {float:right;}

/*
#wrap {
	margin: 10px auto 0;
	width: 1000px;
	background-color: #FFFFFF;
}
*/

/* Header */
#header {
	padding:0px;
	height:199px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-image: url(../images/home-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #006699;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#header #logo {width:1000px;
	margin:0 auto;
	padding:10px 10px 0px 10px;}

#header img.logo {margin-top:26px;}
#header #logo #lang {width:100px;float:right;height:55px;margin-right:60px;}

#header h1 {
	position: absolute;
	top: 38px;
	left: 72px;
	width: 183px;
	height: 148px;
}

#header h1 a {
	display: block;
	width: 380px;
	height: 115px;
	text-indent: -9999px;
}

#nav  {
	list-style: none;
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 52px;
	position: relative;
	text-align: left;
	padding-top: 159px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}

#nav li { display: inline; }

#nav a {
	display: inline;
	margin-left: 6px;
	padding: 6px;
	text-decoration: none;
	font-size: 16px;
	color: #516375;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#nav a:hover {
	color: #003333;
	text-decoration: underline;
}
#nav .active a { border-bottom: 2px solid #C70012; color: #9D2900;}

/* Content Area */
#main {
	width:1000px;
	margin:10px auto 0;
	clear:both;
	padding-right:20px;
	padding-left:10px;
}
	
#main p {
font-family:Arial, Helvetica, sans-serif;}

#main text-box p {color: #362A27;}

#main h3 {color:#003366;
font-size:20px;}

#main .box-left {
	float: left;
	padding: 0px 15px 15px 10px;
	width: 225px;
}

#main .box-center {
        float: left;
	padding: 0px 5px 15px 15px;
	width: 475px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ddd;
}

#main .box-right {
	float: left;
	padding: 0px 15px 15px 10px;
	width: 225px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ddd;
}

#main .box-right-wide {
	float: left;
	padding: 0px 5px 15px 15px;
	width: 700px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ddd;
}

#main .box-single {
	float: left;
	padding: 0px 5px 15px 15px;
	width: 925px;
}

#main ul {margin: 0px; margin-left: 15px; padding: 0px; list-style-type: square;}
#main li {text-indent: 0px; padding: 0px 0px 5px 0px }

/* Footer */
#bottom-content {
	color:#ffffff;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	background-color: #006699;
	background-repeat: repeat-x;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#bottom-content a, #bottom-content a:visited {color:#ffffff;
	text-decoration:none;}

#bottom-content a:hover {
	text-decoration:underline;
        color:#0C5540;}
	

#bottom-content p {
	margin:0 0 15px 0;
	color: #FFFFFF;
}
#bottom-content p.axe img {margin-bottom:-7px;}

#bottom-section {width:980px;
	margin:0 auto;
	height:80px;
	line-height:1.1em;
	padding:0 10px 0 10px;}

#bottom-section #left {width:600px;float:left;padding-top:20px;}
#bottom-section #right {width:250px;float:right;text-align:right;padding-top:20px;}

.text-box {
	width: auto;
	margin: 0 0 10px 0px;
	background-color: #ecebde;
	padding: 0px 10px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #362A27;
	border: 1px solid #b6cfda;
}

.text-box a, a:visited {
	/* color:#18ADAD; */
        color: #006699;
	text-decoration:underline;
}

.text-box a:hover {
	color:#0C5540;
	text-decoration: none;
}

/*
.text-box a {text-decoration: none;}
.text-box a:hover {text-decoration: underline;}
*/

body,p,td,div {
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #003366;
}
.article_item {
  padding-top: 20px;
}
.article_detail {
  padding-top: 8px;
  padding-left: 14px;
}

.article_detail img {padding-right:10px;}

.article_full_detail img {
	margin-right: 10px;
}

.article_title, .article_full_title {
  font-size: 14px;
  font-weight: bold;
}

.article_title a, .article_title a:visited, .article_title a:hover {
  color: #006699;
}

.article_date {
  font-size: 14px;
  font-weight: bold;
}
.article_full_date {
  font-size: 14px;
  font-weight: normal;
}
.article_tagline {
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  color: #606060;
}
.article_full_tagline {
  font-size: 16px;
  font-weight: bold;
  color: #606060;  
}
.back_link {
  font-size: 12px;
  padding-top: 24px;
  text-align: right;
}

.faq_titles {
  border-left: 3px #0000dd solid;
  margin-left: 10px;
  padding-left: 8px;
}
.faq_title, .faq_header, .link_category_title {
  font-size: 14px;
  font-weight: bold;
}
.faq_title a, .faq_title a:visited, .faq_title a:hover {
  color: #006699;
}

.faq_detail {
  margin-left: 20px;
  margin-top: 6px;
}

/*
.faq_detail ol {margin-left: 0px; padding: 0px;
}
.faq_detail li {margin-left: 10px; padding: 0px 0px 5px 0px }
*/

.faq_detail ol {
padding: 0 0 0 24px;
margin: 0;
}
.faq_detail li {
padding: 2px 0;
margin: 0;
}

.top_link {
  font-size: 12px;
  margin-top: 6px;
  margin-bottom: 10px;
}

.link_category {
  border-bottom: 2px #d0d0d0 solid;
  padding-bottom: 8px;
}
.link_detail {
  margin-top: 6px;
  margin-left: 24px;
}

.gallery_items {
  width: 100%;
}

.event_items {
  position: relative;
  width: 720px;
}
.event_item {
  position: relative;
  width: 720px;
  margin-top: 10px;
  padding-bottom: 18px;
}
.event_detail {
  position: relative;
  font-size: 14px;
}
.event_title {
  font-size: 20px;
  font-weight: bold;
}
.event_date {
  font-size: 20px;
  font-weight: bold;
}
.event_time {
  font-size: 12px;
  font-weight: bold;
}
.event_location {
  font-size: 16px;
  font-weight: bold;
}
.event_contacts {
  font-size: 16px;
  font-weight: bold;
}

.event_left {
  width: 200px;
  left: 0px;
  top: 0px;
  text-align: left;
}
.event_right {
  position: absolute;
  width: 500px;
  left: 200px;
  top: 0px;
  text-align: left;
}


/* Table definition below */

#table_container {
  margin-top: 10px;
  margin-bottom: 10px;
}

.tablemain {
  border: #bababa 1px solid;
  border-collapse: collapse;
}

.tablemain td {
  border: #bababa 1px solid;
}

.tablemain .rowheader {
  background-color: #dadada;
  font-weight: bold;
}

.tablemain .col4 {
  background-color: #fdfdba;
}

.tablesearch {
  margin-top: 10px;
  margin-bottom: 10px;
}

.tablesearch td span {
  font-weight: bold;
}

.tablenav_top td span, .tablenav_bottom td span {
  font-size: 11px;
}


.err, .required {
  color: red;
  font-weight: bold;
}

div.err {
  padding: 12px 0px;
}

