/* 
Colours:
light beige: #cec3c3
dark brown bg: #574d47
red: best is 660000 otherwise 7d0c0b
 */

body{text-align:center; font-family: Georgia, "Times New Roman", serif; font-size:1em; color:#292928; background-color: #FFFFFF;}
textarea {font-family: "Times New Roman", serif; font-size:1em; color:#333333; }
input {font-family: "Times New Roman", serif; font-size:1em; color:#333333; }
select {font-family: "Times New Roman", serif; font-size:1em; color:#333333; }
h1{font-size: 1.5em; margin-top:20px; margin-bottom:25px; text-align:center}
#content h1, #contenthome h1{font-style: italic;}
#contentChn h1, #contenthomeChn h1 {font-style: normal;}
h2{font-size: 1.3em; margin-bottom:15px; font-style: italic;}
h3{font-size: 1.1em; margin-bottom:10px; font-style: italic;}
ol{list-style-type: decimal}
ul{list-style-type: disc}
li{margin-left:40px; margin-bottom:10px}
p,hr {margin-bottom:20px}
img {border:none}

#main {text-align:justify; background: url(../img/metalbgtile.jpg) repeat; margin-top:15px; padding:15px;}
#header {height:180px; background:#FFFFFF}
.logo {margin:0px 10px 10px 75px; float:left}
#languageLink {padding-top:5px; text-align:right; margin:0 20px 12px 0px; font-size:8pt;}
#languageLink a:link, #languageLink a:visited {color: #666666;}
#languageLink a:hover, #languageLink a:active {color: #cec3c3;}
#adminlanguageLink {float:right; text-align:right; width:400px; margin:10px 10px 10px; font-size:1em;}
#quicklinks {float:right; margin-right:20px; width:450px}
.photoBox {float:left; text-align:center; font-size:9pt}
.photoBox img {margin-bottom:6px}
.photoBox a:link, .photoBox a:visited {text-decoration:none; color: #666666}
.photoBox a:hover, .photoBox a:active {text-decoration:none; color: #cec3c3}
#content, #contentChn, #contenthome, #contenthomeChn {border: 3px solid #660000; margin-left:25px; margin-top:0px; width:660px; line-height: 1.6em; background:#FFFFFF; padding:20px 10px 20px 10px}
#contenthome, #contenthomeChn {background: url(../img/watermark.jpg) no-repeat; background-position: center center;}
#sideBar {margin-top:0px; margin-left:20px; width:200px; text-align:center}
/*#sideBar img {border: 3px solid #660000; padding:4px}*/
#footer {color: #574d47; font-size:8pt; text-align:center; margin-top:8px; padding-bottom:15px; }
#footer a {color: #574d47}

#contactForm {font-size:8.5pt; width:350px; border-right: 2px solid #574d47}
#contactDetails {float:right; font-size:8.5pt; width:290px; margin-left:10px; margin-right:0px;}

.quote {width:80%; margin-left:auto; margin-right:auto; padding:15px; border: 1px solid #000000; color: #666666; font-style:italic}

#menu, #menu ul {text-align: center; margin-bottom:0; padding-bottom:0;}
#menu li {list-style-type:none; float:left; margin:0;}
#menu li a {float: left; width: 150px; margin:0; padding: 13px 0 12px 0; display: inline; text-decoration:none; font-size:11pt; letter-spacing:0.05em; text-align: center;}
#menu a:link, #menu a:visited, #menu a.menuOn:hover {color: #ffffff}
#menu a:hover, #menu a:active, #menu a.menuOn:link, #menu a.menuOn:visited {color: #d4b552; }

#adminmenu {text-align: center; margin-bottom:0; padding-bottom:0;}
#adminmenu li {list-style-type:none; float:left; margin:0; padding:0;}
#adminmenu li a {float: left; padding: 9px 15px 6px 15px; display: inline; text-decoration:none; font-size:10pt;}
#adminmenu a:link, #adminmenu a:visited, #adminmenu a.menuOn:hover {color: #ffffff;}
#adminmenu a:hover, #adminmenu a:active, #adminmenu a.menuOn:link, #adminmenu a.menuOn:visited {color: #d4b552; }

table {width:98%; padding: 2px; margin-left: auto; margin-right: auto}
td {padding:1px; vertical-align: middle; text-align:left}
.rb {text-align: right; font-weight: bold}
.cb {text-align: center; font-weight: bold}
.b {font-weight: bold}
.r {text-align: right;}
.c {text-align: center;}
.spacer {}
.centerbottom {text-align:center; vertical-align:bottom;}

a:link, a:visited {color: #666666}
a:hover, a:active{color: #cec3c3}
a.editlink:link, a.editlink:visited {color: blue; text-decoration: none}
a.editlink:hover, a.editlink:active {color: purple; text-decoration: underline}

.ImgLeftOfText {float: left; margin: 6px 15px 10px 0; vertical-align:top}
.ImgRightOfTextClose {float: right; margin: 6px 150px 10px 15px; vertical-align:top}
.ImgRightOfText {float: right; margin: 6px 0 10px 15px; vertical-align:top}
.ImgTopLeftOfText {margin: 15px auto 15px 0; display: block}
.ImgTopRightOfText {text-align:right; margin:15px 0 15px auto}
.ImgTopCenterOfText {text-align:center; margin:15px auto 15px auto;}
.ImgBottomLeftOfText {margin: 15px auto 10px 0; display: block}
.ImgBottomRightOfText {text-align: right; margin: 15px 0 10px auto; display: block}
.ImgBottomCenterOfText {text-align:center; margin: 15px auto 10px auto;}