body { text-align: center; font: small Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
.cleaner { clear: both; height: 1px; overflow: hidden; margin-top: -1px; }

a { color: #3c0071; }
a img { border: none; }
form { margin: 0; padding: 0; }

#container { margin: auto; text-align: left; width: 1004px; background: center bottom no-repeat; padding-bottom: 110px;  }

#header { background: url(bgrd_hdr_1.jpg) center top no-repeat; position: relative; margin-bottom: 30px; }
#header #wai * { font-size: 11px; }
#header #wai a { margin-left: 20px; }
#header .logo { padding: 30px 0 0 50px; height: 81px;  }

.side_left { float: left; width: 161px; font-size: 10px; margin-right: 30px }
.side_right { float: right; width: 161px; font-size: 10px; }

.side_main { float: left; width: 900px; overflow: hidden; }

.side_left .panel { margin: 0 4px; }
.side_right .panel { margin: 30px 4px 0 4px; }
.side_right .panel .cnt { padding: 0 10px; }
.side_right .hdr { padding: 20px 30px 10px 10px; }
.side_right .hdr img { position: absolute; right: -20px; top: -20px; }

/* -------- Panels ------------------------------------------------------------------------- */
.panel, .panel h3 { position: relative; }
.panel * { padding: 0; margin: 0; }
.panel .hdr { background: url(panel_cap_top.gif) left top no-repeat; }
.panel .cnt { background: url(panel_cap_main.gif) left top repeat-y; }
.panel .ftr { background: url(panel_cap_bottom.gif) left bottom no-repeat; }

.panel .hdr h3 { font-size: 18px; line-height: 16px; color: #3c0071; }
.panel .hdr h3 a { color: #3c0071; text-decoration: none; }

.panel li a { display: block; text-decoration: none; line-height: 12px; font-weight: bold; color: #fa7600; }
.panel li a:hover { text-decoration: underline; }
.panel li { list-style: none; display: block; margin: 0 5px; background: url(line_dots_horizontal.gif) left top repeat-x; }
.panel li.first { padding-top: 0; background: none; }
.panel li ul { background: url(line_dots_horizontal.gif) left top repeat-x; padding: 5px; }
.panel li li a { font-weight: normal; color: #000; padding: 0; }
.panel li li { margin: 0; padding: 2px 0; background: }

#latest_news {  }
#latest_news li { padding: 5px 0; }

#activities_map {  }
#activities_map td { vertical-align: middle; }
#activities_map li a { padding: 5px 0; }
#activities_map li a img { float: left; margin: 0 5px 0 0 ; }
#activities_map li li a { padding: 0; }

#pgs { background: url(line_dots_horizontal.gif) left top repeat-x; padding: 5px 0;  }
#pgs a { display: inline; color: #900; }

/* ------- Navigtion -------------------------------------------------------------------------- */
#navigation {  }
#navigation h3 { visibility: hidden; }
#navigation .hdr, #navigation .ftr { height: 13px; overflow: hidden; font-size: 1%; }
#navigation li a { padding: 5px 0 5px 23px; background: url(nav_bullet.gif) 5px 6px no-repeat; }
#navigation li li a { background: none; padding: 0; padding-left: 18px; }

/* --------------------------------------------------------------------------------- */
.side_main { float: left; width: 605px; padding: 0 0px; }
#contentstart { width: 605px; float: left; padding: 0 0; margin: 0} /* added by GUS */
.side_main.map { width: 605px; padding: 0; }
.side_main.event { width: 605px; padding: 0; }

.side_main h1 { font: bold 28px/28px Arial, Helvetica, sans-serif; color: #3c0071; margin: 0 0 30px 0; }
.side_main h3 { margin: 20px 0 10px 0; }

hr { display: block; margin: 20px 0; height: 1px; background: #FFF; border-top: dashed 1px #CCC; overflow: hidden; }


#bgrd_bn, #bgrd_bm, #bgrd_bb, #bgrd_bm1, #bgrd_bb1,
#txt_increase, #txt_normal, #txt_decrease { display: block; width: 20px; height: 15px; overflow: hidden; text-indent: -10000px; background: #F0F; float: right; margin: 0 0 0 5px; cursor: pointer; }

#txt_increase	{ background: url(conn_a+.gif) left top no-repeat; }
#txt_normal		{ background: url(conn_a.gif) left top no-repeat; }
#txt_decrease	{ background: url(conn_a-.gif) left top no-repeat; }

#bgrd_bn { background: url(conn_bn.gif) left top no-repeat; display: none;  }
#bgrd_bm { background: url(conn_bm.gif) left top no-repeat; display: none;  }
#bgrd_bb { background: url(conn_bb.gif) left top no-repeat; display: none;  }
#header #wai a#bgrd_bm1 { background: url(conn_bm.gif) left top no-repeat; margin: 0 0 0 5px; }
#header #wai a#bgrd_bb1 { background: url(conn_bb.gif) left top no-repeat; margin: 0 0 0 5px; }

#txt1.side_main { font-size: 14px; }
#txt1.side_main h1 { font-size: 32px; line-height: normal; }

#txt2.side_main { font-size: 18px; }
#txt2.side_main h1 { font-size: 36px; line-height: normal; }

#txt3.side_main { font-size: 22px; }
#txt3.side_main h1 { font-size: 40px; line-height: normal; }

#htable { width: 150px; }

.hidden { display: none;  }

.job_list { width: 100%; border-collapse: collapse; }
.job_list thead th { background: #DDD; }
.job_list td.page { padding: 7px; background: #EEE; }
.job_list td.page a { text-decoration: none; }
.job_list td.page a:hover { text-decoration: underline;  }
.job_list td,
.job_list th { padding: 5px 7px; border: 1px solid #CCC; }

.job_info { width: 100%; border-collapse: collapse; }
.job_info td { padding: 5px;  }

#contact_form table { width: 100%; border-collapse: collapse; }
#contact_form table td { padding: 0; vertical-align: top; padding-top: 3px; }
#contact_form table td input,
#contact_form table td textarea { display: block; width: 90%;  border: 1px solid #999; padding: 3px 5px;  }
#contact_form table td.label { width: 150px; }

.error { border: 1px solid #900; background: #FEE; padding: 20px; color: #900; margin-bottom: 20px; }
.message { border: 1px solid #090; background: #EFE; padding: 20px; color: #090; margin-bottom: 20px; }