body {background: #54534a;} /* The brown background */

#mast h1 {background: url(./css_img/logo_home.gif) no-repeat top left;} /* Homepage logo */
#mast #pseudoH1 a:link, #mast #pseudoH1 a:visited {background: url(./css_img/logo.gif) no-repeat top left;} /* Inner pages logo link */
#mast #pseudoH1 a:hover, #mast #pseudoH1 a:active {background: url(./css_img/logo.gif) no-repeat bottom left;}

#wrapper #mast form .searchfield {border: 2px solid #8b8a84; background: #54534a; color: #fff;} /* Mast search field */

#wrapper #tabnav {background: #73b8b4;} /* Tab nab background */
#wrapper #tabnav ul li#current a { background: #fff; color: #73b8b4; } /* Tab nab active tab */

#contentwraphome, #contentwrap { background: #fff;} /* For the white content strip */

/* ######################################### STYLESHEET RESET ### */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

:focus { outline: 0;}
.clear { clear:both; }
span.clear { display:block;}
.hidden { position:absolute; margin-left:-200000px; left:-200000px; top:-200000px;}
#mobile_name { display:none; }
a:link { color: #009; text-decoration:none; font-weight:normal;}
a:visited { text-decoration:none; font-weight:normal;}
a:hover { text-decoration:underline; font-weight:normal;}
a:active { text-decoration:underline; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size: 1.3em; font-weight:bold; margin:0; padding:0; color: #54534a;}
img {vertical-align:middle;}
em { font-style: italic; }
strong { font-weight: bold; }

/* For external link icon */
.byEditor a[href^="http://"], .service_box a[href^="http://"] {background: url(css_img/ext_c.gif) no-repeat 100% 10%; padding-right: 12px; }

/* ######################################## STRUCTURAL LAYOUT ### */
body { font-size: 78%; font-family: Helvetica, Arial, Verdana, sans-serif; color: #333; padding:0; margin:0; line-height: 1.6; background: #54534a;}
body > html {font-size: 12px;}

#content h1 { font-size: 2em; margin: 0 0 .3em 0; }
#content h2 { font-size: 1.5em; margin: 0 0 .6em 0; }
#content h2 a, #content h3 a { font-weight: bold; }
#content p { margin: 0 0 .6em 0;}

.first { font-size: 1.2em; }
.contentimage { float: right; padding: 2px; border: 2px solid #ddeeed; margin: 2px 0 20px 20px; width: 180px; }
.thumbimage { float: right; padding: 2px; border: 2px solid #ddeeed; margin: 2px 0 20px 20px; width: 90px;}
.note { color: #73b8b4; font-style: italic;}
.date { color: #54534a;}
p.small { font-size: .9em; margin:0; }

a:link { color: #307e7a; text-decoration: underline; }
a:visited { color: #73b8b4; text-decoration: underline; }
a:hover, a:active { color: #54534a; text-decoration: none; }

/* ######################################## By editor */
#wrapper .byEditor { margin: 0 0 20px 0; }
#wrapper .byEditor h3 { font-size: 1.4em; margin: .8em 0; }

#wrapper .byEditor blockquote { font-size: 1.5em; line-height: 1.2; margin: 0 0 20px 12px; font-family: Times New Roman, Times, serif; color: #54534a; padding: 0 0 0 16px; border-left: 3px solid #ddeeed; }
#wrapper .byEditor blockquote cite { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: .7em; color: #54534a; }
#wrapper .byEditor abbr { cursor: help; border-bottom: 1px dotted #54534a; }

.byEditor table { clear: both; border-spacing: 0; border: 1px solid #73b8b4; margin:12px 0 22px 0; width:100%; border-collapse: inherit;}
.byEditor table caption { vertical-align:bottom; font-size: 1.3em; color: #54534a; margin:0; padding:0; }
.byEditor th { border-bottom: 1px solid #73b8b4; border-right: 1px solid #73b8b4; background: #ddeeed; font-weight: bold; padding: 6px; }
.byEditor table td {padding:5px 8px; border-bottom: 1px solid #73b8b4; border-right: 1px solid #73b8b4; }

#wrapper .byEditor img { padding: 2px; border: 2px solid #ddeeed; margin:6px 14px 14px 14px; }
hr {border:0;width:100%;color:#ddeeed;background-color:#ddeeed;height:2px; margin:22px 0;}

#wrapper .byEditor ul, #wrapper .byEditor ol { margin: 12px 0 20px 40px; font-size: 1.1em; }
#wrapper .byEditor ul li { list-style-type: disc }

/* --------------------------- */

#wrapper { padding: 0; margin: 0 auto; width: 100%;}
#wrapper #mast {padding:0; margin:0 auto; max-width:70em; min-width:50.25em; position: relative;}
#wrapper #mast form { position: absolute; top:12px; right:40px; color: #b9dbd9; font-size: .9em; }
#wrapper #mast form p { padding:0; margin:0 0 6px 0; }
#wrapper #mast form .searchfield { float: left; border: 2px solid #8b8a84; background: #54534a; color: #fff; padding: 1px 4px; margin:0 8px 0 0; }
#wrapper #mast form .searchfield:focus { background: #eee; color: #54534a; border: 2px solid #fff;}

#mast h1 {
	display: block;
	width: 309px;
	height: 178px;
	position: absolute;
	top: 15px;
	left: 50px;
}
#mast h1 {background: url(css_img/logo_home.gif) no-repeat top left;}

#mast #pseudoH1 a {
	display: block;
	width: 220px;
	height: 127px;
	position: absolute;
	top: 15px;
	left: 50px;
}

#mast h1 span, #mast #pseudoH1 span, #mast form label, #wrapper #signposts ul li a em {position: absolute; margin-left: -1999px;}
#mast #pseudoH1 a:link, #mast #pseudoH1 a:visited {background: url(css_img/logo.gif) no-repeat top left;}
#mast #pseudoH1 a:hover, #mast #pseudoH1 a:active {background: url(css_img/logo.gif) no-repeat bottom left;}

#mast a:link, #mast a:visited, #footer a:link, #footer a:visited {color: #b9dbd9; text-decoration: underline;}
#mast a:hover, #mast a:active, #footer a:hover, #footer a:active {color: #fff; text-decoration: none;}

#contentwrap { width: 100%; background: #fff; padding: 12px 0 10px 0; clear: both; }
#contentwraphome { width: 100%; background: #fff; padding: 25px 0;clear: both;}
#contentwrap #content, #contentwraphome #content {margin:0 auto; max-width:70em; min-width:50.25em;}

#footer { clear: both; margin:0 auto; max-width:70em; min-width:50.25em; position: relative; color: #acada7; padding: 0 0 15px 0;}
#footer p {font-size: .9em; line-height: 2.2; margin-left: 194px;}
#footer p#copyright { position: absolute; left:0; top: 1em; margin-left: 0; color: #b9dbd9;}

#footer p span { background: url(css_img/ext_f.gif) no-repeat top right; padding-right: 14px; }

#contentwrap #content #column_nav { float: left; width: 170px; padding-top: 78px; text-align: right; }
#contentwrap #content #page {float: right; width: 78.4%; }

/* Tab navigation */
#wrapper #tabnav {width: 100%; margin-top: 140px; background: #73b8b4; clear: both; float: left;}
#wrapper #tabnav ul { display: block; list-style-type: none; margin:0 auto; padding:0; max-width:70em; min-width:50.25em; }
#wrapper #tabnav ul li { display: inline; margin:0; padding:0; float: left;}

#wrapper #tabnav ul li a { padding: 3px 16px 1px 16px; color: #fff; display: block; text-decoration: none;}
#wrapper #tabnav ul li a:hover { text-decoration: underline; }
#wrapper #tabnav ul li#current a { background: #fff; color: #73b8b4; }
#wrapper #tabnav ul li#current a:hover { text-decoration: none; cursor: default; }
#wrapper #tabnav ul li.leftab { margin-left: 170px; }

/* Left navigation */
#column_nav ul { list-style-type: none; margin:0; padding:0;  }
#column_nav ul li {  margin: 2px 0;}

#column_nav ul li.toplevel {border-top: 2px solid #73b8b5;  border-bottom: 1px solid #73b8b5; }
#column_nav ul li.activated a { background: url(css_img/squr.gif) no-repeat center left; }

#column_nav ul a { display: block; padding: 3px 0 1px 0; text-decoration: none; font-weight: bold; } 
#column_nav ul li.toplevel a:hover, #column_nav ul li.toplevel a:active { background-color: #deeeed; }

#column_nav ul li ul { margin: 4px 0; border: none; }
#column_nav ul li ul li { border: none; }

#column_nav ul li ul li a:link { color: #333; font-weight: normal;}
#column_nav ul li ul li a:visited { color: #666; font-weight: normal;}

#column_nav ul li ul li a:hover, #column_nav ul li ul li a:active { color: #333; font-weight: normal; text-decoration: underline;}

/* Nav widget */
#column_nav ul.colwidget { border-bottom: 1px solid #73b8b5; border-top: 1px solid #73b8b5; }
#column_nav ul.colwidget li { margin:  0; }
#column_nav ul.colwidget li a { display: block; text-decoration: none; padding: 2px 0 1px 0; color: #333; font-weight: normal;  }
#column_nav ul.colwidget li a:hover, #column_nav ul.colwidget li a:active { text-decoration: underline;}

/* Just for homepage */
#signposts  {width: 100%; margin-top: 190px; background: #73b8b4; height: 210px;text-align: center;}
#wrapper #signposts ul {list-style-type: none; margin:0 auto; max-width:70em; min-width:50.25em; position: relative;}
#wrapper #signposts ul li {display: inline; }
#wrapper #signposts ul li a {display: block; height: 186px; width: 131px; margin: 16px 20px;}

#wrapper #signposts ul li.iappeal a {position: absolute; top:0; right: 52%; }
#wrapper #signposts ul li.abouttpt a {position: absolute; top:0; left: 52%;}

#signposts ul li.iappeal a:link, #signposts ul li.iappeal a:visited { background: url(css_img/sign1.gif) no-repeat top center; }
#signposts ul li.iappeal a:hover, #signposts ul li.iappeal a:active { background: url(css_img/sign1.gif) no-repeat bottom center; }

#signposts ul li.abouttpt a:link, #signposts ul li.abouttpt a:visited { background: url(css_img/sign2.gif) no-repeat top center; }
#signposts ul li.abouttpt a:hover, #signposts ul li.abouttpt a:active { background: url(css_img/sign2.gif) no-repeat bottom center; }

/* Breadcrumb */
ul#breadcrumb { margin:0 0 8px 0; padding:0; list-style-type: none; color: #54534a; }
ul#breadcrumb li { display: inline; font-size: .9em;  }
ul#breadcrumb li span { color: #54534a; font-weight: bold; }
ul#breadcrumb li a { font-weight: bold; color: #54534a;}
ul#breadcrumb a:visited { color: #54534a; }

/* Second content or right hand column */
#page_main { width: 65%; float: left; }
#page_secondary { background: #ddeeed; float: right; width: 30%; padding: 8px 12px; margin-top: 3px; }

#page_secondary h2 { color: #307e7a; margin:0; }
#page_secondary h3 { color: #307e7a; margin:6px 0;  }
#page_secondary ul { list-style-type: none; margin:0 0 0 6px; }

/* Site map */
dl.sitemap { margin-left: 32px; }
dl.sitemap dt { font-size: 1.3em; font-weight:bold; margin:12px 0 6px 0; color: #54534a;}
dl.sitemap dd {  margin:3px 0 3px 22px; padding:0 0 0 10px; background: url(css_img/smallsqr.gif) no-repeat 0px 7px; }

/* Contacts */
.addressBox, .ContactBox { background: #ddeeed; width: 46%; margin: 12px 0 22px 0; font-size: 1.2em; padding: 8px 12px 0 12px; color: #307e7a;}
.ContactBox {float: right;}
.addressBox {float: left;}

.clearBox { float: left; width: 25%; margin: 12px 10px 22px 0; font-size: 1.2em; padding: 8px 12px 0 12px; }
#wrapper .clearBox h2 { font-size: 1.3em; margin: 0; padding:0; }
#wrapper .clearBox h3 { font-size: 1.2em; font-weight: normal; margin: 0 0 5px 0; padding:0;}

#content ul.list { list-style-type: none; font-size: 1.1em; margin: 20px 0; padding:0; }
#content ul.list li {margin:3px 0 3px 12px; padding:0 0 0 10px; background: url(css_img/smallsqr.gif) no-repeat 0px 7px;}

/* ICONS */
.addrss { background: url(css_img/ico_address.gif) no-repeat 0 1px; padding-left: 26px;}
.phone { background: url(css_img/ico_phone.gif) no-repeat 0 1px; padding-left: 26px;}
.email { background: url(css_img/ico_email.gif) no-repeat 0 1px; padding-left: 26px;}
.print { background: url(css_img/ico_print.gif) no-repeat 0 1px; padding-left: 26px;}
.compass { background: url(css_img/ico_compass.gif) no-repeat 0 1px; padding-left: 26px;}

/* Documents and news */
#content .cate_info { border-bottom: 2px solid #ddeeed; clear: both; margin: 0 0 12px 0; padding: 10px 0 12px 0; overflow: auto; }
#content .cate_info h2 {padding:0; margin:0;}
#content .cate_info h2 a {color: #54534a;}

#content ul.info_left {margin:0; padding:0 1% 0 0; float:left; width: 46%;}
#content ul.info_right {margin:0; padding:0; float:left; width: 46%;}

#content p.page_down {margin: 12px 0 20px 0;}
#content p.page_down a {background: url(css_img/ico_down.gif) no-repeat center left; padding-left: 26px; font-size: 1.1em; display: block;}

#content .clearbox { clear: both; margin: 0 0 12px 0; padding: 0 0 12px 0; overflow: auto; }

#content h3#pagenavbox {font-weight: normal;}
#content .clearbox ol { list-style-type: none; margin: 8px 0 0 12px; }

#content .clearbox ol li.yah { background: url(css_img/yah.gif) no-repeat center right; padding-right: 20px; display: inline; font-size: 1.1em; font-weight: bold; }
#content .clearbox ol li.yah a { font-weight: bold; color: #54534a; }
#content .clearbox ol li span {position: absolute; margin-left: -1999px; }

#content .newsbox { border-top: 2px solid #ddeeed; clear: both; margin: 0; padding: 12px 0; }
#content .newsbox h3 { margin:0 0 6px 0; }
#content .newsbox p { font-size: 1.2em; }
#content .newsbox p.date { font-size: 1em; }

#content .archive { background: #ddeeed; padding: 10px 12px; overflow: auto; color: #54534a; }
#content .archive p { font-size: 1.2em; }
#content .archive p span {background: url(css_img/xml_b.gif) no-repeat center right; padding: 8px 25px 8px 0;}

#content .archive ul { list-style-type: none; font-size: 1.2em; }
#content .archive ul li {margin:5px 0; padding:0 0 0 14px; background: url(css_img/squr.gif) no-repeat 0px 7px;}

#content form.archiveform { margin:12px 0 22px 0; padding:0;}
#content form.archiveform label { position:absolute; margin-left:-200000px; }
#content form.archiveform select { font-size: 1.2em; margin:0 5px 0 0; text-align: right; }

/* Related items */
#relatedwrap { width: 100%; background: #73b8b4; padding: 14px 0; clear: both; overflow: auto; }
#relatedwrap ul#related {padding:0; margin:0 auto; max-width:70em; min-width:50.25em; }
#relatedwrap ul#related li { display: block; padding:0; margin: 0 0 0 194px; }

#relatedwrap ul#related li a:link, ul#related li a:visited, ul#related li a:hover, ul#related li a:active
	{ font-weight: bold; border-bottom: 1px solid #fff; display: block; text-decoration: none; margin: 5px 0; padding: 3px 0 3px 26px;}

ul#related li a:link,  ul#related li a:visited { color: #fff; }
ul#related li a:hover, ul#related li a:active { color: #54534a;}

#relatedwrap ul#related li.relform { background: url(css_img/ico_forms.gif) no-repeat center left; }
#relatedwrap ul#related li.reldown { background: url(css_img/icon_download.gif) no-repeat center left; }
#relatedwrap ul#related li.relfaq { background: url(css_img/icon_feedback.gif) no-repeat center left; }
#relatedwrap ul#related li.reldocs { background: url(css_img/icon_page.gif) no-repeat center left; }
#relatedwrap ul#related li.relnews { background: url(css_img/icon_news.gif) no-repeat center left; }

#content ul#emailprint { margin: 22px 0 10px 2px; list-style-type: none; position: relative; height: 50px; }
#content ul#emailprint li a span { position: absolute; margin-left: -1999px;}

#content li.bigprint a { display: block; position: absolute; top:0; left:0; width: 43px; height: 43px; background: url(css_img/bprint.gif) no-repeat top left; }
#content li.bigmail a { display: block; position: absolute; top:0; left: 44px; width: 43px; height: 43px; margin-left: 12px; background: url(css_img/bemail.gif) no-repeat top left; }

/*  Supplements */
/* Bottom navigation */
#content .supp_nav { background: #54534a; padding:10px 8px 10px 8px; overflow: auto; }
#content .supp_nav ul { list-style-type: none; font-size: 1.1em; margin:0; padding:0;}
#content .supp_nav li {margin:3px 0 3px 12px; padding:0 0 0 10px; background: url(css_img/smallsqr.gif) no-repeat 0px 7px;}
#content .supp_nav li a { color: #fff; }

/* Further info */
#content .supp_furtherinfo { padding:12px 0; }
#content .supp_furtherinfo h2 { margin:0;}
#column_nav .supp_furtherinfo { font-size: .9em; }

/* Contact */
#content .supp_contact { background: #ddeeed; margin: 12px 0; padding: 8px 12px; color: #307e7a; }
#column_nav .supp_contact { font-size: .9em; text-align: left; overflow: hidden; }

/* Downloads */
#content .download_box { border-bottom: 2px solid #ddeeed; clear: both; margin: 0 0 12px 0; padding: 10px 0 12px 0; }
#content ul.download { margin-left: 20px; list-style-type: none; }
#content ul.download li {margin:3px 0 3px 12px; padding:0 0 0 10px; background: url(css_img/smallsqr.gif) no-repeat 0px 7px;}

#content ol.frequent { font-size: 1.1em; margin: 12px 0 20px 20px; padding:0; }
#content ol.frequent li img { width: 14px; }

/* Search results and links */
.search_result {clear: both; margin: 0 0 0 22px; padding: 10px 0; font-size: 1.1em; }
#content.search_result h3 { margin:0; }
#content h2.aboveline {margin: 22px 0 0 0;}

#content .basic_form p.searchAdv label { margin:0 0 8px 12px; }

/* FAQs */
.faq { font-size: 1.2em; }

/* User settings layout */
.basic_form fieldset.settingslayout p span label { padding: 5px 0; margin: 0 0 6px 0; border: 2px solid #fff; }
#content #preview_box { padding: 12px; }

/* Table */
#content table { clear: both; border-spacing: 0; border: 1px solid #73b8b4; margin:12px 0 22px 0; width:100%; border-collapse: inherit;}
#content table caption { vertical-align:bottom; font-size: 1.3em; color: #54534a; margin:0; padding:0; }
#content th { border-bottom: 1px solid #73b8b4; border-right: 1px solid #73b8b4; background: #ddeeed; font-weight: bold; padding: 6px; }
#content table td {padding:5px 8px; border-bottom: 1px solid #73b8b4; border-right: 1px solid #73b8b4; }

/* ######################## Forms */

/* Basic form */
#content .basic_form { margin: 22px 0; padding:0; clear:both; }
#content fieldset {padding:0; border: none; margin:0 0 12px 0;}
#content legend {font-size: 1.3em; font-weight:bold; color: #307e7a;}

#content .basic_form label {
	font-weight: bold;
	font-size: 1.2em;
	color: #307e7a;
	margin: 0 0 0 15px;
	width:25%;
	display:block; 
	float:left;
}

#content .basic_form label em, #content .basic_form p.protection em { font-style: normal; font-weight: normal; font-size: .9em; }

#content .basic_form p {
	clear:both;
	margin: 0 0 2px 0;
	padding: 12px 0 20px 0;
	background: #ddeeed;
}

#content input.field, #content textarea {
	margin-left: 30px;
	width: 55%;
	border: 2px solid #8b8a84;
	padding: 3px 4px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.2em;
}

#content select {
	margin-left: 30px;
	width: auto;
	border: 2px solid #8b8a84;
	padding: 1px 0 1px 2px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:1.1em;
}

#content .basic_form label.dob {width: 17%;}
#content .basic_form label.dob input {	width: auto;border: 2px solid #8b8a84; padding: 3px 4px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 1em;}

#content .basic_form p.protection {padding: 12px 0 20px 12px; float:left;display:block; width:98.4%; font-weight: bold; font-size: 1.2em;color: #307e7a;
}
#content .basic_form p.protection label { float: left; display: inline; font-weight: normal; padding:0; color: #333; margin:12px 0 0 0; font-size: 1em; }

#content form .field:focus { border: 2px solid #307e7a;}
#content input.disabled { background: #ddd;}
#content .basic_form p.center {text-align:center; background: #73b8b4; padding: 22px 0 26px 0;}

/* Buttons */
#content input.button { outline: 3px solid #fff; border: 1px outset #307e7a; background:#73b8b4; color: #fff; margin:0 3px; padding: 2px 3px; font-weight: bold;}
#content input.button:hover { outline: 3px solid #ddeeed; cursor: pointer;}
#content input.button:focus { font-weight: bold; border: 1px inset #307e7a; background: #73b8b4;}

/* Warning messages */
#content h2.warning { color: #f00;}
#content form label strong, #content .basic_form p.protection strong { color: #f00;}

#wrapper #content form.basic_form .hotInput { border: 2px solid #f00; }

/* XForms */
#content #progressbar {height:10px; padding: 1px; border: 1px solid #ccc; width: 500px; background: #fff;}
#content #progressbar img {height: 10px;}

#content .xform label { font-weight: bold; font-size: 1em; color: #333; margin: 0 ; vertical-align: text-bottom; width:auto; display:inline; float:none; }
#content .xform input, .xform select, .xform textarea {margin:5px 0 5px 75px; width: 350px; border: 2px solid #999; font-family: verdana, helvetica, arial, san-serif; font-size:1em;}
#content .xform input.checkbox { width: auto;}
#content .xform input.button { margin: 0; width:auto; border: 2px outset #000; }
#content .xform span.help { display:block;}
#content .xform .display_box { background: #f3f3f3; padding: 10px 15px; border: 1px solid #ddd; margin: 10px 0}
#content .xform .display_box p { border:none; padding:0; }