body {margin:0; padding: 0; background:#303191 url(web/images/bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666;}
body.mceContentBody {background:#fff; padding:10px}

div, p, ul, li, h1, h2, h3, h4, h5, h6, input, select, textarea {margin: 0; padding: 0}

a {text-decoration: none;}
a:active {outline:none;}
a:focus {-moz-outline-style:none;}
a:hover {text-decoration: underline;}
p, ul, ol {color:#666;}
p {margin:7px 0; font-size:11px; line-height:15px}
h1 {color:#3c2d8e; font-size:22px; text-transform:uppercase; font-weight:normal; line-height:24px; margin:0 0 20px 0}
h2 {color:#666; font-size:12px; font-weight:bold; line-height:14px; margin:0 0 20px 0}

.right {float:right}
.left {float: left}
.clear {clear:both}
.clearright {clear:right}

.textright {text-align:right}
.textcentre {text-align:center}

.pad {padding:10px}

#container {width:915px; margin: 10px auto 0 auto;}

#header {margin:0 0 20px 0 ; padding: 0}
#header a {color:#3c2d8e}
#header h3 {color: #3c2d8e; font-size: 14px; line-height: 18px; font-weight:bold;}
#header form {margin-top:10px; width:215px; height:28px}
#header input.search {background:url(../images/searchbg.gif) no-repeat; border:none; display:block; width:172px; height:28px; overflow:hidden; margin-right:28px; padding:8px 0 0 15px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px}
#header input.searchbtn {background:url(../images/searchbtn.gif) no-repeat; border:none; overflow:hidden; width:28px; height:28px; float:right; padding-top:40px; margin:0}


ul#nav {list-style: none; background:#f4f4f4 url(../images/navbg.jpg) repeat-x; color: #3c2d8e; font-size: 12px; font-weight: normal; margin-bottom: 10px; clear:both; position: relative; display:block; height:34px; margin:0; z-index:99}
ul#nav li {display:inline; margin: 0; float:left}
ul#nav li.right {float:right}
ul#nav li.selected {background:url(../images/navbg_blue.jpg) repeat-x;}
ul#nav li.selected a{color:#fff;}
ul#nav li:hover{background:url(../images/navbg_blue.jpg) repeat-x;}
ul#nav li.corners:hover{background:none;}
ul#nav li:hover a{color:#fff;}
ul#nav li a{color:#3c2d8e; display:block;padding: 10px 20px;}
ul#nav li a:hover{text-decoration:none}
ul#nav li div.nav_map { width: 845px; border:none; display: none; position: absolute; top: 33px; left: 0px; background:url(../images/navmapbg.jpg) no-repeat bottom; color:#fff; padding:20px 30px 15px 30px; margin:0 5px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index:100}

/* Custom colours */
ul#nav li.selected.lightblue{background:url(../images/navbg_lblue.jpg) repeat-x;}
ul#nav li.selected.green{background:url(../images/navbg_green.jpg) repeat-x;}
ul#nav li.selected.yellow{background:url(../images/navbg_yellow.jpg) repeat-x;}
ul#nav li.selected.red{background:url(../images/navbg_red.jpg) repeat-x;}

ul#nav li.lightblue:hover{background:url(../images/navbg_lblue.jpg) repeat-x;}
ul#nav li.green:hover{background:url(../images/navbg_green.jpg) repeat-x;}
ul#nav li.yellow:hover{background:url(../images/navbg_yellow.jpg) repeat-x;}
ul#nav li.red:hover{background:url(../images/navbg_red.jpg) repeat-x;}

ul#nav li.lightblue div.nav_map { background:url(../images/navmapbg_lblue.jpg) no-repeat bottom;}
ul#nav li.green div.nav_map { background:url(../images/navmapbg_green.jpg) no-repeat bottom;}
ul#nav li.yellow div.nav_map { background:url(../images/navmapbg_yellow.jpg) no-repeat bottom;}
ul#nav li.red div.nav_map { background:url(../images/navmapbg_red.jpg) no-repeat bottom;}
/* */

ul#nav li div.nav_map div.navmapblock{ width: 180px; float: left; color:#fff; margin:0 30px 20px 0; }
ul#nav li div.nav_map div.navmapblock a{ color:#fff; font-weight:bold; display:inline; padding:0; }
ul#nav li div.nav_map div.navmapblock a:hover {text-decoration:underline}
ul#nav li div.nav_map div.navmapblock ul a{font-weight:normal;}
ul#nav li div.nav_map div.navmapblock ul li{margin:0; padding:4px 0; font-size:11px}
ul#nav li div.nav_map div.navmapblock ul li:hover {background:none}
ul#nav li div.nav_map div.navmapblock ul li ul li{margin:0; padding:4px 0 4px 8px;}



ul#breadcrumb {list-style: none;  margin-bottom: 20px; padding-bottom:10px; border-bottom:1px solid #ebebeb;}
ul#breadcrumb li {display: inline; background: #fff; padding: 2px 8px 2px 3px; margin:0 5px 0 0; border-right:1px solid #ebebeb}
ul#breadcrumb li.initial {margin:0 3px 0 0; color:#3c2d8e; font-weight:bold}
ul#breadcrumb li a {font-weight:normal; color: #3c2d8e; text-transform: none;}

#banner {border:1px solid #f4f4f4; overflow:hidden; margin-bottom:10px; height:294px;}
#banner h1, #banner h2, #banner h3, #banner h4, #banner h5 {font-weight:normal; padding:0; margin:0;} 

#mainpanel {background:#fff; border:2px #ccc solid; border-top:none; border-bottom:none; padding:20px 10px 20px 10px; clear:both; min-height:500px; height:auto !important; }


#maincontent {background:#fff;}
#maincontent.sub {width:885px;}

#maincontent p {line-height: 16px; text-align:justify}
#maincontent ul {margin:0 0 20px 20px;}
#maincontent ul li {margin:0 0 8px 0; text-align:justify}
#maincontent h1 {color:#3c2d8e;}
#maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6 {text-align:justify}
.darkblue #maincontent h1 {color:#3c2d8e;}
.lightblue #maincontent h1 {color:#65bcd0;}
.green #maincontent h1 {color:#006a51;}
.yellow #maincontent h1 {color:#f8c265;}
.red #maincontent h1 {color:#b8004a;}


#maincontent #sectionnav {width:160px; float:left}
#maincontent #sectionnav h4 {color:#333; font-size:14px; padding:4px; margin:0}
#maincontent #sectionnav ul {list-style:none; font-size:11px; margin:0 0 20px 0;}
#maincontent #sectionnav ul a {color:#3c2d8e; display:block}
#maincontent #sectionnav ul li {margin:0 0 1px 0; background:#f4f4f4; padding:8px 6px; text-align:left}
#maincontent #sectionnav ul li ul li {background:none; list-style:square; margin:0 0 0 20px; padding:6px 0px 6px 4px; color:#fff;}
#maincontent #sectionnav ul li:hover {background:#3c2d8e; color:#fff}
#maincontent #sectionnav ul li.selected a {color:#fff}
.darkblue #maincontent #sectionnav ul li:hover {background:#3c2d8e; color:#fff}
.lightblue #maincontent #sectionnav ul li:hover {background:#65bcd0; color:#fff}
.green #maincontent #sectionnav ul li:hover {background:#006a51; color:#fff}
.yellow #maincontent #sectionnav ul li:hover {background:#f8c265; color:#fff}
.red #maincontent #sectionnav ul li:hover {background:#b8004a; color:#fff}
#maincontent #sectionnav ul li:hover a {color:#fff; text-decoration:none;}
.darkblue #maincontent #sectionnav ul li.selected {background:#3c2d8e; color:#fff}
.lightblue #maincontent #sectionnav ul li.selected {background:#65bcd0; color:#fff}
.green #maincontent #sectionnav ul li.selected {background:#006a51; color:#fff}
.yellow #maincontent #sectionnav ul li.selected {background:#f8c265; color:#fff}
.red #maincontent #sectionnav ul li.selected {background:#b8004a; color:#fff}



#maincontent li.searchresult {padding:0 0 10px 0; border-bottom:#ebebeb solid 1px; margin:0 0 20px 0}
#maincontent li.searchresult ul.path {font-size:14px; margin:0 0 5px 0; padding:0;}
#maincontent li.searchresult ul.path li {display:inline; margin:0 8px 0 0; padding:0 8px 0 0; border-right:1px solid #ccc}
#maincontent li.searchresult ul.path li a {color:#3c2d8e}
#maincontent li.searchresult p a {color:#666; font-size:11px;}
#maincontent li.searchresult p a strong {padding:2px; background:#f8c265; font-style:italic; font-weight:bold}
#maincontent li.searchresult h4 a {color:#3c2d8e; font-size:12px;}

ul#rss {margin:0; padding:0; list-style:none}
ul#rss li.rssheadline {margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #999}
ul#rss li.rssheadline h3 {font-size:12px; color:#3c2d8e; text-transform:uppercase; font-weight:normal; text-align:left}
ul#rss li.rssheadline h4 {margin:0; font-size:11px; color:#666; font-weight:normal; text-align:left}
ul#rss li.rssheadline:hover h3 {color:#333;}
ul#rss li.rssheadline:hover h4 {color:#333;}

#partners { background:url(../images/partnerlogosbg.jpg) no-repeat center;}
div#partnerlogos { padding:23px 10px; height:130px}
div#partnerlogos div {width:700px; overflow:hidden}
div#partnerlogos ul { list-style:none;  margin-left:0px}
div#partnerlogos ul li { display:block; width:135px; height: 100px; margin:10px; padding:10px 10px;}
div#partnerlogos ul li img {margin:7px 0 15px 0}

#maincontent ul li.sitemapprimary {width:170px; display:block; float:left; background:#f8f8f8; margin:0 10px 10px 10px; padding:10px; text-align:left; font-size:14px; text-transform:uppercase}
#maincontent ul li.sitemapprimary a {color:#3c2d8e}
#maincontent ul li.sitemapprimary ul{margin:0; padding:0;}
#maincontent ul li.sitemapprimary li{width:auto; display:block; float:none; margin:4px 0 4px 0; padding:0; font-size:11px; text-transform:none}
#maincontent ul li.sitemapprimary li a {color:#666;}

#maincontent #newslist {margin-left:185px; width:485px}
#maincontent #newslist h2 {color:#3c2d8e; font-size:17px; text-transform:uppercase; font-weight:normal; line-height:21px; margin:10px 0; padding-top:10px;  border-top:1px dotted #ccc}
#maincontent #newslist ul.newsheadlines {margin:0; padding:0; list-style:none}
#maincontent #newslist ul.newsheadlines a:hover {text-decoration:none}
#maincontent #newslist ul.newsheadlines li.rssheadline {margin:0; padding:10px 0; border-bottom:1px dotted #999}
#maincontent #newslist ul.newsheadlines li.rssheadline:hover {background:#f4f4f4;}
#maincontent #newslist ul.newsheadlines li.rssheadline h3 {font-size:12px; color:#3c2d8e; text-transform:uppercase; font-weight:normal; text-align:left}
#maincontent #newslist ul.newsheadlines li.rssheadline h4 {margin:0; font-size:11px; color:#666; font-weight:normal; text-align:left}
#maincontent #newslist ul.newsheadlines li.rssheadline:hover h3 {color:#333;}
#maincontent #newslist ul.newsheadlines li.rssheadline:hover h4 {color:#333;}


.controls {position:relative; padding: 70px 30px 0 30px;}

form#quickcontact {width:auto; margin:0 0 10px 0; padding:0; background:#f4f4f4; border:1px solid #ebebeb;}
form#quickcontact fieldset {border:none; padding:5px 10px; margin:0 0 20px 0; width:auto;}
form#quickcontact legend {font-size:12px; color:#3c2d8e; text-transform:uppercase; font-weight:normal; width:100px; line-height:14px; margin:10px 0 0 0; padding:0}
form#quickcontact p {text-align:left; font-size:11px; line-height:13px; color:#888}
form#quickcontact ul {margin:0; padding:0;}
form#quickcontact ul li {margin:0 0 2px 0; list-style:none}
form#quickcontact label {font-size:11px; color:#888; margin-bottom:4px; display:block }
form#quickcontact input, form#quickcontact textarea {border:1px solid #e2e2e2; padding:2px; background:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666; width:140px}
form#quickcontact input:hover, form#quickcontact textarea:hover {border:1px solid #ccc; background:#fff;}
form#quickcontact textarea {height:60px;}
form#quickcontact input.submit {background:#006a51; padding:2px 15px; color:#fff; border:none; width:auto; margin:5px 0 0 0}

form#contactform {margin:20px 0 0 180px}
form#contactform td {}
form#contactform input, form#contactform textarea {border:1px solid #ebebeb; padding:2px; background:#f8f8f8; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666; width:320px}
form#contactform textarea {height:80px;}
form#contactform input.submit {background:#006a51; padding:2px 15px; color:#fff; border:none; width:auto;}
form#contactform .star {color:#cc0000; font-size:15px; margin:0 6px;}



#footer {background:#303191; border:2px #59629c solid; border-top:none; border-bottom:none; padding:0 0 20px}
#footer .rightcol {width:222px}
#footer a {color:#fff;}
#footer h3 {color: #fff; font-size: 11px; padding: 0; font-weight:bold; display:block; height:30px}
#footer ul {font-size: 11px; color: #fff; margin: 8px 0; list-style:none}
#footer ul li {}
#footer div.footernavlists { padding-left: 10px; }
#footer div.footernavlists div.navlistblock { float:left; width:110px; padding:10px}
#footer div.footernavlists div.navlistblock li {margin-bottom:6px}

#footer form {margin-top:10px; width:150px}
#footer input.search {background:url(../images/searchbgfooter.gif) no-repeat; border:none; display:block; width:107px; height:28px; overflow:hidden; margin-right:28px; padding:8px 0 0 15px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px}
#footer input.searchbtn {background:url(../images/searchbtnfooter.gif) no-repeat; border:none; overflow:hidden; width:28px; height:28px; float:right; padding-top:40px}


ul#footernav {font-size:10px; color:#fff;}
ul#footernav li {padding: 2px 5px; display:inline }
ul#footernav li a:hover {color: #ccc; text-decoration:none }

#copyright {padding:2px 5px;}
#copyright p {color:#ebebeb; font-size:10px}

/* Template css */