html,body {height:100%; width:100%; margin:0 0 1px;}
body {background: #3B3837 url(../images/bg-body-bg.gif) top repeat-x; font-family: verdana,arial,sans serif; font-size: 0.7em;}

div#wrapperheader {width: 100%; position: relative; min-width: 960px; min-height: 150px; height: auto; background-color: #00143F; background-image: url(../images/bg-body-top.gif); background-position: top; background-repeat: repeat-x;}
div#wrapperheader-home {width: 100%; position: relative; min-width: 960px; min-height: 210px; height: auto; background-color: #00143F; background-image: url(../images/bg-body-top.gif); background-position: top; background-repeat: repeat-x;}
div#wrappermid {clear: both; width: 100%; float: left; background: #FFF;}
div#wrappermid2 {clear: both; width: 100%; float: left; background: #00143F;}
div#wrappermid3 {clear: both; width: 100%; float: left; background: #00143F url(../images/bg-body-mid.gif) top repeat-x; position: relative; top: -60px;}
div#wrapperfooter {clear: both; width: 100%; float: left; background: #3B3837;}
div#wrapper {height: 100%; margin: 0 auto; width: 960px;}
div#container {float: left; width: 960px; margin: 0; display: inline;}
div#fwrapper {height: 100%; margin: 0 auto; width: 960px;}
div#fcontainer {float: left; width: 960px; margin: 0; display: inline;}
div#mwrapper {height: 100%; margin: 0 auto; width: 960px;}
div#mcontainer {float: left; width: 960px; margin: 0; display: inline; background: url(../images/bg-home-centre.gif) center repeat-y;}
div#mcontainer2 {float: left; width: 960px; margin: 0; display: inline;}
form.nomarg {padding: 0; margin: 0;}
img.cornerimg {position: absolute; right: 0; z-index: 100;}

/* Header */
div#header {position: relative; float: left; display: inline; width: 930px; padding: 15px; color: #FFF; border: 1px #405979 solid; border-width: 0 0 1px 0;}
div#header form {float: right; display: inline; margin: -7px 0 0 15px; padding: 0;}
div#header input.searchfield {font-size: 90%; border: 1px #63818E solid; background: #FFF; margin: 0 0 0 5px; color: #FFF;}
div#header input.image {position: relative; top: 4px;}
div#header img {float: left; display: block; margin: 0; clear: both;}
div#minimenu {width: 200px; text-align: right; float: right; display: inline;}
div#minimenu ul {color: #899DB2; padding: 10px 0 0 0; margin: 0;}
div#minimenu ul li {display: inline; padding: 0; margin: 0;}
div#minimenu ul a {color: #899DB2; text-decoration: none;}
div#flashcontainer {margin: 0 0 10px 0;}
div#mainnav {float: right; display: inline; clear: right; margin: 28px -10px -8px 0;}

/* Menus */
ul#nav {float: left; display: block; clear: both;  padding: 18px 0 9px 0; margin: 0; list-style: none; width: 100%; position: relative;}
ul#nav li {font-size: 110%; display: inline; padding: 0 10px; border: 1px #46668B solid; border-width: 0 1px 0 0;}
ul#nav li.end {border: none !important;}
ul#nav li a {color: #FFF; text-decoration: none;}
ul#nav li a.selected {color: #F8A521;}
div.breadwrapper {float: left; display: block; width: 930px; padding: 8px 15px 10px 15px;}
div.breadcrumb {width: 800px; float: left; display: inline; clear: both; color: #FFF;}
div.breadcrumb p {padding: 0; margin: 0;}
div.breadcrumb a {color: #FFF;}

ul#menu {background: none; width: 220px; margin: 0; padding: 0; color: #FFF;}
ul#menu ul {list-style: none; margin: 0; padding: 0; border: 0;}
ul#menu ul.hiddenul {display: none;}
ul#menu li {margin: 0; display: block;}
ul#menu li a.selected {background-color: #F7921E !important; font-weight: bold; color: #FFF; }
ul#menu li a.even {background-color: #C0C0C0; color: #FFF; }
ul#menu li a.top {background-image: url(../images/menu-corner-tr.png); background-position: top right; background-repeat: no-repeat;}
ul#menu li a.bottom {background-image: url(../images/menu-corners.png); background-position: bottom; background-repeat: no-repeat; border: none;}
ul#menu li ul li div.selected {background-color: #D7CBD8; font-weight: bold; }
ul#menu li ul li a:hover {background-color: #D6D6D6; text-decoration: none;}
ul#menu li a {color: #FFF; padding: 4px 7px 6px 7px; background: #C0C0C0; text-decoration: none; margin: 0; display: block; border: 1px solid #FFF; border-width: 0 0 1px 0;}
ul#menu li a.toplevel {}
ul#menu li a:hover {background-color: #B0B0B0; text-decoration: none;}
ul#menu li ul {background-color: #743E78;}
ul#menu li ul li {background-color: #C9BACB}
ul#menu li ul a {color: #656565; background: #E6E6E6; padding-left: 20px; text-decoration: none; border: 1px solid #FFF; border-width: 0 0 1px 0;}
ul#menu li ul a:hover {color: #555; background: #E6E6E6;}
ul#menu li ul a.selected {color: #FFF; background: #C9BACB;}
ul#menu li ul li ul li {margin: 0 0 0 15px;}
ul#menu li ul li ul li.selected {background: #D6F2FC; font-weight: bold;}
ul#menu li ul li ul a {text-decoration: none;}

div.columns-left {float: left; display: inline; width: 630px;}
div.column-a {float: left; display: inline; width: 680px; margin: 0 15px 20px 15px;}
div.column-b {float: left; display: inline; width: 220px; margin: 0 15px 20px 15px;}

div.column-1 {float: left; display: inline; width: 220px; margin: 0 15px 20px 15px;}
div.column-2 {float: left; display: inline; width: 680px; margin: 0 15px 20px 15px;}

div.column-right {float: left; display: inline; width: 745px; margin: 0 15px 0 0;}
div.fullwidth {float: left; display: inline; width: 930px; margin: 0 15px 10px 15px;}

div.column-half {float: left; display: inline; width: 450px; margin: 0 15px 0 0;}

div.pagetitle {padding: 5px 15px 15px 0; margin: 15px 0 15px 15px; border: 1px #D1D1D1 solid; border-width: 0 0 1px 0;}
div.pagetitle h1 {font-size: 190%; font-weight: normal; margin: 0; padding: 0;}
div.pagetitle-menu {padding: 5px 15px 15px 251px; margin: 15px 0 15px 15px; border: 1px #D1D1D1 solid; border-width: 0 0 1px 0;}
div.pagetitle-menu h1 {font-size: 190%; font-weight: normal; margin: 0; padding: 0;}
/*div#mcontainer2 h1.sIFR-replaced {font-size: 10% !important;}*/
div.content {float: left; display: inline; width: 100%; color: #111; margin: 0;}
div.content h1 {font-size: 190%; font-weight: bold; padding: 0; margin: 0 0 5px 0; color: #646464;}
div.content h2 {font-size: 160%; font-weight: normal; padding: 0; margin: 0 0 5px 0; color: #646464;}
div.content h3 {font-size: 130%; font-weight: normal; padding: 0; margin: 0 0 5px 0; color: #646464;}
div.content h4 {font-size: 100%; font-weight: normal; padding: 0; margin: 0 0 5px 0; color: #646464;}
div.content p {margin: 0 0 6px 0;}
div.content p.date {color: #898480;}
div.content ul {list-style-position: outside; padding: 0; margin: 0 0 10px 15px;}
div.content ul li {padding: 0; margin: 5px 0 0 0;}
div.content a {color: #2C3439; text-decoration: none;}
div.content hr {clear: both; border: 2px #B6B6B6 solid; border-width: 2px 0 0 0; width: 100%; margin: 12px 0;}

div.hometext {float: left; display: inline; width: 450px; padding: 15px; color: #FFF;}
div.hometext p {margin: 0 0 4px 0; font-size: 110%;}
div.hometext h1 {margin: 0 0 6px 0; padding: 0; font-size: 200%; font-weight: normal;}

div.latestnews {float: left; display: inline; width: 100%; background: #FFF; margin: 0 0 -6.1em 0; padding: 0 0 6.1em 0;}
div.latestnews p {font-size: 130%; padding: 0; margin: 15px;}
div.homenews {float: left; display: inline; width: 278px; padding: 15px; margin: 0 0 0 12px; background: url(../images/bg-text-box.gif) top right no-repeat; color: #111;}
div.homenews a.arrowlink {float: right; display: inline; width: 42px; height: 42px; margin: -15px -15px 0 0;}
div.homenews div.homenews-title {margin: 0 20px 0 -17px; border: 5px #FFF solid; border-width: 0 0 0 5px;}
div.homenews h1 {font-size: 170%; font-weight: normal; color: #111; margin: 0; padding: 0;}
div.homenews h1 a {text-decoration: none;}
div.homenews div.space {width: 5px; height: 15px; margin: 0 0 0 -15px; background: #FFF; display: block;}
div.homenews p.date {margin: 0 0 6px 0; padding: 0; color: #686868;}
div.homenews a {color: #686868;}
div.homenews .sIFR-replaced {margin-top: -1px;}

div.news div {margin: 0 0 10px 0; border: 1px #D1D1D1 solid; border-width: 0 0 1px 0;}
div.news div h2 {font-size: 160%; font-weight: normal; padding: 0; margin: 0 0 10px 0; color: #646464;}
div.news div h2 a {color: #646464;}
div.news div p.date {color: #898480; padding: 0 0 10px 0; font-size: 90%; border: 1px #898480 dashed; border-width: 0 0 1px 0;}
div.news img {width: 63px; float: left; display: inline; margin: 7px 10px 15px 0;}
div.news div div.abstract {width: 607px; border: none;}
div.news div p {padding: 0; margin: 0 0 6px 0;}

div.archive ul {width: 219px; padding: 0; margin: 10px 0 0 0;}
div.archive ul li {background: #C0C0C0; color: #FFF; list-style: none; margin: 1px 0 0 0; padding: 5px 8px;}
div.archive ul li a {color: #FFF;}

div.testimonial {float: left; display: inline; width: 430px; margin: 0 25px 15px 0;}
div.testimonial img {float: left; display: inline; margin: 0 15px 0 0;}
div.testimonial div {float: left; display: inline; width: 389px;}

div#selectedSite {position: relative; top: -451px; left: 723px; background: #00153F; width: 198px; padding: 0; border: 1px #000 solid; color: #FFF; font-size: 90%;}
div#selectedSite div {padding: 10px;}
div#selectedSite .photo {width: 178px;}
div#selectedSite h2 {font-size: 130%; padding: 0; margin: 0 0 6px 0;}
div#selectedSite h3 {font-size: 120%; padding: 0; margin: 0 0 6px 0;}
div#selectedSite p {padding: 0; margin: 0 0 6px 0;}
div#selectedSite a {color: #FFF;}
img.mapkey {}

div.developments {float: left; display: inline;}
div.developments div.dev {float: left; display: inline; width: 930px; margin: 0 0 10px 0; color: #94A6B8;}
div.developments div.dev a.arrowlink {float: right; display: inline; width: 42px; height: 42px;}
div.developments div.dev img {position: relative; width: 100px; height: 100px; float: left; display: inline; margin: 4px 0 -35px 4px;}
div.developments div.dev div.title {float: left; display: inline; width: 750px; }
div.developments div.dk {background: #002451 url(../images/bg-dev-dk.gif) top no-repeat; border: 1px #123358 solid;}
div.developments div.ip {background: #002451 url(../images/bg-dev-no-arrow.gif) top repeat-x !important;}
div.developments div.lt {background: #003F70 url(../images/bg-dev-lt.gif) top no-repeat; border: 1px #1B517D solid;}
div.developments div h2 {font-size: 160%; font-weight: normal; padding: 0; margin: 10px 15px 2px 15px; color: #FFF;}
div.developments div h3 {font-size: 120%; font-weight: normal; padding: 0; margin: 2px 15px 0 15px; color: #FFF;}
div.developments div h2 a {color: #FFF;}
div.developments div a {color: #94A6B8;;}
div.developments div div.abstract {float: left; display: inline; width: 825px; border: 1px #123B64 solid; border-width: 1px 0 0 0; color: #94A6B8; padding: 12px 0 8px 0;}
div.developments div.dk div.abstract {background: #001E48;}
div.developments div.lt div.abstract {background: #002D5B;}
div.developments div p {padding: 0; margin: 0 15px 6px 15px;}

div.devhead {margin: 0 0 -10px 0;}
div.devhead a {color: #000; text-decoration: none;}
div.devhead h1 {color: #BEC3CC; font-weight: normal; padding: 0; margin: 0 0 15px 0;}
div.tabs {width: 100%; float: left; display: block; clear: both; border: 1px #41516D solid; border-width: 0 0 1px 0; margin: 0 0 15px 0;}
div.tabs div.tab {float: left; display: inline; background: #F0F3F6 url(../images/tab-normal-mid.gif) top repeat-x; width: 10em; font-size: 130%; margin: 0 1px 0 0;}
div.tabs div.tab div {background-image: url(../images/tab-normal-left.gif); background-position: top left; background-repeat: no-repeat;}
div.tabs div.tab div div {background-image: url(../images/tab-normal-right.gif); background-position: top right; background-repeat: no-repeat; text-align: center; padding: 7px 0;}
div.tabs div.selected {background: #F7921E url(../images/tab-selected-mid.gif) top repeat-x !important; color: #FFF !important;}
div.tabs div.selected a {color: #FFF !important;}
div.tabs div.selected div {background-image: url(../images/tab-selected-left.gif) !important; background-position: top left !important; background-repeat: no-repeat !important;}
div.tabs div.selected div div {background-image: url(../images/tab-selected-right.gif) !important; background-position: top right !important; background-repeat: no-repeat !important;}

div.devtop {float: left; display: inline; border: 1px dashed #FFF; border-width: 0 0 1px 0; width: 100%; padding: 0 0 15px 0; color: #BEC3CC; font-weight: normal; margin: 0 0 15px 0;}
div.devtitle {float: left; display: inline; width: 350px; color: #FFF;}
div.devtitle p {color: #687D97; padding: 0; margin: 0;}
div.download {float: right; display: inline; width: 233px;}
div.download div.h2container {width: 150px;}
div.download h2 {font-size: 230%; font-weight: normal; padding: 0; color: #FFF;}
div.download h2 a {color: #FFF;}
div.download a {color: #FFF;}
div.download div.dl-top {width: 213px; padding: 10px; background: #F27C1C url(../images/download-top.gif) top no-repeat; border: #F5944F solid; border-width: 0 0 1px 0;}
div.download div.top-wh {background: #F27C1C url(../images/download-top-wh.gif) top no-repeat !important;}
div.download div.dl-top img {float: right; display: inline;}
div.download div.dl-bottom {width: 213px; padding: 6px 10px; background: #D86E1A url(../images/download-bottom.gif) bottom no-repeat;}
div.download div.bottom-wh {background: #D86E1A url(../images/download-bottom-wh.gif) bottom no-repeat !important;}
div.devtitle h1 {font-size: 190%; font-weight: normal; padding: 0; margin: 0 0 5px 0; color: #FFF;}
div.infowrapper {float: left; display: inline; width: 930px; padding: 0 0 15px 0; border: 1px dashed #FFF; border-width: 0 0 1px 0;}
div.info {float: left; display: inline; width: 681px; color: #808798; margin: 0 15px 0 0;}
div.info .white {color: #FFF;}
div.info div.copy {float: left; display: inline; width: width: 681px;}
div.info div.specs {float: left; display: inline; width: 284px; padding: 10px; margin: 10px 15px 0 0; background: #001D4A; border: 1px #405775 solid; color: #FFF;}
div.info div.specs a { color: #fff; }
div.info h1 {color: #FFF; font-weight: normal; font-size: 125%; padding: 0 0 6px 0; margin: 6px 0 6px 0; border: 1px #405775 dashed; border-width: 0 0 1px 0;}
div.info h2 {color: #FFF; font-size: 100%; margin: 6px 0 6px 0;}
div.info h3 {color: #808798; font-size: 100%; margin: 10px 0 6px 0;}

/* Gallery Fade */
#photocontainer {width: 230px; /*height: 398px;*/ margin: 0 0 15px 0; padding:0; vertical-align: middle; background: #FFF url(../images/loading_animation.gif) no-repeat 50% 50%; }
#photocontainer img#photo {display: block; margin: auto; padding:0; width: 233px;}
div.gallery {float: left; display: block; width: 233px; margin: 0;}
div.gallery div.image {float: left; width: 53px; height: 53px; margin: 0 7px 10px 0; background-repeat: no-repeat;}
div.gallery div.image img {width: 53px;}
div.gallery div.nomarg {margin-right:0 !important;}
div.gallery div.galleryimage {float: left; display: inline; width: 53px; margin: 0 10px 10px 0; background-repeat: no-repeat; text-align: center;}
div.gallery div.galleryimage div {float: left; display: inline; height: 53px;}
div.gallery div.galleryimage div img {width: 53px;}

div.contactinfo {float: left; display: inline; width: 233px; padding: 20px 0 0 0;}

/* Images */
img.flashimg {margin: 0 0 10px 0;}
img.articlethumb {width: 233px; margin: 0 0 7px 0;}
div.articleimg {float: right; display: inline; margin: 0 0 10px 15px; width: 160px;}
div.articleimg img {float: left; display: inline; width: 150px; padding: 4px; background: #FFF;/* border: 1px #DADADA solid;*/ margin: 5px 0 7px 0;}
div.articleimg-sm {width: 100px; float: right; display: inline; margin: 0 0 7px 15px;}
div.articleimg-sm img {width: 100px;}
div.articleimg p,div.articleimg-sm p {text-align: center; color: #174A61; margin: 7px 0;}

div#footer {position: relative; float: left; display: inline; width: 960px; padding: 0; color: #6F6F6F; margin: 15px 0 0 0;}
div#footer ul {list-style: none; list-style-position: inside; margin: 0; padding: 0;}
div#footer ul a {color: #6F6F6F; text-decoration: none;}
div#footer a.mail {color: #EE7F20; text-decoration: none;}
div#footer ul li {float: left; display: block; clear: both; color: #6F6F6F; margin: 5px 10px 0 0;}
div#footer ul li ul li {float: left; clear: none; display: inline; color: #FFF; margin: 0 10px 0 0;}
div#footer div.logostrip {float: left; display: inline; width: 930px; padding: 0 15px 15px 15px; border: 1px #4D4D4D solid; border-width: 0 0 1px 0; margin: 0 0 10px 0;}
div#footer div.logostrip img.logo {float: left; display: inline;}
div#footer div.logostrip div.rss {float: right; display: inline; padding: 30px 0 0 0;}
div#footer div.logostrip div.rss img {position: relative; top: 3px;}
div#footer div.quarter {float: left; display: line; width: 225px; margin: 0 0 0 15px;}
div#footer h2 {font-size: 100%; margin: 15px 0 6px 0; color: #FFF;}
div#copyright {float: left; display: inline; width: 930px; padding: 0 15px; color: #FFF; border: 1px #4D4D4D solid; border-width: 1px 0 0 0; margin: 10px 0 0 0;}
div#copyright a {text-decoration: none; color: #FFF;}
div#copyright img {float: left; display: inline; margin: 0 15px 0 0;}
div#copyright div {float: left; display: inline; width: 960px; font-size: 90%; margin: 15px 0;}
div#copyright p {margin: 2px 0 4px 0; padding: 0;}

table.login, table.login tr, table.login td {border-collapse: collapse;}
table.login {margin: 8px 0 0;}
table.login td {padding: 2px 0;}
table.login td.label {width:10em;}
table.login td.login_error {padding:2px 0 8px; color:#FF0000; font-size:0.85em;}
table.login td.java_error {padding:2px 0; color:#FF0000; font-size:0.85em;}
form.nomarg {margin: 0; padding: 0;}
input.button {margin: 0 0 5px 0;}
input.text {width: 300px; border: 1px #CDCDCD solid;}
textarea.text {width: 300px; height: 200px; border: 1px #CDCDCD solid;}
input.submit {margin: 2px 0 0;}
table.cmstable {border-collapse: collapse; border: 1px #999 solid;}
table.cmstable tr, table.cmstable td {padding: 5px;}

/* Tables */
table.fronttable {color: #FFF; width: 100%; font-size: 100%; text-align: left; border-collapse: collapse; border: 1px #FFF solid;}
table.fronttable th, table.fronttable td {padding: 5px; text-align: left; /*border: 1px #FFF solid;*/}
th.leftwidth, td.leftwidth {width: 50%}
th.rightwidth, td.rightwidth {width: 50%}
tr.tblheader td,tr.tblheader th {background: #842888; color: #FFF;}
tr.tbllight td,tr.tbllight th {background: #AE79B2; font-weight: bold;}
tr.tbldark td,tr.tbldark th {background: #9F5CA4; font-weight: bold;}
tr.tblheader2 td,tr.tblheader2 th {background: #1CAFD0; color: #FFF;}
tr.tbllight2 td,tr.tbllight2 th {background: #9BDBEC; font-weight: bold; color: #000E33;}
tr.tbldark2 td,tr.tbldark2 th {background: #7ED6EC; font-weight: bold; color: #000E33;}
table.listtable {color: #036;; font-size: 100%; text-align: left; border-collapse: collapse; border: 1px #036 solid;}
table.listtable td {border: 1px #036 solid; padding: 3px;}

div.clear5 {float: left; display: block; clear: both; height: 5px; width: 100%;}
div.clear10 {float: left; display: block; clear: both; height: 10px; width: 100%;}
div.clear15 {float: left; display: block; clear: both; height: 15px; width: 100%;}
div.clear25 {float: left; display: block; clear: both; height: 25px; width: 100%;}

p.update {color: #F00; margin: 10px 0 0 0;}
div#fileupload {display: none;}
div#addpermission {display: none;}
div#adduserpermission {display: none;}
form.fileform {margin: 10px 0; padding: 0;}
form.fileform input {margin: 0 0 5px 0;}
form.contactform {float: left; display: inline; width: 320px;}
/*form.fileform input.title {width: 280px;}*/
table.permissions {border-collapse: collapse;}
table.permissions th, table.permissions td {padding: 5px;}

span.link,span.link2 {position: relative;}
span.link a span,span.link2 a span {display: none;}
span.link a:hover,span.link2 a:hover {font-size: 99%; color: #FFF;}
span.link a:hover span {display: block; position: absolute;	margin-top: 10px; margin-left: -10px; width: 175px; padding: 5px; z-index: 100;	color: #FFF; background: #143C4F; text-align: left; text-decoration: none;}
span.link2 a:hover span {display: block; position: absolute; margin-top: 35px; margin-left: -10px; width: 210px; padding: 5px; z-index: 100;	color: #FFF; background: #143C4F; text-align: left; text-decoration: none;}