body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url("images/body.jpg"); background-repeat: repeat-x; background-color: rgb(43,97,131); }
img, a img { margin: 0px 0px 0px 0px; border: none; outline: none; }
.clear { height: 1px; line-height: 1px; clear: both; }
ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

.container { width: 960px; height: 200px; margin: 0px auto; }

.header { width: 960px; height:78px;}
.header-logo { position: absolute; margin: 5px 0px 0px 0px; width: 183px; height: 73px; }
.header-searchbox { position: absolute; margin: 5px 0px 0px 750px; width: 210px; height: 65px; }

.menu { margin: 0px 0px 0px 0px; width: 960px; height:37px;}
ul.menubar { margin: 0px 0px 0px 0px; padding:0px 0px 0px 5px;}
ul.menubar li { display: inline; margin: 0px 13px 0px 13px; }

table.formtable { margin: 5px 0px 0px 0px; }

.content-top { margin: 10px 0px 0px 0px; width: 960px; height: 12px; line-height:1px; background-image: url("images/content-top.jpg"); background-repeat: no-repeat; }
.content { margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; width: 940px; background-color: #F1F1F1; }
.content-bottom { width: 960px; height: 13px; line-height:1px; background-image: url("images/content-bottom.png"); background-repeat: no-repeat; }

form input.search { width: 90px; height: 15px; font-size: 12px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; }

div.imageleft { float: left; width: 505px; margin: 0px 0px 20px 0px; padding: 5px 5px 5px 5px; background-color: #FFFFFF; border: 1px solid #E4E4E4; }
div.cmscontent { float: right; width: 405px; padding: 5px 5px 5px 5px; }

div.latestnews { float: left; width: 505px; padding: 5px 5px 5px 5px; background-color: #FFFFFF; border: 1px solid #E4E4E4; }
div.newsheading { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #4D4D80; width: 500px; }
div.articleheading { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #4D4D80; width: 610px; }
div.archiveheading { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #4D4D80; width: 255px; }
div.whats-on { float: right; width: 400px; padding: 5px 5px 5px 5px; background-color: #FFFFFF; border: 1px solid #E4E4E4; }
div.whatsonheading {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #668099; width: 205px;  }

div.newsitem { width: 505px; height: 95px; border-bottom: 1px dashed #E4E4E4; }
div.newsitem-image { float: left; width: 100px; height: 80px; margin: 5px 0px 5px 0px; }
div.newsitem-content { float: right; width: 380px; height: 80px; margin: 5px 0px 5px 0px; }

div.eventitem { width: 400px; height: 55px; border-bottom: 1px dashed #E4E4E4; }
div.eventitem-calendar { float: left; width: 41px; height: 42px; background-image: url("images/calendarbox.jpg"); margin: 5px 0px 5px 0px; padding: 3px 0px 0px 0px; font-family: Arial; font-size: 16px; color: #FFFFFF; text-align: center; }
div.eventitem-content { float: right; width: 345px; height: 45px; margin: 5px 0px 5px 0px; }

div.justgive { float: right; width: 410px; height: 100px; margin: 10px 0px 0px 0px; }

div.hotboxes { float: left; width: 515px; margin: 15px 0px 0px 0px; padding: 25px 0px 0px 0px; }
div.hotbox { width: 155px; height: 190px; background-color: #668080; float: left; padding: 0px 0px 0px 0px; cursor: pointer; }

div.videobox { float: right; width: 410px; border: 1px solid #E4E4E4; background-color: #FFFFFF; margin: 10px 0px 0px 0px; text-align: center; padding: 20px 0px 20px 0px; }

div.communitybox { float: right; width: 410px; height: 125px; background-color: #4D4D80; margin: 10px 0px 0px 0px; }

div.footer { width: 960px; margin: 5px 0px 0px 0px; }
div.footer-vitals { width: 960px; }
div.footer-copyright { float: left; }
div.footer-design { float: right; }
div.footer-contact { width: 960px; clear: both; text-align: center; padding: 5px 0px 0px 0px; }

div.newsbox { width: 630px; float: left; }
div.searchnews { float: right; width: 350px; background-color: #FFFFFF; border: 1px solid #E4E4E4; padding: 5px 5px 5px 5px; }
div.newsarticle { width: 610px; background-color: #FFFFFF; border: 1px solid #E4E4E4; padding: 15px 15px 15px 15px; margin: 0px 0px 15px 0px; }
div.categorybox { width: 255px; float: right; background-color: #FFFFFF; border: 1px solid #E4E4E4; padding: 15px 15px 15px 15px; margin: 0px 0px 15px 0px; }

div.contactinfo { width: 940px; margin: 0px 0px 10px 0px; }
div#GMap { float: left; width: 500px; height: 375px; }
div.contactform { float: right; width: 425px; height: 375px; }

h1 { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; background-image: url("images/h1.jpg"); background-repeat: no-repeat; width: 322px; height: 41px; text-align: center; font-family: Arial; color: #00334D; font-size: 24px; }
h2 { margin: 2px 0px 2px 5px; padding: 0px 0px 0px 0px; font-family: Arial; color: #FFFFFF; font-size: 18px; font-weight: normal; }
h3 { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; color: #595988; font-family: Arial; font-size: 14px; }
h4 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #000000; font-family: Arial; font-size: 13px; }

p { font-family: Arial; font-size: 13px; line-height: 15px; color: #00334D; }
p.newscontent { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Arial; font-size: 13px; line-height: 17px; color: #000000; }
p.articlecontent { padding: 0px 0px 0px 0px; margin: 9px 0px 9px 0px; font-family: Arial; font-size: 13px; line-height: 17px; color: #00334D; }
a.newslink { font-family: Arial; font-size: 13px; color: #595988; text-decoration: none; font-weight: bold; }
a.newslink:hover { color: #F2026C; }
p.eventcontent { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Arial; font-size: 12px; color: #666666; }
div.hotboxspan { padding: 4px 10px 5px 20px; line-height: 12px; }
a.hotboxlink { font-family: Arial; font-size: 12px; color: #FFFFFF; text-decoration: none; line-height: 12px; }
a.hotboxlink:hover { color: #595988; }
p.footertext { font-family: Arial; color: #FFFFFF; font-size: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
p.footertext a { font-family: Arial; color: #FFFFFF; font-size: 12px; text-decoration: none; line-height: 12px; }
p.footertext a:hover { color: #FFFFFF; }
p a.archivelink { font-family: Arial; color: #F2026C; font-size: 13px; font-weight: bold; text-decoration: none; }
p a.archivelink:hover { color: #595988; }

form.contactusform table { margin: 10px 0px 0px 0px; }
form.contactusform td { padding: 5px 0px 0px 10px; }
form.contactusform p { font-family: Arial; font-size: 13px; line-height: 15px; color: #00334D; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; }
form.contactusform input[type=text] { width: 190px; }
form.contactusform textarea { width: 402px; height: 100px; }

th { font-family: Arial; background-color: #CCCCCC; text-align: left; padding: 2px 2px 2px 2px; }
td { font-family: Arial; font-size: 11px; padding: 2px 2px 2px 2px; }
td.even { background-color: #EEEEEE; }
td.odd { background-color: #DDDDDD; }