html { font-size: 100%; margin: 0; padding: 0; }
body { margin: 0; padding: 0; font: .6875em/1.3 Arial, sans-serif; color: #4f4d45; background: #EFEFEF url(/img/bg.png) repeat-y 50% 0; }
h1, h2, h3, h4, legend { font-weight: normal; font-family: Georgia, serif; color: #4f4d45; }
h1 { font-size: 2.91em; }
h1 span { font-size: 0.6875em; color: #4f4d45; margin-right: 5px;}
h2 { font-size: 2em; margin: 0 0 1em; }
h3 { font-size: 1.27em; margin: .83em 0; }
a { color: #4f4d45; border-bottom: 1px solid #4f4d45; text-decoration: none; }
a:focus, a:hover { background-color: #f0f0f0; border-bottom-style: dotted; }
a img { border: 0; }
A.noborder, A.noborder:HOVER { border-bottom: none; }
p, ul, ol { margin-top: .91em; margin-bottom: .91em; } /* 10px at default size */
fieldset { margin: 0; padding: 0; border: 0; }
input.text, select, textarea { font: 1.1em Helvetica,Arial,sans-serif; color: #4f4d45; border: 1px solid #bfbfbf; background: #fff; }
input.text, textarea.text { width: 200px; padding-left: 1px; color: #959595}
input.button { font: 1em Arial, sans-serif; }
select { width: 204px; }

#wrapper {width: 994px; margin: 0 auto; position: relative; }
.mast_logo { position: absolute; left: 27px; top: 20px; }
.mast_logo a { border: 0; }
.mast_logo img { display: block; }

#main_content {padding:30px;}

#mast { background: url(/img/border_dotted_gradient.png) no-repeat bottom; position: relative; }
#mast .nav { font: 1.365em Georgia, serif; white-space: nowrap; padding: 62px 27px 10px 27px; zoom: 1; }
#mast .nav:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#mast .nav ul { margin: 0; padding: 0; float: right; }
#mast .nav li { float: left; list-style: none; margin: 0 -19px -1px 0; position: relative; background: url(/img/nav.png) no-repeat 0 100%; }
#mast .nav li.first { background-image: none; }
#mast .nav li.credentials a {color: #00a560;}
#mast span.colour1 a:hover span, #mast #myTES a:hover span.colour1 {color: #ed1746; border-bottom-color: #ed1746;}

#mast .nav li.on { background-color: #fff; background-image: url(/img/nav_on.png); z-index: 2; }
#mast .nav a { display: block; padding: 3px 19px 11px 25px; text-decoration: none; border: 0; cursor: pointer; _zoom: 1; /* :hack: IE6 padding */ }
#mast .nav a span { display: block; border-bottom: 1px dotted #fff; padding-bottom:2px;}
#mast .nav a span span {display: inline;}
#mast .nav a:focus, #mast .nav a:hover { background-color: transparent;}
#mast .nav a:hover span, #mast .nav a:hover span span {border-bottom: 1px dotted #959595}
#mast .nav li.on a, #mast .nav li.last.on a { background: url(/img/nav_on_r.png) no-repeat 100% 100%; color: #000; }
#mast .nav li.last a { background: none; }
#mast .nav li.on ul { position: absolute; right: 19px; font: bold .63em Arial, sans-serif; padding-top: 9px; }
#mast .nav li.on li { float: none; display: inline; background-position: 0 0; margin-right: -22px; }
#mast .nav li.on li a { display: inline; background: none; color: #959595; #padding-bottom: 0; }
#mast .nav li.on li span { display: inline; zoom: 1; /* :hack: make the hover borders work in IE */ }
#mast .nav li.on li.on { background-image: url(/img/nav.png); z-index: auto; }
#mast .nav li.on li.first { background-image: none; }
#mast .nav li.on li.on a { color: #4f4d45; }