html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align:top;
    

}

body {background: #ecf1f5; line-height: 1; font-family: arial, sans-serif;font-size: 75%;}

#wrap {width: 980px; margin: 0 auto; background: transparent url(../Images/bck_containerRepeat.gif) repeat-y; } 
#container {width: 960px; margin-left: 10px;}
#header {background: transparent url(../Images/bck_headerBottom.gif) 0 98px repeat-x;}
#header a img {float: left; margin: 38px 0 0 42px;}
#header img {float: right; margin: 10px 35px 8px 0;}

#banner {position: relative; height: 395px;}
#banner h1 {text-indent: -2000em;position: absolute;}
#banner img {position: absolute; left: 0; top: 0; border: 1px solid #0273ff;border-right: 1px solid #0273ff; border-top: 1px solid #0273ff; }
h1#welcome {width: 895px; height: 114px; background: transparent url(../Images/header_welcome.png) no-repeat; top: 277px; left: 33px;}

#navigation ul li{list-style: none; float: left; margin: 0; padding: 0 0 5px 18px; color: White; display: block }
#navigation ul {float: left;background: transparent url(../Images/bck_nav.gif) no-repeat;width: 960px;}
#navigation ul li a {border-right: 1px solid #0273ff;color: #fff;  text-transform: uppercase; padding: 12px 29px 13px 9px; display: block; text-decoration: none}
#navigation ul li a:hover {text-decoration: underline;}
#navigation ul li.active a.active {background: transparent url(../Images/bck_navselectedRight.gif) no-repeat top right; }
#navigation ul li.active span {}
#navigation ul li.active {background:  url(../Images/bck_navselectedLeft.gif) no-repeat;}

#subnav ul {float: left;background: #013a81 url(../Images/bck_subNavRepeat.gif) repeat-x; position: relative; top: -5px; width: 944px; padding-left: 16px;}
#subnav ul li {float: left; list-style: none; padding: 8px 0 7px 0; }
#subnav ul li a {color: White; text-transform:uppercase; text-decoration: none; font-size: 0.9em; border-right: 1px solid white; display: block; padding: 0 10px;}
#subnav ul li a:hover,#subnav ul li a.active {text-decoration: underline;}

#main { margin: 28px 25px 20px 25px; background: transparent url(../Images/bck_mainRepeat.gif) 0px 30px repeat-y; float: left;}
#main #left {float: left; width: 504px; padding: 0px 40px 0 0; min-height: 600px; }
#main #left .copy {padding-left: 45px;}
#main #left .copy img {float: left; margin-right: 10px;}
#main #left .copy p em {font-style: italic;}
#main #left .copy p strong {font-weight: bold;}
#main #left p.lead {font-size: 1.3em;}
#main #left ul { margin: 7px 15px 20px 15px; color: #888; line-height: 1.4}
#main #left ul li {margin: 5px 0;}
#main #left ul li strong {font-weight: bold;}
#main #left h1 {color: #dc5442; margin-bottom: 15px; padding: 4px 0 3px 45px; background: transparent url(../Images/icon_fish.gif) no-repeat;}
#main #left h3 {color: #1a4d8d; margin: 15px 0 3px 0;} 
 
#main #right {float: left;margin: 0px 0 0 40px; width: 314px;}
#main #right #noticeboard {padding-bottom: 20px; border-bottom: 1px solid #023b81;}
#main #right #noticeboard h2 { margin-top: 30px;}
#main #right p#rss {padding-top: 20px;}
p#viewAllPosts {margin-top: 10px;}
#main #right #simplyFish {padding-bottom: 20px; border-bottom: 1px solid #023b81; margin-bottom: 30px;}
#main #right #simplyFish h2 {margin-top: 30px;}
#main #right #simplyFish img {margin: 20px 10px 0 0; float: left;}
#main #right #simplyFish {float: left; width: 314px; }


#main #right #noticeboard .post h4 {color: #888; font-weight: bold; font-size: 1em;}
#main #right #noticeboard .post p {margin: 0;} 
#main #right p a.rss {background: transparent url(../Images/icon_rss.gif) no-repeat; padding: 5px 0 10px 30px;}

#main #right #noticeboard .post p.details {margin: 20px 0 2px 0}
#main #right #noticeboard .post p.details a {color: #888; font-weight: bold; margin: 0; padding: 0;}

#main #right #contactPanel {border-bottom: 1px solid #023b81; padding-bottom: 20px; clear: left; }
#main #right #contactPanel h2 { margin: 30px 0 20px 0;} 

#search {margin-top: 10px; border-bottom: 1px solid #023b81; padding-bottom: 30px;}
#search input {border: 1px solid #023b81; color: #023b81; padding: 2px; }
#search input.submit {padding: 1px 8px; background: url(../Images/bck_searchButton.gif) repeat-x;}
  
#footer {clear: left; width: 560px; margin: 20px auto 0 auto;background: transparent url(../Images/bck_footer.gif) no-repeat; padding: 10px 0 0px 0; height: 23px }
#footer ul {float: left; padding: 0 0 0 115px; margin: 0;}
#footer ul li {float: left; list-style: none}
#footer ul li a {color: #fff; padding: 4px 35px 4px 0; display: block;}
     
#bottomPanel {width: 960px; border-top: 1px solid #0374ff; background-color: #013a81; height: 98px;}


.screenReaderMenu {display: none}

a img {border: none;}
h1, h2 {font-family: "Times New Roman", serif;color: #1a4d8d; font-size: 1.8em}
a { color: #1a4d8d; text-decoration: none;}
a:hover {text-decoration: underline}
.clear {clear: both}
p {color: #888; margin-bottom: 15px;line-height: 1.6}