* {
	margin: 0;
	padding: 0;
}

html, body, #wrap {height: 100%;}

body > #wrap {
	height: auto;
	min-height: 100%;
	margin: 0px auto 0;
}

* body {
	margin: 0px;
	font: 14px "Trebuchet MS", Arial, Sans-Serif;
	color: #444;
	background-position: left top;
	background-color: #fff;
	background-image: url(../images/header.jpg);
	background-repeat: repeat-x;
}
#main {padding-bottom: 100px;}  /* must be same height as the footer */
#bottom-content {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;} 

/* 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 */
/*
body {margin-top:0px;
	margin-bottom:0px;
	color:#333333;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: center top;
	background-color: #FFFFFF;}
*/
p {margin:10px 0 5px 0;}

a img {border:none;}

img.snapshot {
	padding:2px;
	border:1px solid #ababab;
	background:#dcdcdc;
	margin-right: 8px;
}

.left {float:left; margin-right: 10px;}

.right {float:right; margin-left: 10px;}

/* Header */
#header {
	padding:0px;
	height:185px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#header #logo {
	width:182px;
	position: absolute;
	left: 27px;
	top: 3px;
	height: 173px;
}

#header img.logo {margin-top:26px;}
#header #logo #lang {width:100px;float:right;height:55px;margin-right:60px;}

/* Begin Top Nav */
#nav {
	width: 750px;
	padding: 10px 0px 6px 0px;
	clear: both;
	text-align: center;
	margin-right: 0px;
	margin-left: 190px;
	margin-bottom: 0px;
	position: relative;
	top: 159px;
	float: left;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 12px;
	color:#FFF;
	}
	
#nav a {
	color: #FFF;
	width: auto;
	text-decoration: none;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 6px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	}
	
#nav a:hover, #nav a:active {
	color: #FFF;
	background-color: #1D61AA;
	}
/* end top nav */


/* Content Area */
#main {
	width:925px;
	clear:both;
	padding-right:10px;
	padding-left:10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
	
#main p {
font-family:Arial, Helvetica, sans-serif;}

#main text-box p {color: #362A27;}

#main h3 {color:#5A556F;
font-size:20px;}

#main h2 {color:#5A556F;
font-size:18px;}

#main .box1 {
	float: left;
	padding: 5px 6px 0px 0px;
	width: 350px;
	color:#2B3050;
}

#main .box2 {
	float: left;
	padding: 5px 0px 0px 10px;
	width: 550px;
	border-left: 1px solid #ddd;
	color:#2B3050;
}


/* Footer */
#bottom-content {
	color:#ffffff;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	background-color: #990000;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000000;
}

#bottom-content a, #bottom-content a:visited {color:#ffffff;
	text-decoration:none;}
#bottom-content a:hover {
	text-decoration:underline;}

#bottom-content p {margin:0 0 15px 0;}
#bottom-content p.axe img {margin-bottom:-7px;}

#bottom-section {
	margin:0 auto;
	height:40px;
	line-height:1.1em;
	padding:0 10px 0 10px;}

#bottom-section #left {
	width:615px;
	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: #DCD9C8;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #362A27;
	border: 1px solid #BDB897;
}
.text-box a {text-decoration: none;}
.text-box a:hover {text-decoration: underline;}


body,p,td,div {
  font-family: Arial, Helvetica;
  font-size: 14px;
}
.article_item {
  padding-top: 20px;
}
.article_detail {
  padding-top: 8px;
  padding-left: 14px;
}
.article_title, .article_full_title {
  font-size: 20px;
  font-weight: bold;
}
.article_date {
  font-size: 16px;
  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: 16px;
  font-weight: bold;
}
.faq_detail {
  margin-left: 20px;
  margin-top: 6px;
}

.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;
}

.tiny-text {
	font-size:9px;
}



/* Services Page */
a, input {  
    outline:none;  
} 

#div-selection {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	background-color: #626880;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#div-selection ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-indent: 5px;
	line-height: 22px;
}

#div-selection ul li a {
 display: block;
 text-decoration: none;
 color: #FFFFFF;
}

#div-selection ul li a:hover {
 background-color: #444e72;
}

/* added this so we can set the background color on click (we'll set the a tag's class to active) */
#div-selection a.active{
 background-color: #444e72;
}

/* a {cursor: pointer; cursor: hand;} */

.left-col {
	float: left;
	width: 190px;
}

.right-col {
	float: left;
	width: 680px;
	padding-left: 15px;
}

.tab {
	position: absolute;
	top: 240px;
	left: 225px;
	display:none; /*this must be display: none for jQuery, instead of visibility: hidden*/
	width: 650px;
	height: 211px;
	padding: 6px;
	background-color:#E9E9E9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.tab-active {
	position: absolute;
	top: 240px;
	left: 225px;
	display:block;
	width: 650px;
	height: 255px;
	padding: 6px;
	background-color:#E9E9E9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}