/* html,body {padding: 0; height: 100%; min-height: 100%;} */
/* html {margin: 0; font-size: 100%; width: 100%; color: #000; background: #686;} url("../img/background-cross-hatch-green.png") repeat; */
/* body {margin: auto; font-size: 100%; padding-left: 12em; width: 45em; color: inherit; background-color: #fff; font-family: Arial,Helvetica,sans-serif; border-top: none; border-left: 0.1em solid #666; border-right: 0.1em solid #444; border-bottom: none;} */
/* html > body {height: auto;} */

html {margin: 0; padding: 0; border: none; font-size: 100%; height: 100%; min-height: 100%; color: #000;background-color: #f0f0f0;}
/* background-color: #576682; background-image: url("../images/aa.png"); */
body {margin: 0 auto; padding: 0 3em 0 14em; border: none; border-left: 0.067em solid #ddd; border-right: 0.067em solid #ddd; font-size: 1em; width: 43em; height: 100%; min-height: 100%; background-color: #fff;	background-image: url("../images/bb.png"); background-position: 2px 0; background-repeat: no-repeat; color: #000; }
html > body {height: auto;}



div.head {display: block; font-size: 1em; margin: 0 0 0 -11em; padding: 0; border: none; width: 100%;}
div.head img {display: block; font-size: 1em; margin: 0; padding: 1em; border: none; vertical-align: top;}

div#head p {position: absolute;right: 17em; top: 1em; width: 5.5em; text-align: right;}
div#head p.system {color: #3c6; background-color: transparent;}
div#head p.system#ulogin {display: block}
div#head p.system#ulogout {display: none;}

div.leftColumn {float: left; display: inline; position: relative; font-size: 1em !important; margin: 0; margin-left: -11em; width : 10em;}
div.leftColumn img#logo {display: block; margin: 0; padding: 1.5em 0 1.5em 0; border: none;}

div.leftColumn ul#menu { display: block; background-color: #ccc; margin: 0 !important; padding: 1px 0 0 0 !important; border: none !important; list-style-type: none; list-style-position: outside;}

div.leftColumn ul#menu li {display: inline-block; margin:0; padding: 0; border: none; font: normal 13px "Trebuchet MS",Arial,sans-serif;}

div.leftColumn ul#menu li a,
div.leftColumn ul#menu li span {display: inline-block; margin: 0 0 1px 0; padding: 0 8px 0 10px; width: 142px; line-height: 28px; height: 28px; min-height: 28px;}

div.leftColumn ul#menu li ul {display: none; margin: 0; padding: 0; border: 0; list-style-type: none; list-style-position: outside;}
div.leftColumn ul#menu li.show ul {position: absolute; display: inline; left: 161px; margin: 0; padding: 0; border: 0; list-style-type: none; list-style-position: outside;}
div.leftColumn ul#menu li.selected ul {display: inline-block;}

div.leftColumn ul#menu li span {color: #f30; background-color: #fed;}
div.leftColumn ul#menu li.selected span {color: #f30; background-color: #fed;}

div.leftColumn ul#menu li a {color: #280; background-color: #eeffd9;}
div.leftColumn ul#menu li.show a {color: #280; background-color: #eeffd9;}
div.leftColumn ul#menu li.selected a {color: #280; background-color: #fff;}

div.leftColumn ul#menu li a:hover {color: #280; background-color: #dfffb6; text-decoration: none;}
div.leftColumn ul#menu li.show a:hover {color: #280; background-color: #dfffb6;}
div.leftColumn ul#menu li.selected a:hover {color: #280; background-color: #dfffb6;}















h1,h2,h3 {font-weight: normal; font-family: Arial,Georgia,Utopia,Palatino,serif; color: #109020; background-color: transparent;}
h1 {font-size: 1.563em; margin: 0; padding: 0.44em 1.28em 0.08em 1.28em;}
h2 {font-size: 1.313em; margin: 0; padding: 0.524em 1.524em 0 1.524em;}
h3 {font-size: 1.063em; margin: 0; padding: 0.765em 1.882em 0.353em 1.882em;}

img {display: inline; margin: 0; padding: 0; border: none;}
img.special {margin-top: 0 !important; margin-bottom: 0.4em !important;}

a:link,a:visited {text-decoration: none;}
a:hover,a:focus,a:active {text-decoration: underline;}

small {font-size: 0.9em;}
abbr {color: #060;}
acronym {color: #600;}
strong {font-weight: bold;}
em {font-style: italic; color: #f04030;}


address {font-size: 0.75em; line-height: 1.333em; margin: 0; padding: 0.666em 2.666em; clear: both;}
address img {display: block; height: 4em; width: 9.5em;}

p {font-size: 0.875em; line-height: 1.286em; margin: 0; padding: 0.643em 2.286em;}
p label {position: absolute;}
p input,
p textarea,
p select,
p span.db {margin-left: 6.587em;}
blockquote {margin: 0; border: 0; padding: 0; quotes: none; color: #369; background-color: #f0f3ff;}
blockquote p {text-indent: -0.357em; background-color: #f0f3ff !important; font-style: italic;}
.breakout {text-align: center; font-size: 1.143em; font-style: italic; color: #b0a;}

ul,ol {list-style-position: outside; font-size: 0.875em; margin: 0; padding: 0.643em 2.286em;}
ul {list-style-type: circle;}
ol {list-style-type: decimal;}

li {font-size: 1em; line-height: 1.286em;}

ul.att {list-style-type: none;}

/* ul#menu {font-size: 0.938em; list-style-type: none; min-height: 1.8em; height: 1.8em; width: 100%; padding: 0.067em 0; margin: 0 0 1.8em 0; background-color: #f3f3f3; border: none; border-bottom: 1px solid #ccc;} */
/* ul#menu li {float: left; display: block; padding: 0px; font-size: 1em; line-height: 1.8em; margin-left: 0.066em;} */
/* ul#menu li a {display: block; padding: 0 0.733em; color: #000; background: transparent;} */
/* ul#menu li span {display: block; padding: 0 0.733em; cursor: default;} */
/* ul#menu li ul {z-index: 100; font-size: 1em; display: none; padding: 0; position: absolute; margin: 0; border-top: 0.066em solid #fff; color: inherit; background: #fff;} */
/* ul#menu li ul li {float: none; white-space: nowrap; margin-left: 0; border-bottom: 0.066em solid #fff;} */
/* ul#menu li ul li span {color: #fff; background: #0c6;} */
/* ul#menu li.self span {color: #fff; background: #390;} */
/* ul#menu li.self a {color: #036 !important; background: #9c6 !important;} */
/* ul#menu li.self ul {color: #fff; background: #fff;} */
/* ul#menu li.self ul li span {color: #fff; background: #390;} */
/* ul#menu li.show a { color: inherit; background: #fd5;} */
/* ul#menu li.show ul {display: block !important;} */


ul.vertical {font-size: 16px; width: 100%; list-style-type: none; list-style-position: outside; margin: 0 !important; padding: 16px !important;}
ul.vertical li {float: left; margin: 0; padding: 0; border: 0;}
ul.vertical li ul.horizontal {list-style-type: none; border-bottom: 1px solid #fff; margin: 0; padding: 16px !important;}
ul.vertical li ul.horizontal li {float: none; margin: 0; border-left: 1px solid #fff;}
ul.vertical li ul.horizontal li a {padding: 0px 12px; background: #bd9;}

/* Must fix ! Table then two class types then colour classes*/
table.numbers {border: double #ccc;}
table.numbers tr td {text-align: right;}
.tight {padding: 0; text-align: center; vertical-align: middle;}
.blue {color: #0a47a3; background: transparent;}
.orange {color: #e83; background: transparent;}
.o td {background: #f0f0f0 !important;}
.e td {background: #fafafa;}
.center {text-align: center !important;}
.bottom {vertical-align: bottom;}

table {font-size: 0.875em; background-color: #fff; border: none; margin: 0.643em 2.286em; padding: 0;} /* 14px */
table tr th {font-size: 1.143em; font-weight: normal; margin: 0; padding: 0.25em 0.75em; background-color: #6c3; color: inherit; border-top: 1px solid #fff; border-left: 1px solid #fff;}
table tr td {font-size: 1em; margin: 0; padding: 0.357em 0.714em; border: 0; background-color: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff;}


table.orange {border: none;}
table.orange ul.blue {font-size: 1em; margin: 0; padding: 0; width: 14em; list-style-type: none;}
table.orange ul.blue li {font-size: 1em; margin: 1.286em 0; padding-left: 1em; background: url("../img/sprite1.png") 0 0 no-repeat;}
table.orange ul.blue li ul {font-size: 1em; margin: 0 0 0 0.365em; padding: 0; list-style-type: none;}
table.orange ul.blue li ul li {font-size: 1em; margin: 0;}

table.case {padding: 0 0 0.75em 2em; margin: 0;}
table.case tr td {padding: 1px 16px; text-align: center !important; vertical-align: bottom;}
table.case tr.grop td {border-bottom: 1px solid #000;}


div.news {clear: left; margin: 8px 0px 0px 0px; padding: 5px 0px; min-height: 124px; height: 124px;}
div.news p img {float: left; vertical-align: top; margin: 0px 16px 10px 2px; padding: 2px; border: 1px solid #abd; background-color: #fff;}
.bg_blue {background-color: #e5f0ff;}

.fl {position: relative; float: left; z-index: 99; margin: 0;}
.fr {position: relative; float: right; z-index: 99; margin: 0;}
blockquote p.fl img{margin-left: 0.357em;}
div.fl {padding: 0 0 0 2em; background: #fff;}
div.fr {padding: 0 2em 0 0; background: #fff;}
.db {display: block;}
.dn {display:none;}
.cb {clear: both;}
.cl {clear: left;}
.cr {clear: right;}
.ir img{float: left; margin-right: 16px; vertical-align: top;}
.nb {border: none !important;}
.nf {background-color: transparent !important; text-align: center !important;}
.pdf {font-size: 0.85em; background: transparent url("../img/sprite1.png") 100% -658px no-repeat; color: #999; padding-right: 18px;}
.indent {margin-left: 40px;}
.source {text-align: right; font-style: italic;}
.photo {padding: 12px; border-top: none; border-right: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; border-bottom: 2px solid #f3f3f3; background: #fff url("../img/photo.png") bottom center no-repeat;}
.green{color: #069123; margin-left: 144px; font-size: 1.15em;}
.green span{margin-left: 206px;}
#revMenu {float: right; border: 1px solid #69f; padding: 10px 26px; margin: 12px 0px 12px 20px;}
div#calculator {float: right; padding: 2px 0px; margin: 3px 0px; border-left: 1px solid #69f; background-color: #def;}
div#calculator h2,
div#calculator p {margin-left: 8px;}
div#calculator p select,
div#calculator p input {margin-left: 114px;}
div#calculator p input#price {text-align: right; font-size: 2.3em; color: #0066cc; margin: 0px; border: none; background-color: transparent; outline: none;}

ul#pageMenu {float: right; list-style-type: none; margin-right: 0; padding: 0; margin-left: 1.6em; background-color: #eef;}
ul#pageMenu li {padding: 0; border-bottom: 1px solid #fff;}
ul#pageMenu li a,
ul#pageMenu li span {display: block; padding: 0.35em 1.5em 0.35em 1.2em;}
ul#pageMenu li a {background-image: url("../img/bgMenuBlue.png"); background-position: 5px 10px; background-repeat: no-repeat;}
ul#pageMenu li span {background-color: #fff9f5; background-image: url("../img/bgMenuOrange.png"); background-position: 5px 10px; background-repeat: no-repeat;}