/* main */
body { font-size: 0.7em; line-height: 1.4em; } /* Base size */
p, div, li, th, td { font-family: Tahoma, Arial, Helvetica, Sans-Serif; } /* Base style */
p, div.txt, div.txtLrg, li, th { color: #676767; } /* Base colour */
.boxT td { color: #676767; }
p, div.txt { font-size: 100%; line-height: 130%; margin-bottom: 10px; } /* Base size */
div.txtLrg { font-size: 140%; line-height: 130%; }
div.txt p, div.txtLrg p { font-size: 100%; } /* This stops p tags in divs with font heights getting 2 x % size increases */
li { font-size: 105%; }
ul { margin-top: 10px; margin-bottom: 10px; }
li { margin-bottom: 2px; }

/* links */
a, a:active, a:visited { color: #0a6e84; text-decoration: none; }
a:hover {  text-decoration: underline; }
small { font-size:9px; }
/* headings */
h1, .h1 { font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif; color: #666666; font-size: 20px; font-weight: lighter; }
h1 { line-height: 120%; margin: 11px 0 14px 0; }

h2, .h2 { font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif; color: #5994C5; font-size: 150%; font-weight: bold; line-height: 130%; }
h2 { margin-bottom: 15px; }

h6, .h6 { font-family: Tahoma, Arial, Helvetica, Sans-Serif; color: #5994C5; font-size: 100%; font-weight: bold; line-height: 130%; }
h6 { margin-bottom: 5px; }

.councillors { font-size: 95%; }

h3, .h3 { font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif; color: #cecece; font-size: 130%; font-weight: bold; }
h3 { line-height: 110%; }
#c #m.ourInvestors h3, #c #m.ourInvestors .h3 { color: #8AA0B8; }

h4, .h4 { font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif; color: #686868; font-size: 105%; font-weight: bold; }
h4 { line-height: 110%; margin-bottom: 10px; }

h1 a, h1 a:link, h1 a:active, h1 a:visited, h2 a, h2 a:active, h2 a:visited, h3 a, h3 a:active, h3 a:visited, h4 a, h4 a:active, h4 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline; }

/* colours */
.hLgt  { color: #999999; }
.drkGrey { color: #636467; }
.blue { color: #8AA0B8; }
.searchHighlight { color: #3D2525; font-weight: bold; }

/* frame builder tool bar width override */
#fbToolBarContainer { width: 998px; margin: 0 auto; }
div.radEditor { width: 100%; }
div.radEditor ul { padding: 0 40px; }
div.radEditor ul li { list-style-type: disc; }

/* front end alerts */
.alertBox { border: dashed 2px #F76510; color: #DD0000; background-image: url(../Images/Admin/stripe.gif); padding: 10px; }
.alertBox img { margin-right: 15px; }
.alertBox.Green { border: dashed 2px #009900; color: #009900; }
.error, .error a, .error a:active, .error a:visited  { font-family: Tahoma, Arial, Helvetica, Serif; color: red; }
.errorBox { padding: 10px 10px 10px 60px;   background-image: url(../Images/Warning.gif); background-repeat: no-repeat; background-position: 10px 10px; border: 2px dashed #3D2525; margin-bottom: 15px; color: #f00; font-weight: bold; display: block; }
.errorBox .errorDetail { font-weight: normal; margin-top: 5px; color: #000; }
.errorBox ul { margin: 5px 0px 0px 20px; padding: 0px; }
.errorBox li { font-weight: normal; background: none; padding: 0px; margin: 0px; color: #000; }

/* misc */
.lft { float: left; }
.rgt { float: right; }
.clr { clear: both; padding: 0; margin:0; }
a img { border: 0; }
.hide { display: none; }
.block { display: block; }



/* Header */
#c #h #hScr { width: 100%; height:140px; background: #ffffff; }
#c #h #hScr .lft { margin: 30px 0 0 33px; }
#c #h #hScr .rgt { margin: 30px 25px 0 0; }
/*#c #h #hScr .rgt table.searchbox input.txt { border: solid 0px #ffffff; background-color: Transparent; color: #cecece; font-size: 11px; width: 240px; }*/
table.searchbox { border: solid 0px #000000; padding:0px; margin:0px; background: url(../Images/Common/searchBG.png) top left no-repeat; width:318px; }
#c #h #hScr .rgt table.searchbox input.txt { border: solid 0px #ffffff; background-color: Transparent; color: #cecece; font-size: 11px; width: 240px; padding:1px; position:relative; top:-15px; left:20px; }

#c #h #nScr .blueBar { height:44px; width:100%; background: #0a6e84; margin: 0px 0 0 0; overflow:hidden; }
#c #h #nScr .imageHmBar { height:245px; width:100%; background: #ffffff url(../images/common/home.jpg) no-repeat top center; margin: 1px 0 0 0; }
#c #h #nScr .imageAboutBar { height:114px; width:100%; background: #ffffff url(../images/common/about.jpg) no-repeat top center; margin: 1px 0 0 0; }
#c #h #nScr .homeOver { position:relative; height:245px; width:390px; top:-50px; left:2px; background: #ffffff url(../images/common/homeOver.jpg) no-repeat; margin: 0 0 0 0; overflow:hidden;}
#c #h #nScr .pinkBar { height:62px; width:100%; background: #FFF url(../Images/Common/bodyBg.png) repeat-x top left; margin: 1px 0 0 0; }
#c #h #nScr .pinkBar .t1 { min-width:375px; float:left; margin:0; height:62px; font-weight:lighter; font-size: 18px; padding: 13px 0 0 40px; font-family:Trebuchet MS, Verdana, Arial; color:#ffffff; background: url(../Images/Common/h1Bg.png) no-repeat top left;  }
#c #h #nScr .pinkBar a { color:#ffa0d0;  }
#c #h #nScr .pinkBar a:hover { color:#ffffff; text-decoration:none; }
#c #h #nScr .pinkBar .hmExtras { width:273px; float:right;}
#c #h #nScr .pinkBar .hmExtras h3 { margin:0; height:62px; font-weight:lighter; font-size: 18px; padding: 11px 0 0 15px; font-family:Trebuchet MS, Verdana, Arial; color:#ffffff; background: url(../Images/Common/h3Bg.png) no-repeat top left;  }

#c #h #nScr #navi { margin-left: 400px; width:607px; height: 44px; }
#c #h #nScr #navi ul { margin: 0 0 0 0; display:inline; }
#c #h #nScr #navi li { margin: 0 0 0 0; display:inline; color:#ffffff; font-weight:lighter; font-size: 18px; padding: 0 0px 0px 0px; font-family:Trebuchet MS, Verdana, Arial; color:#ffffff; }
#c #h #nScr #navi li span { display:none;}
#c #h #nScr #navi li a.about { float:left; background: #000000 url(../images/common/about.png) no-repeat top left; width:196px; height:44px; display:block; }
#c #h #nScr #navi li a.about:hover { float:left; background: #0a6e84 url(../images/common/about_on.png) no-repeat top left; width:196px; height:44px; display:block; }
#c #h #nScr #navi li a.tourism { float:left; background: #000000 url(../images/common/tourism.png) no-repeat top left; width:103px; height:44px; border:1px; display:block; }
#c #h #nScr #navi li a.tourism:hover { float:left; background: #0a6e84 url(../images/common/tourism_on.png) no-repeat top left; width:103px; height:44px; display:block; }
#c #h #nScr #navi li a.services { float:left; background: #000000 url(../images/common/services.png) no-repeat top left; width:81px; height:44px; border:1px; display:block; }
#c #h #nScr #navi li a.services:hover { float:left; background: #0a6e84 url(../images/common/services_on.png) no-repeat top left; width:81px; height:44px; display:block; }
#c #h #nScr #navi li a.meetings { float:left; background: #000000 url(../images/common/documents.png) no-repeat top left; width:103px; height:44px; border:1px; display:block; }
#c #h #nScr #navi li a.meetings:hover { float:left; background: #0a6e84 url(../images/common/documents_on.png) no-repeat top left; width:103px; height:44px; display:block; }
#c #h #nScr #navi li a.policies { float:left; background: #000000 url(../images/common/policies.png) no-repeat top left; width:76px; height:44px; border:1px; display:block; }
#c #h #nScr #navi li a.policies:hover { float:left; background: #0a6e84 url(../images/common/policies_on.png) no-repeat top left; width:76px; height:44px; display:block; }
#c #h #nScr #navi li a.contact { float:left; background: #000000 url(../images/common/contact.png) no-repeat top left; width:122px; height:44px; border:1px; display:block; }
#c #h #nScr #navi li a.contact:hover { float:left; background: #0a6e84 url(../images/common/contact_on.png) no-repeat top left; width:122px; height:44px; display:block; }

/* Main */
#ftrLinks { margin-left:1px; background: #fff url(../Images/common/linksBg.png) repeat-x top left; padding:35px 0px 40px 0px; }
#ftrLinks .linkPanels { padding:0px; margin:0 0 35px 30px; width:145px; float:none; }
#ftrLinks .linkPanels h3 { color:#003366; font-size:145%; font-weight:lighter; font-family:Trebuchet MS, Verdana, Arial; letter-spacing:-1px; }
#ftrLinks .linkPanels ul { display:inline; margin:0; }
#ftrLinks .linkPanels ul li { list-style-image: url(../images/common/bullet.png); padding:2px 0 2px 0; margin: 2px 0 2px -3px;  width:140px; background: url(../images/common/libg.png) no-repeat left bottom; }
#ftrLinks .linkPanels ul li a { position:relative; padding-left:4px; top:-2px; font-size:95%; color:#999999; }
#fScr { padding:0px 40px 50px 20px; background: transparent url(../Images/Common/athftr.png) top left no-repeat; width:922px; }
#fScr .rgt a { color:#ffffff; }
#fScr .rgt a:hover { color:#224f59; text-decoration:none; }
#fScr .rgt .certs { float:right; padding: 13px 10px 0 0; }
#fScr .rgt .certs1 { float:right; padding: 10px 10px 0 0; }
#fScr .rgt .certs2 { float:right; padding: 3px 10px 0 0; }

#m div.boxT { width:100%; border:solid 0px #cccccc; margin:0px; padding: 0; background: #fff url(../Images/Common/hmbg.png) top left repeat-y; }
#m div.boxT .leftPanel { width:380px; margin: 5px 25px 20px 25px; float:none; }
#m div.boxT .rightPanel { width:230px; padding:0; margin: 5px 0px 35px 20px; float:none; color:#999999; }
#m div.boxT .rightPanel a { color:#cc0066; font-weight:bold; }
#m #mR div.boxT { width:100%; border:solid 0px #cccccc; margin:0px; padding:0 30px 10px 30px; background: #ffffff; }
p.cls1 { color:#666666; }

/* Left Nav */
#c #m #mL { padding: 0 0 20px 20px; }

#c #m #mL #nav { width: 150px; margin: 0; padding: 18px 13px; }
#c #m #mL #nav li { margin: 0; }
#c #m #mL #nav li a { color: #999999; background: #FFF url(../Images/Common/bullet.png) no-repeat 0% 50%; padding: 5px 0 0 14px; min-height: 24px; height: auto !important; height: 24px; border-bottom: dashed 1px #999999; line-height: 150%; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 90%; font-weight: normal; text-transform: capitalize; /*border-bottom: solid 1px #CCDBEE; */display: block; /*color: #3D2525; */}
#c #m #mL #nav li a.lv1_f { border-top: dashed 1px #999999; }
#c #m #mL #nav li a:hover { text-decoration: none; color: #5ec1d7; }
#c #m #mL #nav li a.s { text-decoration:none; color: #5ec1d7; font-weight:bold; border-top: dashed 1px #999999; }

#c #m #mL #nav ul.lv2 { margin: 0; padding: 0; padding-top: 4px; }
#c #m #mL #nav ul.lv2 li { margin: 0; }
#c #m #mL #nav ul.lv2 li a {  background: #FFF url(../Images/Common/bullet2.png) no-repeat 5px 50%; border-top: none; border-bottom: dashed 1px #cccccc; text-transform: none; font-size: 90%; padding-left: 20px; }
#c #m #mL #nav ul.lv2 li.lv2_l a, #c #m #mL #nav ul.lv2 li.lv2_f_l a { padding-bottom: 4px; }

#c #m #mL #subNav {  }
#c #m #mL #subNav li a { font-family: Arial, Helvetica, Sans-Serif; font-size: 100%; color: #3D2525; }
#c #m #mL #subNav li a:hover { text-decoration: none; color: #B8B4B5; }

/* Content banner */
#c #m #mR #mrC #mrcH div.bannerText { font-family: Arial, Helvetica, Sans-Serif; color: #FFF; font-size: 220%; font-weight: bold; text-transform: uppercase; }
#c #m #mR #mrC #mrcH div.bannerText div { padding: 20px; }
#c #m #mR #mrC #mrcH div.bannerText div span { font-size: 70%; text-transform: none; font-weight: normal; }

#c #m #mR #mrC #mrcM div.boxT, #c #m #mR #mrC #mrcL div.boxT { padding: 0 ; margin:0; }

/* Right column */
#c #m #mR #mrcR { background: #ffffff; }
#c #m #mR #mrcR div.hdr { padding: 15px; font-weight: bold; }
#c #m #mR #mrcR div.hdr h2 { color: #FFF; margin-top: 0; font-size: 220%; font-weight: bold; text-transform: uppercase;  }
#c #m #mR #mrcR div.item { border-bottom: 1px solid #FFF; margin: 0 15px; padding: 5px 0; }

/* Footer */
#c #f { font-family: Arial, Helvetica, Sans-Serif; color: #B8B3B2; }




/*#news div.archive div.btmB { border-bottom: 1px solid #BEC0C2; }*/
#news div.archive div.btn { padding-top: 10px; border-top: 1px solid #BEC0C2; }
#news div.archive div.btn input { background-color: #9A3765; border: none; color: #FFF; font-size: 95%; padding: 2px; width: 70px; margin-bottom: 2px; }

#userLogin div.row { clear: left; padding-bottom: 5px; }
#userLogin div.row div.a { float: left; width: 130px; line-height: 150%; }
#userLogin div.row div.b { float: left; }

div.floatLogin { position: absolute; top: 243px; width: 300px; height: 180px; margin-left: 300px; }
div.floatLogin div.top { padding: 20px 25px 0 20px; min-height: 30px; height: auto !important; height: 30px; background: url(../Images/Common/loginTop.png) top left no-repeat; }
div.floatLogin div.main { color: #3D2525; padding: 8px 0 0 20px; height: 95px; background: url(../Images/Common/loginBg.png) top left no-repeat; }
div.floatLogin div.main div.row div.a { float: left; width: 72px; font-family: Arial, Helvetica, Sans-Serif; line-height: 190%; color: #3D2525; font-size: 120%; font-weight: bold; }
div.floatLogin div.main div.row div.b { float: left; padding-left: 10px; }
div.floatLogin div.main div.row .txtBox { width: 100px; border-left: solid 3px #939598; border-top: solid 3px #939598; border-right: none; border-bottom: none; }
div.floatLogin div.main div.row .txtBox.invalid { background: url(../Images/Common/stripe.gif) top left repeat; }
div.floatLogin div.main div.row .btn { background-color: #3D2525; margin-left: 3px; color: #FFF; border: none; padding: 1px; font-family: Arial, Helvetica, Sans-Serif; font-size: 110%; font-weight: bold; }
div.floatLogin div.btm { height: 20px; background: url(../Images/Common/loginBtm.png) top left no-repeat; }
div.floatLogin a { text-decoration: underline; color: #3D2525; }
div.floatLogin label, div.floatLogin span { color: #3D2525; }
div.floatLogin .alert { background-color: #F08080; color: #FFF; border-left: solid 3px #939598; border-top: solid 3px #939598; padding: 5px; margin-top: 8px; }
div.floatLogin span.alert { display: block; }

/* Table styles */
table.pinGv { width: 100%; font-size: 105%; margin-top: 5px; }

#c #m.media table.pinGv { }
#c #m.media table.pinGv th { background-color: #DEE4EC; text-transform: uppercase; text-align: left; padding: 6px; border-bottom: solid 1px #FFF; }
#c #m.media table.pinGv th.hLgt { background-color: #9A3765; color: #FFF; }
#c #m.media table.pinGv th { color: #9A3765; }
#c #m.media table.pinGv td { padding: 6px; color: #636467; vertical-align: top; }
#c #m.media table.pinGv td a { color: #636467; text-decoration: none; }
#c #m.media table.pinGv td a:hover { color: #9A3765; }
#c #m.media table.pinGv tr.row td { background-color: #FFF; }
#c #m.media table.pinGv tr.rowOn td { background-color: #FFF; color: #9A3765; }
#c #m.media table.pinGv tr.alt td { background-color: #DEE4EC; }
#c #m.media table.pinGv tr.altOn td { background-color: #DEE4EC; color: #9A3765; }
#c #m.media table.pinGv tr.ftr td { border-top: 1px solid #BEC0C2; }
#c #m.media table.pinGv input { background-color: #9A3765; border: none; color: #FFF; font-size: 95%; padding: 2px; }
#c #m.media table.pinGv a.btn, #c #m.media table.pinGv a.btn:hover { display: block; width: 18px; background-color: #9A3765; padding: 2px; padding-left: 5px; color: #FFF; font-size: 95%; }

#c #m.ourPortfolio table.pinGv { }
#c #m.ourPortfolio table.pinGv th { background-color: #E5EAEF; text-transform: uppercase; text-align: left; padding: 6px; border-bottom: solid 1px #FFF; }
#c #m.ourPortfolio table.pinGv th.hLgt { background-color: #002D62; }
#c #m.ourPortfolio table.pinGv th.hLgt a { color: #FFF; }
#c #m.ourPortfolio table.pinGv th a { color: #002D62; }
#c #m.ourPortfolio table.pinGv th a:hover { text-decoration: none; }
#c #m.ourPortfolio table.pinGv td { padding: 6px; color: #636467; vertical-align: top; }
#c #m.ourPortfolio table.pinGv td a { color: #636467; text-decoration: none; }
#c #m.ourPortfolio table.pinGv tr.row td { background-color: #FFF; }
#c #m.ourPortfolio table.pinGv tr.rowOn td, #c #m.ourPortfolio table.pinGv tr.rowOn a { background-color: #FFF; color: #002D62; }
#c #m.ourPortfolio table.pinGv tr.alt td { background-color: #DCD1D7; }
#c #m.ourPortfolio table.pinGv tr.altOn td, #c #m.ourPortfolio table.pinGv tr.altOn a { background-color: #DCD1D7; color: #002D62; }
#c #m.ourPortfolio table.pinGv tr.ftr td { border-top: 1px solid #BEC0C2; }
#c #m.ourPortfolio table.pinGv input { background-color: #9A3765; border: none; color: #FFF; font-size: 95%; padding: 2px; }

a.backbtn { position:relative; font-weight:bold; background: #cbebf2; color:#0a6e84; padding:3px 5px 3px 5px; text-align:center; }
a.backbtn:hover { position:relative; font-weight:bold; background: #0a6e84; text-decoration:none; color:#ffffff; padding:3px 5px 3px 5px; text-align:center; }
/* form objects */
input.txtBox { border: 1px solid #CCCCCC; padding: 1px; padding: 2px 3px 2px 3px; width: 200px; font-size: 100%; }
input.btn { border: solid 1px #FFF; font-weight:bold; background: #cbebf2; font-size:10px; color:#0a6e84; padding:3px 5px 3px 5px; }