/* Tags Common Styles */

body {
margin: 0;
padding: 0;
font: 0.7em/1.2 Verdana, Tahoma, sans-serif;
background: #999 url(img/back_main.gif) repeat-x;
color: #012;
}
img {
border: none;
}
h1 {
display: none;
}
h2 {
padding: 14px 0 7px 40px;
margin: 0 0 0 20px;
line-height: 1em;
font-size: 1.2em;
background: url(img/h2_back.gif) repeat-x;
color: #404858;
}
h3 {
font-size: 1em;
color: #dfe8f8;
padding:3px 0 5px 26px;
margin: 12px 0 0 0;
background: #606f7c url(img/newstitle_back.gif) repeat-x;
}
input {
background-color: #999;
color: #000;
border: 1px solid;
border-color: #616365 #b4b6b7 #b4b6b7 #616365;
}
input.btn {
background-color: #999;
color: #000;
border: 1px solid;
border-color: #b4b6b7 #616365 #616365 #b4b6b7;
}
a {
text-decoration:none;
color:#457;
background:#e8ecf0;
padding: 0 5px 1px 5px;
border-bottom:1px dashed #c8cfd8;
}
a:hover {
text-decoration:none;
color:#348;
background:#d4dfec;
padding: 0 5px 1px 5px;
border-bottom:1px dashed #a9b9c9;
}
a:active {
text-decoration:none;
color:#38609c;
background:#f8fcff;
padding: 0 5px 1px 5px;
border-bottom:1px dashed #38609c
}
p strong {
text-align:left;
}
/* ID Styles */

/* ****************** Header ****************** */
#header {
display: block;
width: 940px;
height: 120px;
margin: 6px auto 0 auto;
background: #58606f url(img/header_back.gif) repeat-x;
}
#header dd {
float: left;
padding: 0;
margin: 0;
}
#header dd#left {
width: 52px;
height: 120px;
background: url(img/header_left.gif) no-repeat;
}
#header dd#logo {
width: 160px;
height: 120px;
background: url(img/logo.jpg) no-repeat;
}
#header dd#heading_bg {
width: 516px;
height: 120px;
background: url(img/title_bg.jpg) no-repeat left center;
}
#header dd#heading_en {
width: 516px;
height: 120px;
background: url(img/title_en.jpg) no-repeat left center;
}
#header dd#right {
width: 212px;
height: 120px;
background: url(img/header_right.jpg) no-repeat;
}
/* ****************** H Nav Bar ****************** */
#hnavbar {
width: 940px;
height: 40px;
margin: 0 auto 0 auto;
background: #333 url(img/hnavbar_back.gif) repeat-x;
}
#hnavleft {
width: 18px;
height: 40px;
float: left;
background: url(img/hnavbar_left.gif) no-repeat;
}
#hnavright {
width: 18px;
height: 40px;
float: right;
background: url(img/hnavbar_right.gif) no-repeat;
}
dl#hnav {
display: block;
height: 40px;
padding: 0;
margin: 0 0 0 244px;
}
* html dl#hnav {
margin: 0 0 0 241px;
}
dl#hnav dd {
float: left;
margin: 0;
padding: 0;
}
dl#hnav dd a, dl#hnav dd span {
display: block;
font: 1.1em Verdana, Tahoma, sans-serif;
margin: 0;
padding: 0;
color: #234;
text-decoration: none;
border:none;
}
dl#hnav dd a:link, dl#hnav dd a:visited {
margin: 0;
padding: 11px 12px 15px 10px;
color: #999;
background: transparent;
}
dl#hnav dd a:hover {
margin: 0;
padding: 11px 12px 15px 10px;
color: #cdf;
background: url(img/hnav_back_hover.gif) repeat-x;
}
* html dl#hnav dd a:hover {
background: #3f4c58 url(img/hnav_back_hover.gif) repeat-x;
}
dl#hnav dd a:active, dl#hnav dd span#hnavcurrent {
margin: 0;
padding: 12px 12px 14px 10px;
color: #678;
background: url(img/hnav_back_current.gif) repeat-x;
}
dl#hnav dd a:active {
color: #9ac;
}
dl#hnav dd span.divider {
width: 2px;
height: 40px;
background: #555 url(img/hnav_divider.gif) no-repeat;
padding: 0;
margin: 0;
float: left;
}
dl#hnav dd a.edit {
display: block;
width: 12px;
height: 12px;
float: left;
margin: 12px 0 0 0;
padding: 1px 2px 1px 2px;
background: transparent;
border-bottom: 1px dashed #68809c;
}
/* ****************** Body Parts ****************** */
#cleaner {
width: 940px;
height: 6px;
margin: 0 auto 0 auto;
}
* html #cleaner {
height: 1px;
margin: -4px auto -4px auto;
}
#container {
width: 940px;
margin: 0 auto 0 auto;
padding: 0;
background: url(img/cont_back.gif) repeat-y;
}
#leftbar {
width: 219px;
float: left;
margin: 0;
padding: 0;
}
#subtitle {
float: left;
width: 20px;
height: 34px;
background: url(img/h2_left.gif) no-repeat;
}
h2 a.edit {
display: block;
width: 12px;
height: 12px;
float: left;
margin: 0 0 3px 0;
padding: 1px 2px 1px 2px;
background: transparent;
border-bottom: 1px dashed #68809c;
}
/* ************** Language and news bar ************** */
#newsbar {
width: 219px;
height: 57px;
background: #aeb6bb url(img/newsbar_back.gif) repeat-x;
margin: 0;
padding: 0;
}
#langchange {
width: 118px;
height: 57px;
background: #aeb6bb url(img/lang_back.jpg) no-repeat;
margin: 0;
padding: 0;
}
#newsbar a.edit {
display: block;
width: 12px;
height: 12px;
float:right;
margin: 14px 0 0 -10px;
padding: 1px 2px 1px 2px;
background: transparent;
border-bottom: 1px dashed #68809c;
}
#newsbar #langchange a.edit {
display: block;
width: 12px;
height: 12px;
float:left;
margin: 14px 0 0 6px;
padding: 1px 2px 1px 2px;
background: transparent;
border-bottom: 1px dashed #68809c;
}
a#news {
display: block;
float: right;
padding: 12px 25px 0 0;
margin: 0;
font-size: 1.2em;
color: #ddd;
background: url(img/3dots.gif) no-repeat bottom right;
text-decoration: none;
border:none;
}
a:hover#news {
color: #fff;
background: url(img/3dots_white.gif) no-repeat bottom right;
}
#langchange a {
display: block;
width: 57px;
padding: 16px 0 15px 32px;
margin: 0;
color: #ccc;
background:transparent;
text-decoration: none;
border:none;
}
#langchange a:hover {
color: #fff;
background: url(img/lang_hover.gif) no-repeat bottom right;
}
/* ****************** Custom linx bar ****************** */
#customlinx {
min-height: 80px;
background: #aeb6bb url(img/customlinx_back.jpg) no-repeat;
padding: 6px 0 6px 0;
}
* html #customlinx {
height: 80px;
}
#customlinx a {
display: block;
padding: 8px 25px 0 0;
margin: 0;
font-size: 1em;
text-align: right;
color: #fff;
background: url(img/3dots_white.gif) no-repeat bottom right;
text-decoration: none;
border:none;
}
#customlinx a:hover {
color: #def;
background: url(img/3dots.gif) no-repeat bottom right;
}
#customlinx a.edit {
display: block;
width: 12px;
height: 12px;
float:left;
margin: 5px 0 0 33px;
padding: 1px 2px 1px 2px;
background: transparent;
border-bottom: 1px dashed #68809c;
}
/* ****************** Employees bar ****************** */
#employees {
width: 219px;
height: 108px;
background: #acb4b9 url(img/employees_back.gif) repeat-x;
padding: 0;
margin: 0 auto 0 auto;
}
#employees span {
display: block;
background: url(img/employees_right.jpg) no-repeat top right;
padding: 5px 0 9px 30px;
margin: 0;
font-size: 1.1em;
font-weight: bold;
color: #d8dfdf;
}
#employees a.edit {
display: block;
width: 12px;
height: 12px;
float:left;
margin: 6px 0 0 6px;
padding: 1px 2px 1px 2px;
background: transparent;
border-bottom: 1px dashed #68809c;
}
#employees dl {
padding: 0 0 5px 0;
margin: 0;
background: url(img/employees_dl_right.jpg) no-repeat top right;
border-bottom: 1px solid #b8bfc4;
}
#employees dl dd {
display: block;
padding: 2px 0 2px 0;
text-align: right;
margin: 0;
}
#employees dl dd a {
display: block;
padding: 10px 54px 10px 0;
color: #567;
text-decoration: none;
border:none;
}
a#mail {
background: url(img/mail_link.jpg) no-repeat right;
}
a:hover#mail {
color: #2f5070;
background: url(img/mail_hover.jpg) no-repeat right;
}
a#login {
background: url(img/login_link.jpg) no-repeat right;
}
a:hover#login {
color: #2f5070;
background: url(img/login_hover.jpg) no-repeat right;
}
/* ****************** V Nav ****************** */
#vnav {
margin: 0;
padding: 0;
background: #90989f url(img/vnav_back.jpg) no-repeat;
}
dl#vnav dd {
display: block;
height: 30px;
padding: 0;
margin: 0;
}
dl#vnav dd a {
display: block;
text-align: right;
text-decoration: none;
font-size: 11px;
color: #ddd;
background: url(img/vnav_link.gif) no-repeat right;
padding: 8px 25px 8px 0;
margin: 0;
border:none;
}
dl#vnav dd a:hover {
color: #fff;
background: url(img/vnav_hover.gif) no-repeat right;
}
dl#vnav dd a:active, dl#vnav dd span.current {
display: block;
text-align: right;
font-size: 11px;
color: #fff;
background: url(img/vnav_current.gif) no-repeat right;
padding: 8px 25px 8px 0;
margin: 0;
}
dl#vnav dd a.edit {
display: block;
width: 12px;
height: 12px;
float:left;
margin: 10px 0 0 33px;
padding: 1px 2px 1px 2px;
background: transparent;
border-bottom: 1px dashed #68809c;
}
/* ****************** Content ****************** */
#content {
width: 715px;
min-height: 390px;
margin: 0 0 0 225px;
padding: 0;
font: 1em/1.3 Verdana, Tahoma, sans-serif;
background: #aeb6bb url(img/content_back.gif) repeat-x;
}
* html #content {
width: 715px;
height: 390px;
margin: 0 0 0 222px;
}
#content p {
padding: 0;
margin: 0.4em;
}
#content dl {
padding: 0;
margin: 0;
}
#content dl dd {
padding: 0;
margin: 0;
}
#info {
display: block;
min-height: 360px;
margin: 0 20px 0 20px;
padding: 10px 30px 10px 35px;
background: #fcfcfc url(img/info_back.gif) repeat-x;
font: 1.1em/1.3 Verdana, Tahoma, sans-serif;
text-align: justify;
}
* html #info {
height: 350px;
}
/* ****************** SUB H Nav Bar ****************** */
#subhnav {
display: block;
height: 23px;
background: url(img/subhnav_back.gif) repeat-x;
padding-right: 5px;
}
#subhnav dl {
margin: 0 0 0 20px;
padding: 0;
}
#subhnav dl dd {
float: left;
margin: 0;
padding: 0;
}
#subhnav dl dd a, #subhnav dl dd span {
display: block;
float: left;
margin: 0;
padding: 0;
font-size: 0.8em;
text-decoration: none;
color: #586878;
border:none;
}
#subhnav dl dd a:link, #subhnav dl dd a:visited {
padding: 5px 7px 5px 7px;
color: #485868;
background: url(img/subhnav_link.gif) repeat-x;
}
#subhnav dl dd a:hover {
padding: 5px 7px 5px 7px;
color: #203f60;
background: url(img/subhnav_hover.gif) repeat-x;
}
#subhnav dl dd a:active {
padding: 5px 7px 5px 7px;
color: #485f68;
background: url(img/subhnav_active.gif) repeat-x;
}
#subhnav dl dd span#crnt {
padding: 5px 7px 5px 7px;
color: #456;
background: url(img/subhnav_crnt.gif) repeat-x;
}
#subhnav dl dd span.separater {
width: 1px;
height: 23px;
background-color: #a8b0b8;
}
#subhnav dl dd div#pagetype {
padding: 4px 6px 4px 40px;
color: #567;
}
#subhnav dl dd a.edit {
display: block;
width: 12px;
height: 12px;
float: left;
margin: 3px 0 0 0;
padding: 1px 2px 1px 2px;
background: transparent;
border-bottom: 1px dashed #68809c;
}
/* ****************** Search Bar ****************** */
#srchform {
padding: 0;
margin: 0;
}
#searchbar {
display: block;
float: right;
height: 57px;
padding: 0;
margin: 0;
background: url(img/searchbar_back.gif) repeat-x;
}
#searchbar dd {
display: block;
float: left;
padding: 0;
margin: 0;
}
#searchbar dd input {
padding: 0;
margin: 8px 6px 0 4px;
vertical-align: middle;
}
#srch {
height: 57px;
background: url(img/searchbar_right.gif) no-repeat bottom right;
}
#srch p input {
display:block;
float:left;
}
#srch p {
margin-top: 6px;
}
#searchbar dd#extendedsearch {
width: 90px;
height: 57px;
background: url(img/searchbar_left.jpg) no-repeat;
padding: 0;
margin: 0;
}
#searchbar dd#extendedsearch a {
display: block;
width: 30px;
height: 43px;
background: url(img/extendedsearch.jpg) no-repeat;
padding: 0;
margin: 7px 0 0 59px;
border:none;
}
#searchbar dd#extendedsearch a:hover {
background: url(img/extendedsearch_h.jpg) no-repeat;
}
a#srchbtn {
display:block;
float:left;
padding: 7px 11px 14px 4px;
margin: 3px 0 0 0;
background: url(img/srchbtn_off.gif) no-repeat;
color: #ccc;
border: none;
}
a#srchbtn:hover {
background: url(img/srchbtn_hover.gif) no-repeat;
color: #fff;
}
/* ****************** Footer ****************** */
#footer {
display: block;
width: 940px;
height: 72px;
margin: 0 auto 0 auto;
background: url(img/footer_back.gif) repeat-x;
}
#footer dd {
display: block;
float:left;
padding: 0;
margin: 0;
}
dd#ftrleeftbar {
width: 219px;
height: 72px;
background: url(img/footer_leftbar.gif) repeat-x;
}
dd#ftredge {
width: 26px;
height: 72px;
background: url(img/footer_edge.gif) no-repeat;
}
dd#copyright {
width:675px;
font-size:.9em;
color: #788490;
padding: 6px 0 0 0;
text-align: center;
}
dd#copyright a {
text-decoration:none;
color:#78b;
border:none;
background:transparent;
padding: 0;
}
dd#copyright a:hover {
text-decoration:none;
color:#457;
}
dd#ftrright {
width: 20px;
height: 72px;
background: url(img/footer_right.gif) repeat-x;
}
/* ****************** Classes ****************** */

.divider {
width: 2px;
height: 40px;
padding: 0;
margin: 0;
float: left;
}
.lefted {
display: block;
float: left;
margin: 16px 16px 8px 8px;
}
.righted {
float: right;
width: 260px;
margin: 16px 6px 8px 20px;
clear: right;
text-align: center;
}
.righted img {
border: 1px solid;
border-color: #789 #fff #fff #789;
}
.righted p {
font-size: .9em;
font-style: italic;
color: #345;
}
.centred {
display: block;
margin: 12px auto 8px auto;
}
a.edit {
display: block;
width: 12px;
height: 12px;
float: left;
margin: 3px 0 0 0;
padding: 1px 2px 1px 2px;
background: transparent;
border-bottom: 1px dashed #68809c;
}
.date {
margin: 0;
padding: 2px 0 2px 28px;
color: #485060;
background: #b8bcc0 url(img/date_back.gif) repeat-x;
border-bottom: 1px solid #a0a8ac;
}
.date strong {
font: 1em Tahoma, Arial, sans-serif;
font-weight: bold;
color: #345;
}
.date span {
display: block;
float: right;
padding: 0 10px 0 10px;
color: #fff;
}
.news, .personalinfo {
vertical-align: top;
margin: 0 0 3px 0;
padding: 0 16px 3px 20px;
color: #000;
background: #f0f4f8 url(img/news_back.gif) repeat-x;
border: 1px solid #d8e0e8;
border-top-color: #f0f4f8;
}
.personalinfo {
display: block;
min-height:340px;
}
* html .personalinfo {
display: block;
height:340px;
}
.person {
color: #fff;
padding: 0 0 0 12px;
}
.staff {
width:100%;
background-color: #fff;
color: #123;
border:1px solid;
border-color: #fff #bcd #bcd #bcd;
border-top:none;
}
table.staff thead tr th {
padding: 3px 5px 4px 5px;
background-color: #acb8c8;
color:#234;
text-align:center;
}
table.staff thead tr th.evencell {
background-color: #b8c8d8;
}
table.staff tbody tr td {
padding: 2px 0 3px 5px;
}
.odd {
background-color: #f0f4f8;
}
.odd .evencell {
background-color: #f8fcff;
}
.even {
background-color: #dfe8ef;
}
.even .evencell{
background-color: #e8eff8;
}
.innerfooter {
height: 4px;
padding:3px 0 5px 26px;
margin: -4px 0 0 0;
background: #606f7c url(img/newstitle_back.gif) repeat-x;
}