body { background:#fff; font-family:Arial, helvetica, sans-serif; font-size:80%; color:#000030; margin:0 auto; width:1000px }

a { color:#000030; text-decoration:none }
a:hover { color:#00adef }
img { border:0 }
h1 { font-size:110% }
h2 { margin-bottom:0; padding-bottom:0; font-size:110%; color:#00adef }
h3 { margin-bottom:0; padding-bottom:0; font-size:100%; color:#00adef }
hr { height:1px; border:0; color:#999999; background:#999999 }
th { text-align:left }
ol li { margin-bottom:25px }
ol ol li { margin-bottom:10px }
ol ol { list-style-type:lower-alpha }

#layout { width:977px; padding:18px 0 30px }

#header { width:100%; height:80px; font-style:italic; background:url(graphics/header/bg.gif) 0 0 repeat-x; text-align:right }
#header .strapline { float:left; padding:18px 15px 0 30px; font-size:180% }
#header strong { padding-right:5px }



/* Main Menu */
#mainmenu { height:29px; padding-left:18px; font-style:italic; font-weight:bold; background:#e8e8ea url(graphics/mainmenu/end.gif) 100% 0 no-repeat }
.on { float:left; color:#00adef; padding:7px 16px 6px 12px; background:url(graphics/mainmenu/bg-button.gif) 100% 0 no-repeat }		/* IE6 fix */
html>body .on { float:left; color:#00adef; padding:7px 16px 7px 12px; background:url(graphics/mainmenu/bg-button.gif) 100% 0 no-repeat }
.on:hover { color:#000030 }
.off { float:left; color:#000030; padding:7px 16px 6px 12px; background:url(graphics/mainmenu/bg-button.gif) 100% 0 no-repeat }		/* IE6 fix */
html>body .off { float:left; color:#000030; padding:7px 16px 7px 12px }
.off:hover { color:#00adef }


/* CSS Dropdown Menus */
#csstopmenu, #csstopmenu ul { margin:0; padding:0; list-style:none }
#csstopmenu ul.submenus { position:absolute; top:29px; left:0; width:230px; z-index:1; padding:0 }
#csstopmenu li { float:left; position:relative }

.submenus { display:none; width:10em; position:absolute; top:0; left:0; background-color:#d1d2d4 }
.submenus li { width:100%; font-weight:normal; text-align:left }
.submenus li a { display:block; width:100%; text-indent:5px; color:#000030; padding:5px 12px 5px }
html>body .submenus li a { /* non IE browsers */ width:auto }
.submenus li a:hover { background-color:#e8e9ea; color:#00adef }

#csstopmenu li>ul {/* non IE browsers */ top:auto; left:auto }
#csstopmenu li:hover ul, li.over ul { display:block }
html>body #clearmenu { /* non IE browsers */ height:3px }




.column_left { float:left; width:540px; margin-top:15px }
.column_right { float:right; width:420px; margin-top:15px }
//.column_left { float:left; width:557px; margin-top:15px }
//.column_right { float:right; width:420px; margin-top:15px }
.column_full { margin-top:15px }



/* --- Banners ---*/
#banner a { padding-right:15px; font-style:italic; color:#ffcc00; background:url(/graphics/arrows/yellow-right.gif) 100% 60% no-repeat }
#banner a:hover { color:#00adef; background:url(/graphics/arrows/lightblue-right.gif) 100% 60% no-repeat }


/* --- How To Find Us --- */
#howtofindus { height:29px; margin-top:171px; padding:6px 0 0 10px; font-size:110%; font-weight:bold; background:url(/graphics/bg-howtofindus.gif) 100% 0 no-repeat }
#howtofindus a { color:#fff; background:url(/graphics/arrows/white-right.gif) 100% 55% no-repeat }
#howtofindus a:hover { color:#ffcc00; background:url(/graphics/arrows/yellow-right.gif) 100% 55% no-repeat }


/* --- Boxouts --- */
.boxout { margin-bottom:15px }

.boxout .grey a { color:#000030 }
.boxout .grey a:hover { color:#00adef }

.boxout .grey .title { background:#e3e4e5 }
.boxout .grey .title .titleheader .left { background:url(graphics/corners/grey-title-tl.gif) 0 0 no-repeat }
.boxout .grey .title .titleheader .right { float:right; background:url(graphics/corners/grey-title-tr.gif) 100% 0 no-repeat }
.boxout .grey .title .titlebody { padding:0 27px 0 }
.boxout .grey .title .titlefooter .left { background:url(graphics/corners/grey-title-bl.gif) 0 100% no-repeat }
.boxout .grey .title .titlefooter .right { float:right; background:url(graphics/corners/grey-title-br.gif) 100% 100% no-repeat }

.boxout .grey .content { background:#d1d2d4 }
.boxout .grey .content .contentbody { padding:15px 27px 0 }
.boxout .grey .content .contentfooter .left { background:url(graphics/corners/grey-body-bl.gif) 0 100% no-repeat }
.boxout .grey .content .contentfooter .right { float:right; background:url(graphics/corners/grey-body-br.gif) 100% 100% no-repeat }

.boxout .dblue { color:#fff }
.boxout .dblue a { color:#fff; text-decoration:underline }
.boxout .dblue a:hover { color:#ffcc00 }

.boxout .dblue .title { background:#4d4d6f }
.boxout .dblue .title .titleheader .left { background:url(graphics/corners/dblue-title-tl.gif) 0 0 no-repeat }
.boxout .dblue .title .titleheader .right { float:right; background:url(graphics/corners/dblue-title-tr.gif) 100% 0 no-repeat }
.boxout .dblue .title .titlebody { padding:0 27px 0 }
.boxout .dblue .title .titlefooter .left { background:url(graphics/corners/dblue-title-bl.gif) 0 100% no-repeat }
.boxout .dblue .title .titlefooter .right { float:right; background:url(graphics/corners/dblue-title-br.gif) 100% 100% no-repeat }

.boxout .dblue .content { background:#000030 }
.boxout .dblue .content .header .left { float:left; width:10px; height:10px; background:url(graphics/corners/dblue-body-tl.gif) 0 0 no-repeat }
.boxout .dblue .content .header .right { float:right; width:10px; height:10px; background:url(graphics/corners/dblue-body-tr.gif) 100% 0 no-repeat }
.boxout .dblue .content .contentbody { padding:5px 27px 0 }
.boxout .dblue .content .contentfooter .left { background:url(graphics/corners/dblue-body-bl.gif) 0 100% no-repeat }
.boxout .dblue .content .contentfooter .right { float:right; background:url(graphics/corners/dblue-body-br.gif) 100% 100% no-repeat }

.boxout .lblue { color:#000030 }
.boxout .lblue a { color:#fff; font-weight:bold }
.boxout .lblue a:hover { color:#ffcc00 }

.boxout .lblue .title { color:#fff; background:#4dc6f4 }
.boxout .lblue .title .titleheader .left { background:url(graphics/corners/lblue-title-tl.gif) 0 0 no-repeat }
.boxout .lblue .title .titleheader .right { float:right; background:url(graphics/corners/lblue-title-tr.gif) 100% 0 no-repeat }
.boxout .lblue .title .titlebody { padding:0 27px 0 }
.boxout .lblue .title .titlebody a { padding:0 12px 0 0; background:url(graphics/arrows/white-right-small.gif) 100% 50% no-repeat }
.boxout .lblue .title .titlefooter .left { background:url(graphics/corners/lblue-title-bl.gif) 0 100% no-repeat }
.boxout .lblue .title .titlefooter .right { float:right; background:url(graphics/corners/lblue-title-br.gif) 100% 100% no-repeat }

.boxout .lblue .content { background:#00adef }
.boxout .lblue .content .contentbody { padding:5px 27px 0 }
.boxout .lblue .content .contentfooter .left { background:url(graphics/corners/lblue-body-bl.gif) 0 100% no-repeat }
.boxout .lblue .content .contentfooter .right { float:right; background:url(graphics/corners/lblue-body-br.gif) 100% 100% no-repeat }

.boxout .pink { color:#fff }
.boxout .pink a { color:#fff; font-weight:bold }
.boxout .pink a:hover { color:#ffcc00 }

.boxout .pink .title { color:#fff; background:#f09abf }
.boxout .pink .title .titleheader .left { background:url(/graphics/corners/pink-title-tl.gif) 0 0 no-repeat }
.boxout .pink .title .titleheader .right { float:right; background:url(/graphics/corners/pink-title-tr.gif) 100% 0 no-repeat }
.boxout .pink .title .titlebody { padding:0 27px 0 }
.boxout .pink .title .titlebody a { padding:0 12px 0 0; background:url(/graphics/arrows/white-right-small.gif) 100% 50% no-repeat }
.boxout .pink .title .titlefooter .left { background:url(/graphics/corners/pink-title-bl.gif) 0 100% no-repeat }
.boxout .pink .title .titlefooter .right { float:right; background:url(/graphics/corners/pink-title-br.gif) 100% 100% no-repeat }

.boxout .pink .content { background:#ea6fa3 }
.boxout .pink .content .contentbody { padding:5px 27px 0 }
.boxout .pink .content .contentheader .left { background:url(/graphics/corners/pink-body-tl.gif) 0 0 no-repeat }
.boxout .pink .content .contentheader .right { float:right; background:url(/graphics/corners/pink-body-tr.gif) 100% 0 no-repeat }
.boxout .pink .content .contentfooter .left { background:url(/graphics/corners/pink-body-bl.gif) 0 100% no-repeat }
.boxout .pink .content .contentfooter .right { float:right; background:url(/graphics/corners/pink-body-br.gif) 100% 100% no-repeat }

.boxout .video .title { background:#d1d2d4 }
.boxout .video .title .titleheader .left { width:60px; background:#000030 url(graphics/corners/dblue-body-tl.gif) 0 0 no-repeat }
.boxout .video .title .titleheader .right { float:right; background:url(graphics/corners/grey-body-tr.gif) 100% 0 no-repeat }
.boxout .video .title .titleheader .left .right { float:right; background:url(graphics/corners/dblue-grey-tr.gif) 100% 0 no-repeat }
.boxout .video .content { background:#d1d2d4; font-size:100%; color:#000030 }
.boxout .video .content a { color:#000030 }
.boxout .video .content a:hover { color:#00adef }
.boxout .video .content .credits { float:left; margin:10px 0 0 30px; font-size:80%; color:#999 }
.boxout .video .content .credits a { color:#999 }
.boxout .video .content .credits a:hover { color:#000030 }
.boxout .video .content .videologo { float:left; width:60px; padding:20px 0; background:#000030; text-align:center }
.boxout .video .content .contentbody { padding:5px 27px 0; text-align:right }
.boxout .video .content .contentfooter .left { width:60px; background:#000030 url(graphics/corners/dblue-body-bl.gif) 0 100% no-repeat }
.boxout .video .content .contentfooter .right { float:right; background:url(graphics/corners/grey-body-br.gif) 100% 100% no-repeat }
.boxout .video .content .contentfooter .left .right { float:right; background:url(graphics/corners/dblue-grey-br.gif) 100% 0 no-repeat }


.title { font-weight:bold }
.title h1, .title h2 { margin:0 }
.title .titlebody a { font-weight:normal }
.title .titleheader, .title .titlefooter, .content .contentfooter, .content .contentheader { height:10px }
.title .titleheader .left, .title .titleheader .right, .title .titlefooter .left, .title .titlefooter .right, .content .contentfooter .left, .content .contentfooter .right, .content .contentheader .left, .content .contentheader .right { width:10px; height:10px }

.contentbody p { margin-bottom:20px }
.content .contentbody h2 a { padding-right:12px; color:#00adef; text-decoration:none; background:url(graphics/arrows/lightblue-right-small.gif) 100% 50% no-repeat }
.grey .content .contentbody h2 a { color:#000030; text-decoration:none; background:url(graphics/arrows/darkblue-right-small.gif) 100% 50% no-repeat }
.grey .content .contentbody h2 a:hover { color:#00adef; background:url(graphics/arrows/lightblue-right-small.gif) 100% 50% no-repeat }
.dblue .content .contentbody h2 a { color:#00adef; text-decoration:none; background:url(graphics/arrows/lightblue-right-small.gif) 100% 50% no-repeat }
.dblue .content .contentbody h2 a:hover { color:#ffcc00; background:url(graphics/arrows/yellow-right-small.gif) 100% 50% no-repeat }
.lblue .content .contentbody h2 a { color:#fff; text-decoration:none; background:url(graphics/arrows/white-right-small.gif) 100% 50% no-repeat }
.lblue .content .contentbody h2 a:hover { color:#ffcc00; background:url(graphics/arrows/yellow-right-small.gif) 100% 50% no-repeat }


.newstories p { margin:5px 0 0 115px }
.newsthumb { float:left; margin-right:15px }



.gallery { float:left; margin:0 35px 50px 35px; font-family:Arial, Helvetica, Sans-serif; text-align:center }
html>body .gallery { float:left; margin:0 0 50px 70px }
.gallery img { border:solid 7px #00adef }
.gallery img:hover { border-color:#ffcc00 }
.gallery a { display:block; color:#000030; font-weight:bold; padding:9px 9px 9px }
.gallery a:hover { color:#00adef; text-decoration:none }
.place { font-size:80%; color:#000030; font-weight:normal }




/* --- Colours --- */
.light_blue { color:#00adef }
.dark_blue { color:#000030 }
.yellow { color:#ffcc00 }
.red { color:#ff5959 }





/** --- Footer --- **/
#footer { height:70px; margin-top:20px; padding:0 0 0 30px; font-size:85%; background:url(graphics/footer/bg.gif) 0 0 repeat-x }

#footer #contact { float:right; width:280px; height:70px; background:url(graphics/footer/bg-right.gif) 100% 0 no-repeat; text-align:center }
#footer #contact #phone { padding:3px 0 0 25px; font-weight:bold }
#footer #contact #webaddress { padding:23px 0 0 10px; font-size:130%; font-style:italic }
#footer #contact #webaddress a { color:#fff; text-decoration:none }
#footer #contact #webaddress a:hover { color:#fc0 }

#footer #footerlinks { padding-top:3px; color:#000030 }
#footer #footerlinks a { margin-right:10px; color:#000030; text-decoration:none }
#footer #footerlinks a:hover { color:#00adef }
#footer #footerlinks .copyright, #footer #footerlinks .copyright a { color:#fff  }
#footer #footerlinks .copyright a:hover { color:#00adef }

#footer #strapline { margin:23px 0 0; font-size:150%; font-style:italic }




.floatleft { float:left }
.floatright { float:right }

.leftalign { text-align:left }
.rightalign { text-align:right }
.centeralign { text-align:center }

.clear { clear:both; height:0; line-height:0; font-size:1%; /*for IE*/ }
.clear_right { clear:right; height:0; line-height:0; font-size:1%; /*for IE*/ }

#trace, .trace { border:solid 1px #ff0000 }