body {background: url(/img/body/bg.jpg) center top repeat-x fixed #003366; color: #CCCCCC; font-family: Arial,Verdana, Helvetica, sans-serif; margin: 15px; font-size: 11px; min-width: 760px;}
body.mceContentBody {background: #ffffff; color: #333333; padding: 0px; font-size: 12px;}

form {margin: 0px;}
body .fixedWidth {width:760px;}
a, a:active,a:visited {font-weight: bold; color: #0066CC;}
a:hover {font-weight: bold; color: #ff6600;}
.required {color: #CC0000; font-weight: bold; padding-left: 5px;}
.floatLeft {float: left;}
.floatRight {float: right;}

#header div {background: url(/img/header/bg.gif) repeat-x; overflow:hidden;}
#header div div {background: url(/img/header/divBg.jpg) right no-repeat; margin: 0px;}
#header h1 {margin: 0px; padding: 0px;}
#header h1 a {background: url(/img/header/logo.gif) no-repeat; width: 279px; height: 75px; display: block; float: left;}
#header h1 span	{display:none;}

#header a.newTabOn {font-size: 11px; margin-right: 3px; font-weight: normal; text-decoration: none; color: #003366; display: block; background:url(/img/header/tabOnBg.gif) repeat-x; margin-top: 43px; overflow: hidden; float: right; text-align: center; line-height: 24px;}
#header a.newTabOff {font-size: 11px; margin-right: 3px; font-weight: normal; text-decoration: none; color: #DBE3F0; display: block; background:url(/img/header/tabOffBg.gif) repeat-x; margin-top: 46px; height: 22px; float: right; text-align: center; line-height: 21px;}
#header a.newTabOff:hover {color: #FFCC00;}

#content {background: url(img/content/topBg.jpg) #FFFFFF repeat-x; min-height: 300px; padding-left: 14px; padding-right: 14px; overflow:hidden; clear: both;}

#leftNav {float: left;}
#leftNav ul {list-style: none; margin:0px; padding: 0px; background: url(img/leftNav/leftMenuBg.gif) repeat-y;}
#leftNav ul li a {background: url(img/leftNav/leftMenuLiBg.gif) repeat-y; font-weight: normal; color: #00369B; text-decoration: none; display: block; width: 132px; padding-left: 18px; line-height: 27px; height: 27px;}
#leftNav ul li a.admin {background: url(img/leftNav/leftMenuLiAdminBg.gif) repeat-y;}
#leftNav ul li a.selected {background: url(img/leftNav/leftMenuLiSelectedBg.gif) repeat-y;}
#leftNav ul li a:hover {background: url(img/leftNav/leftMenuLiHoverBg.gif) no-repeat; color: #000066;}
#leftNav ul li a.top {background: url(img/leftNav/leftMenuLiTopBg.gif) no-repeat;}
#leftNav ul li a.top:hover {background: url(img/leftNav/leftMenuLiTopHoverBg.gif) no-repeat;}
#leftNav ul li a.topSelected {background: url(img/leftNav/leftMenuLiTopSelectedBg.gif) no-repeat;}
#leftNav ul li a.topSelected:hover {background: url(img/leftNav/leftMenuLiTopHoverBg.gif) no-repeat;}

#body {margin-left: 164px;}
#body .base {background: url(img/content/infoListItem/baseBg.jpg); overflow: hidden; clear: right;}
#body .underHeader {margin: 0px; padding: 0px; background:url(/img/content/underHeaderBg.gif); color: #ffffff; line-height: 30px; overflow: hidden; padding-left: 10px; text-align:left;}
#body .underHeader .currentPage {font-size: 14px; font-weight: bold; line-height: 30px;}
#body .underHeader .buttons {float: right; padding-right: 8px;}
#body .underHeader h3 {color: #333333; line-height: 25px; margin: 0px; text-align: center; margin-right: 1px; width: 140px; margin-top: 5px; float: right; font-size: 12px; background: url(/img/content/ratingPanel/titleBg.gif) repeat-x;}
#body .underHeader a.pageLink {color: #ffffff; text-decoration:none; font-weight: bold;}
#body .underHeader a.pageLink:hover {color: #FF9900; font-weight: bold;}
#body .underHeader .pageLink {background: url(img/body/butPageOff.gif); width: 21px; line-height: 21px; margin-right: 2px; margin-top: 3px; display: block; float: left; text-align:center}
#body .underHeader .pageLinkOn {background: url(img/body/butPageOn.gif); width: 21px; line-height: 21px; color: #FFFFFF; margin-right: 2px; margin-top: 3px; display: block; float: left; text-align:center; font-weight: bold;}
#body .underHeader .ltgt {float: left; margin-top: 5px;}

#search {background: url(/img/content/searchBg.gif) repeat-x; line-height: 25px; padding-left: 10px; padding-right: 3px;}
#search form {height: 31px;}
#search form select {font-size: 11px; margin-top: 5px; margin-left: 5px; margin-right: 5px;}
#search form input {margin-right: 5px;}

#subHeader {background: url(img/content/subHeaderBg.gif) repeat-x; color: #FFFFFF; margin-bottom: 5px; text-transform:capitalize; font-weight: bold; font-size: 12px; line-height: 29px; overflow: hidden; margin: 0px; margin-bottom: 6px;}

#bodyHeader {background: url(img/content/bodyHeaderBg.gif) repeat-x; line-height: 49px; overflow: hidden; color: #ffffff; font-size: 20px; font-weight: normal; margin: 0px;}
#bodyHeader .navButton {float: right; margin-right: 7px; position: relative; top: 10px; left: 10px;}

#ratingPanel {width: 140px; height: 74px; background:url(/img/content/ratingPanel/bg.gif) repeat-y; float: right;}
#ratingPanel .boldWhite {display: block; color:#ffffff; font-weight: bold; line-height: 25px; text-align: center;}
#ratingPanel .small {display: block; font-size: 10px; color: #666666; line-height: 15px; text-align: center;}
#ratingPanel .ratingContainer {margin-top: 8px;}

#gallery {background: url(img/gallery/bg.jpg) repeat-x; border-left: solid 1px #999999; border-right: solid 1px #999999; overflow:hidden;}
#gallery .enlargeDiv {background: url(/img/body/imgDivBg.png); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2;}
#gallery .enlargeDiv .image {background: url(/img/body/imgCentre.png); width: 600px; margin-top: 45px; border: solid 1px #ffffff; margin-bottom: 20px;}
#gallery .enlargeDiv h3 {background: url(/img/body/imgDivH3Bg.gif) repeat-x; height: 35px; line-height: 35px; text-align: left; padding-left: 10px; margin-bottom: 7px; font-weight: normal;}
#gallery .enlargeDiv h3 .floatRight {margin-top: 8px; margin-right: 10px;}
.galleryImage {border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; border-left: solid 1px #666666; border-top: solid 1px #666666; margin: 6px; margin-right: 0px;}
.enlargedImg {border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; border-left: solid 1px #666666; border-top: solid 1px #666666; margin: 0px; margin-top: 7px;}

#bodyContent {padding: 10px; padding-bottom: 0px; background: #cccccc; border-left: solid 1px #999999; border-Right: solid 1px #999999; color:#333333; font-size: 12px; min-height: 200px;}
#bodyContent p {line-height: 18px;}
#bodyContent p a {font-weight: bold; color: #0048D2;}
#bodyContent p a:hover {color: #FF6600;}
#bodyContent .imgDiv,
.mceContentBody .imgDiv {border: solid #99CCFF 1px; background: #cccccc; float: right; margin: 5px; text-align: center; color: #000033; font-size: 10px; padding: 5px;}
#bodyContent .portfolioListText {background: url(img/content/infoListItem/bg.gif) repeat-x #cccccc; text-decoration: none; display: block; color:#336699; padding-top: 3px; line-height:25px; height: 59px; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif;}
#bodyContent .portfolioListTextDisabled {background: url(img/content/infoListItem/bgDisabled.gif) repeat-x #cccccc; text-decoration: none; display: block; color:#333333; padding-top: 3px; line-height:25px; height: 59px; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif;}
#bodyContent .tnImg {float:right; border: solid 1px #FFFFFF; border-top-color: #666666; border-left-color: #666666;}
#bodyContent .tnImg2 {margin-right: 10px; float: right; border: solid 1px #ffffff; border-top-color: #666666; border-left-color: #666666;}
#bodyContent .moreInfo {margin-top: 13px; margin-left: 5px; float: right;}
#bodyContent .noRecords {text-align:center; padding: 60px; padding-top: 30px;}
#bodyContent .middleTitle {background: url(img/content/subHeaderBg.gif) #083CB8 repeat-x; color: #ffffff; line-height: 29px; font-size: 14px; margin-top: 10px; margin-bottom: 10px;}
#bodyContent .width {width: 150px; float: left;}
#bodyContent ul.infoList {list-style: none; margin-bottom: 10px; margin-left: -10px; margin-right: -10px; line-height: 24px; margin-top: 0px; line-height: 24px; border-top: solid 1px #FFFFFF; background: #CCCCCC;}
#bodyContent ul.infoList li {padding-left: 10px; border-bottom: solid 1px #eeeeee; background: url(/img/content/itemInfoDivide.gif) repeat-y;}
#bodyContent ul.infoList li strong {width: 130px; display:block; float: left; margin-right: 5px;}
#bodyContent ul.infoList li.row1 {background:  url(/img/content/itemInfoDivide.gif) repeat-y #DFDFDF;}

#bodyContent .itemInfo {border-left: solid 1px #666666; border-right: solid 1px #666666; min-height: 75px;overflow: hidden; padding: 10px; margin-bottom: 0px;}

#bodyContent .normal,
#bodyContent .admin,
#bodyContent .error,
#bodyContent .mceContentBody {line-height: 18px; clear: right;}

#bodyContent .normal {background: url(img/content/infoItem/bg.gif) #ffffff repeat-x;}
#bodyContent .admin {background: url(img/admin/box/bg.gif) #CCFFCC repeat-x; color: #003300;}
#bodyContent .error {background: url(img/error/box/bg.gif) #FFFFFF repeat-x;color: #cc0000; }

#bodyContent .pHead,
#bodyContent .pFoot {overflow: hidden; clear: both;}

#bodyContent .normal .pHead {background: url(img/content/infoItem/topBg.gif) repeat-x;}
#bodyContent .normal .pFoot {background: url(img/content/infoItem/botBg.gif) repeat-x;}

#bodyContent .admin .pHead {background: url(img/admin/box/topBg.gif) repeat-x;}
#bodyContent .admin .pFoot {background: url(img/admin/box/botBg.gif) repeat-x; margin-bottom: 10px;}

#bodyContent .error .pHead {background: url(img/error/box/topBg.gif) repeat-x;}
#bodyContent .error .pFoot {background: url(img/error/box/botBg.gif) repeat-x; margin-bottom: 10px;}

#bodyContent .itemInfo .inputHolder,
#bodyContent .itemInfo .inputHolderError {border: solid 1px; border-left-color: #FFFFFF; margin-bottom: 5px; border-top-color: #FFFFFF; border-right-color: #006699; border-bottom-color: #006699; padding: 5px; clear: right;}
#bodyContent .itemInfo .inputHolder .floatRight,
#bodyContent .itemInfo .inputHolderError .floatRight {width: 260px;}
#bodyContent .itemInfo .inputHolder select.floatRight,
#bodyContent .itemInfo .inputHolderError select.floatRight {width: 265px;}
#bodyContent .itemInfo .inputHolder .floatRight small,
#bodyContent .itemInfo .inputHolderError .floatRight small {line-height: 20px;}
#bodyContent .itemInfo .mceSimple {width: 98%; min-width: 495px;}
#bodyContent .itemInfo .mceAdvanced {width: 97%; height: 300px; min-width: 495px; font-family:Arial, Verdana, Helvetica, sans-serif}
#bodyContent .itemInfo form {margin: 0px; padding: 0px;}
#bodyContent .itemInfo h2 {font-size: 20px; margin: 0px; line-height: 40px; font-weight: normal; float: right;}
#bodyContent .itemInfo h3 {margin: 0px; margin-bottom: 10px; color: #666666;}
#bodyContent .itemInfo h4 {margin: 0px; font-size: 14px; margin-bottom: 10px; color:#006699;}
#bodyContent .itemInfo h4 small {font-size: 11px; font-weight: normal; color: #666666;}
#bodyContent .itemInfo .button {margin-top: 7px; margin-bottom: 10px;}
#bodyContent .itemInfo .seperator {background: #339933; margin-top: 10px; margin-botton: 0px; height: 1px;}
#bodyContent .itemInfo ol,
#bodyContent .itemInfo ul,
#bodyContent .mceContentBody ol,
#bodyContent .mceContentBody ul {color: #006666; margin-left: 30px; padding: 0px; margin-bottom: 15px; line-height: 18px;}
#bodyContent .itemInfo .note,
#bodyContent .itemInfo .stop,
#bodyContent .mceContentBody .note,
#bodyContent .mceContentBody .stop {font-size: 11px; clear: right; padding: 10px; padding-left: 45px; margin: 10px;}
#bodyContent .itemInfo .note,
#bodyContent .mceContentBody .note {background: url(/img/common/note.gif) no-repeat #F9E08F; border: solid 1px #ff6600;}
#bodyContent .itemInfo .stop,
#bodyContent .mceContentBody .stop {background: url(/img/common/stop.gif) no-repeat #E7B1B5; border: solid 1px #cc0000;}
#bodyContent .inputHolderError {background:url(/img/error/box/inputHolderBg.gif) #A6D5FF repeat-x; color: #CC0000;}
#bodyContent .normal .inputHolder {background:url(/img/guestbook/inputHolderBg.jpg) #A6D5FF repeat-x;}
#bodyContent .error .inputHolder {background: url(/img/error/box/inputHolderBg.gif) #CC0000 repeat-x; color: #ffffff;}
#bodyContent .admin .inputHolder {background: url(/img/admin/box/inputHolderBg.gif) #5CE648 repeat-x;}

#bodyContent .admin h2, .admin h3 {color: #009900;}

#bodyContent .adminBar {line-height: 29px; background: url(/img/admin/bar/bg.gif) repeat-x; color: #ffffff; margin-bottom: 10px; margin-top: 10px;}
#bodyContent .adminBar a {color: #99FFCC;}
#bodyContent .adminBar a:hover {color: #FFFFFF;}
#bodyContent .dotted {background: url(/img/common/dotted.gif) repeat-x; height: 1px; margin-bottom: 10px; margin-top: 10px;}

#calendar {margin-bottom: 10px; margin-left: 10px; background: #ffffff; width: 217px; border: solid 1px #666666; padding-left: 1px; padding-top: 1px; float: right;}
#key {margin-bottom: 10px; background: #ffffff; width: 217px; border: solid 1px #666666; padding: 1px; float: right; margin-left: 10px; clear: right;}
#key h3 {background: url(/img/common/calendarHeaderBg.gif) repeat-x; padding: 3px; margin: 0px; margin-bottom: 1px; color: #ffffff; font-size: 12px;}
#dateChooser .day,
#dateChooser .dayNow,
#dateChooser .dayTop,
#dateChooser .dayEvent,
#dateChooser .dayWE,
#dateChooser .dayBlank {text-align: center; background: #8699DB; width: 26px; float: left; margin-right: 1px; margin-bottom: 1px; height: 14px; line-height: 14px; padding: 2px;}
#dateChooser .dayNow {background: #0000FF url(/img/common/calendarDayBg.gif) no-repeat; color: #ffffff;}
#dateChooser .dayTop {background: url(/img/common/calendarHeaderBg.gif); text-align:center; color: #ffffff; font-weight: bold; height:20px; line-height: 20px;}
#dateChooser .dayEvent {background: #FF9933;}
#dateChooser .dayNow a,
#dateChooser .dayEvent a {color: #ffffff;}
#dateChooser .dayNow a:hover,
#dateChooser .dayEvent a:hover {color: #FFFF00;}
#dateChooser .dayWE {background: #DFEDF9; color: #666666;}
#dateChooser .dayBlank {background: #e5e5e5;}
#dateChooser form {background: #e5e5e5; text-align: center; padding: 5px;}

#footer {height: 34px; min-width: 760px; clear: both;}
#footer div {background: url(img/footer/footerBg.gif) #ffffff repeat-x; height: 26px; margin-left: 15px; margin-right: 15px;}

#glossary td {border-top: solid 1px #eeeeee;}
#glossary td.keyword {font-weight: bold; color:#666666;}