body {font-family:"Arial Black", Arial, Helvetica, sans-serif ; font-size:14px; #ffffff; color:#000000;}
a, a:hover { color:#ff33cc; text-decoration:none;}
h1, h1 a { font-size:1.4em; font-weight:bold; text-transform:uppercase; color:#ff33cc;}

#bkg object{position:absolute; top:0; left:0; width:100%; height:100%;}

#left {background-color:#ff33cc; width:240px; float:left; margin-bottom:-15px; height:100%!important; position:absolute!important; top:0; left:0;}
#left_push { float:left; height:50%; margin-bottom:-156px; position:relative; width:240px;}
#left_ctn { clear:both; height:312px; position:relative;}

#logo a{ background-image:url(site/sprite.png); background-repeat: no-repeat; background-position:0 0; width:240px; height:110px; display:block;}
#menu {width:240px; height:201px;}
#menu ul.top_itm {width:240px;}
#menu li.top_itm {width:240px; }

#menu a.top_itm {width:240px; display:block; background-image:url(site/sprite.png); background-repeat:no-repeat;}
#nav_1 a.top_itm { height:38px; background-position:0 -110px}
#nav_2 a.top_itm { height:25px; background-position:0 -148px}
#nav_3 a.top_itm { height:49px; background-position:0 -173px}
#nav_4 a.top_itm { height:51px; background-position:0 -222px}
#nav_5 a.top_itm { height:38px; background-position:0 -273px}

#menu li.tactive a.top_itm, #menu a.top_itm:hover, #menu a.MenuBarItemSubmenu:hover, #menu a.MenuBarItemSubmenuHover {  background-color:#fff;}
#nav_1.tactive a.top_itm, #nav_1 a.top_itm:hover, #nav_1 a.MenuBarItemSubmenuHover {background-position:-240px -110px;}
#nav_2.tactive a.top_itm, #nav_2 a.top_itm:hover, #nav_2 a.MenuBarItemSubmenuHover {background-position:-240px -148px;}
#nav_3.tactive a.top_itm, #nav_3 a.top_itm:hover, #nav_3 a.MenuBarItemSubmenuHover {background-position:-240px -173px;}
#nav_4.tactive a.top_itm, #nav_4 a.top_itm:hover, #nav_4 a.MenuBarItemSubmenuHover {background-position:-240px -222px;}
#nav_5.tactive a.top_itm, #nav_5 a.top_itm:hover, #nav_5 a.MenuBarItemSubmenuHover {background-position:-240px -273px;}

#menu a.top_itm span {display:none;}
#menu ul.sub_itm { width:300px;}
#menu li.sub_itm {clear:both;}
#menu a.sub_itm {font-size:1.6em; width:300px; display:block; text-align:justify; text-transform:uppercase; letter-spacing:-3px; line-height:1em; padding:2px 0; color:#ff33cc; background-color:#fff;}
#menu a.sub_itm:hover, #menu li.active a{background-color:#ff33cc; color:#fff;}




.b #left {background-color:#2f3031;}
.b #logo a{ background-position:-240px 0;}
.b #nav_1 a.top_itm { height:38px; background-position:-240px -110px}
.b #nav_2 a.top_itm { height:25px; background-position:-240px -148px}
.b #nav_3 a.top_itm { height:49px; background-position:-240px -173px}
.b #nav_4 a.top_itm { height:51px; background-position:-240px -222px}
.b #nav_5 a.top_itm { height:38px; background-position:-240px -273px}
.b #menu li.tactive a.top_itm, .b #menu a.top_itm:hover, .b #menu a.MenuBarItemSubmenu:hover, .b #menu a.MenuBarItemSubmenuHover { background-color:#ff33cc;}
.b #nav_1.tactive a.top_itm, .b #nav_1 a.top_itm:hover, .b #nav_1 a.MenuBarItemSubmenuHover {background-position:0 -110px}
.b #nav_2.tactive a.top_itm, .b #nav_2 a.top_itm:hover, .b #nav_2 a.MenuBarItemSubmenuHover {background-position:0 -148px}
.b #nav_3.tactive a.top_itm, .b #nav_3 a.top_itm:hover, .b #nav_3 a.MenuBarItemSubmenuHover {background-position:0 -173px}
.b #nav_4.tactive a.top_itm, .b #nav_4 a.top_itm:hover, .b #nav_4 a.MenuBarItemSubmenuHover {background-position:0 -222px}
.b #nav_5.tactive a.top_itm, .b #nav_5 a.top_itm:hover, .b #nav_5 a.MenuBarItemSubmenuHover {background-position:0 -273px}
.b #menu a.sub_itm {color:#fff; background-color:#ff33cc;}
.b #menu a.sub_itm:hover, #menu li.active a{background-color:#fff; color:#ff33cc;}


.w #left {background-color:#fff;}
.w #logo a{ background-position:-240px 0;}
.w #nav_1 a.top_itm { height:38px; background-position:-240px -110px}
.w #nav_2 a.top_itm { height:25px; background-position:-240px -148px}
.w #nav_3 a.top_itm { height:49px; background-position:-240px -173px}
.w #nav_4 a.top_itm { height:51px; background-position:-240px -222px}
.w #nav_5 a.top_itm { height:38px; background-position:-240px -273px}
.w #menu li.tactive a.top_itm, .w #menu a.top_itm:hover, .w #menu a.MenuBarItemSubmenu:hover, .w #menu a.MenuBarItemSubmenuHover { background-color:#ff33cc;}
.w #nav_1.tactive a.top_itm, .w #nav_1 a.top_itm:hover, .w #nav_1 a.MenuBarItemSubmenuHover {background-position:0 -110px}
.w #nav_2.tactive a.top_itm, .w #nav_2 a.top_itm:hover, .w #nav_2 a.MenuBarItemSubmenuHover {background-position:0 -148px}
.w #nav_3.tactive a.top_itm, .w #nav_3 a.top_itm:hover, .w #nav_3 a.MenuBarItemSubmenuHover {background-position:0 -173px}
.w #nav_4.tactive a.top_itm, .w #nav_4 a.top_itm:hover, .w #nav_4 a.MenuBarItemSubmenuHover {background-position:0 -222px}
.w #nav_5.tactive a.top_itm, .w #nav_5 a.top_itm:hover, .w #nav_5 a.MenuBarItemSubmenuHover {background-position:0 -273px}
.w #menu a.sub_itm {color:#fff; background-color:#ff33cc;}
.w #menu a.sub_itm:hover, #menu li.active a{background-color:#fff; color:#ff33cc;}


#main {margin-left:240px;  margin-bottom:-15px;  height:100%!important;}
#main_push { float:left; height:50%; margin-bottom:-250px; position:relative; width:700px;}
#act_ctn { height:500px; background:url(site/ctn_bkg.png) repeat; clear:both; position:relative; overflow:auto;}
#active_posts { width:660px; margin:20px; text-align:left;}
.post_title {font-size:2.1em; font-weight:bold; width:200px; display:block; text-align:justify; text-transform:uppercase; letter-spacing:-3px; line-height:1em;}
#shadow { position:absolute; top:0; left:0; height:100%; width:10px; background:url(site/sprite.png) repeat-y top right;}

.push { height:15px;}
#footer { font-family:Arial, Helvetica, sans-serif;}
#map {float:right; padding:0 20px; text-align:right; }
#map {font-size:0.7em; color:#fff;  background-color:#2f3031; }
#map a {color:#fff;}
#map span { display:inline-block; padding:0 4px; line-height:15px; }
#map span.links {border-right: 1px solid #fff;}
#map span.links a:hover { color:#2f3031; background-color:#fff;}
#map span.endlink {margin:0; padding:0; }
#map span.optimised {display:none;}
/****************************************************************
DON'TOUCH !!!!!!
****************************************************************/
html, body {margin:0; padding:0; height:100%; width:100%; text-align:center;}

.wrapper {min-height: 100%; height: auto !important; height: 100%; position:relative; padding:0;}
.push {clear:both;}
.footer {position:relative; padding:0;}

img {border:none; }

div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }

.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}
.thumbRF{ margin:0px 0px 3px 10px;float:right; } 
.thumbLF { margin:0px 10px 3px 0px; float:left; }

.clear {clear:both;}

ul.menu{margin:0;padding:0;list-style-type:none;cursor:default;display:block;float:left;}
ul.menu li{margin:0;padding:0;display:block;list-style-type:none;position:relative;float:left;}
ul.menu li a {display:block;cursor:pointer;}
ul.menu ul{ padding:0;list-style:none;z-index:1020;cursor:default;position:absolute;left:-1000em;}
ul.MenuBarHorizontal ul {margin:0;}
ul.MenuBarVertical ul{margin:0 0 0 100%;top:0;}
ul.MenuBarActive {z-index:1000;}
ul.menu ul.MenuBarSubmenuVisible{left:auto;}
ul.MenuBarHorizontal iframe{position:absolute;z-index:1010;background:none;border:none;}
ul.menu iframe{position:absolute;z-index: 1010;}
@media screen, projection {li.MenuBarItemIE{display:inline;f\loat:left;}}

table.table {width:100%; clear:both; border-collapse:collapse;}
tr.tblrow {text-align:left; vertical-align:top; }
td.cell { border:none; text-align:left; vertical-align:top;}
div.cellctn {padding:3px;}
a.pdf {line-height:3em; font-weight:bold; font-size:1.2em; background: url(admin/a_pdf.jpg) center left no-repeat; padding-left:20px; }
.calendar {text-align:center;}
.cal_holder {width:100%; }
.cal_holder .ccell {width:14%; display:block; float:left;} 
.cal_holder span.date {width:70%; display:block; float:left;}
.cal_holder a.nav, .cal_holder a.cal { cursor:pointer;}
.cal_holder ul.cal, .cal_holder ul.cal_sub, .cal_holder li.cal, .cal_holder li.cal_sub {display:block; margin:0; padding:0; list-style:none;}
.cal_holder ul.cal, .cal_holder li.cal { float:left;}
.cal_holder ul.cal {width:100%;}
.cal_holder li.ccell {height:1.2em; position:relative;}
.cal_holder a.cal {display:block;}
.cal_holder ul.cal_drop{text-align:left;}
.cal_holder ul.cal_drop{margin: 0; position: absolute; z-index: 1020; cursor: default; left: -1000em;}
.cal_holder ul.right{left:auto; right:0;}
.cal_holder ul.left{left:0;}