/*!
 * BDAA Stylesheet
 * Author : Broadwave http://broadwave.co.uk
 */

 body,html {color:#4d4d4d;}

h1 {color:#1972b4;font-size:26px;margin-top:0;}
h2 {color:#2db5ff;font-size:22px;padding:0 0 20px 0;margin:0;}
h3 {color:#2db5ff;font-size:18px;padding:0 0 20px 0;margin:0;}
h4 {color:#2db5ff;font-size:18px;padding:20px 0 20px 0;margin:0;}
h5 {color:green;font-size:18px;padding:20px 0 20px 0;margin:0;}

a:link {color:#4067a7;}
a:visited {color:#4067a7;}
a:active {color:#4067a7;}
a:hover {color:#8ea7cf;}

ul {margin-bottom:20px;}

 #header {max-width:1170px;text-align:center;margin-left:auto;margin-right:auto;width:100%;}
 #mobile {display:none;}

.icon {cursor:pointer;outline:none;}

.navright {float:right;}
.dashtable{width:100%;}
.dashtable td {padding:5px;}
.dashtable th {padding:5px 10px 5px 10px;background-color:#0063b1;color:#fff;}


.pimage {float:left;width:20%;}
.pcontent {float:left;width:80%;}

 #dashline {border-bottom:5px dotted #ccc;padding:30px 0 0 0;}

.donate {padding:10px;float:right;display:block;color:#fff;background-color:red;font-weight:bold;border-radius:0 0 5px 5px;}
.donate a {color:#fff;}
.donate a:hover {color:#fff;text-decoration:underline;}

#topnav li {list-style-type:none;float:left;margin-right:30px;padding:20px 0 0 0;font-weight:bold;}
#topnav li a {color: #032f68;}

#topsubnav ul {float:right;}
#topsubnav li {text-align:right;list-style-type:none;float:right;margin-left:30px;padding:20px 0 0 0;font-weight:bold;font-size:18px;}
#topsubnav li a {color: #2db5ff;}

#logo {padding:10px 0 0 0;float:left;max-width:320px;}
#logo img {width:100%;}

ul#mainmenu {width:100%;margin-top:20px;padding:0;background-color:#042f69;float:left;}

ul#mainmenu li {
    float: left;
    margin: 0;
    padding: 10px;
    width: 14%;
	list-style-type:none;
	font-size:18px;
}

.cost {color:#042f69;font-size:18px;font-weight:bold;}
.price {color:#2db5ff;font-size:18px;}
.company {color:#2db5ff;}
.supplier {background:#042f69;color:white;font-size:18px;padding:20px;}

#mainmenu li a {color: #fff;}
#mainmenu li:nth-child(1) {background-color:#042f69;}
#mainmenu li:nth-child(2) {background-color:#2db5ff;}
#mainmenu li:nth-child(3) {background-color:#e9202d;}
#mainmenu li:nth-child(4) {background-color:#042f69;}
#mainmenu li:nth-child(5) {background-color:#2db5ff;}
#mainmenu li:nth-child(6) {background-color:#e9202d;}
#mainmenu li:nth-child(7) {background-color:#042f69;}


ul#fmainmenu {width:100%;margin-top:20px;padding:0;background-color:#e9202d;float:left;}

ul#fmainmenu li {
    float: left;
    margin: 0;
    padding: 10px;
    width: 12.5%;
	list-style-type:none;
	font-size:16px;
}

#fmainmenu li a {color: #fff;}
#fmainmenu li:nth-child(1) {background-color:#042f69;}
#fmainmenu li:nth-child(2) {background-color:#2db5ff;}
#fmainmenu li:nth-child(3) {background-color:#e9202d;}
#fmainmenu li:nth-child(4) {background-color:#2db5ff;}
#fmainmenu li:nth-child(5) {background-color:#042f69;}
#fmainmenu li:nth-child(6) {background-color:#2db5ff;}
#fmainmenu li:nth-child(7) {background-color:#e9202d;}
#fmainmenu li:nth-child(8) {background-color:#042f69;}

.pagination a:visited {background-color:#2e4d77;color:#fff;padding:15px;border-radius:10px;margin:10px;}
.pagination a:active {background-color:#2e4d77;color:#fff;padding:15px;border-radius:10px;margin:10px;}
.pagination a:link {background-color:#2e4d77;color:#fff;padding:15px;border-radius:10px;margin:10px;}
.pagination a:hover {background-color:#2e4d77;color:#eb1b4c;padding:15px;border-radius:10px;margin:10px;}
.pagination .current {background-color:#2db5ff;font-weight:bold;color:#000;padding:15px;border-radius:10px;margin:10px;}

.col-donate-1 {float:left;width:20%;}
.col-donate-2 {float:left;width:60%;}
.col-donate-3 {float:left;width:20%;}

.line {border-bottom:1px dashed #20b3ff;margin-top:20px;}

#logos {text-align:center;margin:0;padding:30px 0 40px 0;}

ul#logos li {
  display: inline-block;
  text-align: center;
  margin:0;
  padding:0 10px 0 10px;
}
 
#fishimg {background-image:url('../images/topfish.jpg');background-repeat:no-repeat;width:100%;height:auto;padding:35px 0 0 0;}
#footerbg {background-image:url('../images/footer.jpg');background-repeat:no-repeat;width:100%;height:auto;padding:20px 0 0 0;margin-top:20px;min-height:400px;}

.landing_footer {background-color:#032f67;padding:20px;color:#fff;}
.landing_footer a {color:#fff;}

.email {font-weight:bold;font-size:18px;padding:10px 0 0 30px;background-image:url('../images/email.png');background-repeat:no-repeat;background-position:0px 17px;}
#email {padding:30px 0 0 0;}
#charityno {padding:45px 0 0 0;}
#social {padding:31px 0 0  0;}

.jtxt {text-align:justify;}
.fade {opacity: 1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.fade:hover {opacity: 0.7;}

.boxleft {background-color:#2db5ff;background-image:url('../images/homefishing.jpg');background-repeat:no-repeat;min-height:360px;float:left;width:49%;margin-right:1%;padding-bottom:2000px;margin-bottom: -2000px;}
.boxright {background-color:#042f69;margin:0;padding:20px;min-height:360px;float:left;width:49%;margin-left:1%;padding-bottom: 2000px;margin-bottom: -2000px;}
.lefttxt {padding:20px;margin:0;width:65%;color:#fff;font-size:16px;text-align:justify;}

.redbutton {margin-top:30px;padding:10px;border-radius:10px;background-color:#e9202d;color:#fff;font-size:16px;text-align:center;}
.redbutton a {color:#fff;font-weight:bold;}

.newstitle {color:#e9202d;font-size:28px;}
.latestnews {color:#e9202d;font-size:28px;float:left;width:50%;}
.newslink {float:right;font-size:28px;width:50%;text-align:right;}
.newsphoto {width:30%;float:left;}
.newsstory {width:70%;float:left;}
.atitle a {color:#2db5ff;font-size:16px;line-height:30px;}
.adate {color:#fff;font-size:12px;}

.patrontitle {color:#1972b4;font-size:28px;padding:0 0 20px 0;}
.patronimg {float:left;margin-right:20px;margin-bottom:10px;}
.rounded img {border-radius:10px;width:100px;}

.getintouch {color:#2dc3ff;font-size:30px;padding:0 0 0 15px;}
.footertxt {color:#333;}
.footertxt a {color:#fff;}

.home_twitter {float:right;padding:15px 20px 0 0;}
.home_facebook {float:right;padding:15px;}

.twitter {float:left;padding:15px 20px 0 0;}
.facebook {float:left;padding:15px;}

.subtitle {color:#133b71;font-size:38px;margin:0;padding:0;}
.subtext {color:#2db5ff;font-size:18px;}
#subbox {padding:20px 0 0 0;}
.disclaimer {color:#818181;font-size:13px;padding:30px 0 0 0;}
.box {padding:20px;border:1px solid #ccc;float:left;margin:0;}

.content {background-color:#fff;padding:20px;overflow:hidden;}
.sidetitle a:hover {text-decoration:none;color:#042f69;}

.pageimg {background-color:#e6eaf0;width:20%;float:left;height:100%; padding-bottom: 4000px;margin-bottom: -4000px;}
.pageimg img {width:100%;height:auto;}

.pagemenu {background-color:#e6eaf0;width:20%;padding:20px;float:left;height:100%; padding-bottom: 4000px;margin-bottom: -4000px;}
.pagecont {background-color:#e6eaf0;width:20%;padding:0px;float:left;height:100%; padding-bottom: 4000px;margin-bottom: -4000px;}
.pagemenu img {width:100%;height:auto;}
.pagecontent {background-color:#fff;width:80%;padding:0px 20px 20px 40px;float:left;text-align:justify;padding-bottom: 1000px;margin-bottom: -1000px;}
.gallerycontent {background-color:#fff;width:80%;padding:0px 20px 0 20px;float:left;text-align:justify;padding-bottom: 1000px;margin-bottom: -1000px;}
.pagecontact {background-color:#fff;width:80%;padding:0px 20px 20px 40px;float:left;text-align:justify;padding-bottom: 1000px;margin-bottom: -1000px;}
.pagecontent p:first-of-type {font-weight:bold;color:#042f69;}
.pagetitle {color:#e9202d;font-size:32px;padding:0 0 20px 0;}
.pagesub {color:#2db5ff;font-size:26px;}


.sidetitle {color:#2dc3ff;font-size:30px;padding:0 0 10px 0}
.sidemenu a {color:#042f69;font-weight:bold;}
.sidemenu a:hover {text-decoration:underline;}
.sidemenu > li {list-style-type:none; position:relative; line-height:28px; margin:0;padding:0;text-align:left;left:-15px;}
.sidemenu > li:before {
        content: "";
        position: absolute;
		left: -20px;
		top: 7px;
		width: 11px;
        height: 13px;
        background-image: url('../images/bullett.jpg');
		margin:0;
		padding:0;
}
.sidemenu > ul {margin:0;padding:0;list-style-type:none;}
.sidemenu > ul > li {margin:0;padding:0;text-indent:-15px;list-style-type:none;}
.sidemenu > ul > li a {color:#4d4d4d;line-height:28px;}

.submenu li {margin:0;padding:0;text-indent:-40px;list-style-type:none;}






        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('../img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }
        
        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01 .p            (normal)
        .jssort01 .p:hover      (normal mouseover)
        .jssort01 .p.pav        (active)
        .jssort01 .p.pdn        (mousedown)
        */
        .jssort01 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 72px;
            height: 72px;
        }
        
        .jssort01 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort01 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        
        .jssort01 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
            box-sizing: content-box;
            background: url('../img/t01.png') -800px -800px no-repeat;
            _background: none;
        }
        
        .jssort01 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 68px;
            height: 68px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 70px;
            height: 70px;
            border: #fff 1px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p.pdn .c {
            background-position: 50% 50%;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
        }
        
        * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
            /* ie quirks mode adjust */
            width /**/: 72px;
            height /**/: 72px;
        }
        
#charges {width:100%;margin-bottom:20px;}
#charges th {padding:5px;font-weight:bold;}
#charges td {padding:5px;}
#charges tr:nth-child(even) {background-color: #eee;}
#charges tr:nth-child(odd) {background-color: #ccc;}

.roundimg img {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}


.cf:before, .cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after { clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf { *zoom: 1;}



.smobitrigger, .mnuclose { display: none; }


.navigation { float: right; }

.navigation nav ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.navigation nav ul li { display: inline-block; }

.navigation nav ul li a {
  color: #fff;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 20px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.navigation nav ul li a:hover {
  background: #20b3ff;
  color: #000;
}

.danger {color:red;font-size:14px;}
 
 #parking {display:none;}

/* directory */

.dir-title {font-size:32px;color:#2dc3ff;text-align:center;margin-bottom:20px;}
.sidebar {background-color:#f0f2f6;padding:20px;width:100%;height:100%;}
.address {color:#022d67;font-weight:bold;}
.icons {list-style-type:none;}
.pad {padding:0 0 0 10px;}
.icons {padding:0;margin:0;}
.icons li {float:left;padding:0;margin:0;display:block;}
.fishery-li {text-align:left;margin:0;padding:0;}
.fishery-li li {list-style-type:none;text-align:left;margin:0;padding:20px 0 0 0;}
.gap {padding:10px 0 10px 0;}
.sgap {padding:20px 0 20px 0;}
#map {width:100%;height:350px;}
.results {font-size:18px;font-weight:bold;}
.side-filter {list-style-type:none;margin:0;padding:0;}
.side-filter {margin:0;padding:0 0 10px 0;}

#loading {
display:    none;
position:   fixed;
z-index:    1000;
top:        0;
left:       0;
height:     100%;
width:      100%;
background: rgba( 255, 255, 255, .6 ) 
            url('//i.stack.imgur.com/FhHRx.gif') 
            50% 50% 
            no-repeat;
opacity: 0.80;
}

.cookiebg
{
	height:70px;
	background-color:#32a1d4;
	color:#fff;
	font-size:16px;
	text-align:center;
	margin:auto 0;
	padding:15px 0 0 0;
}

.cookiebg a
{
	color:yellow;
	font-size:16px;

}








.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	background-color: #89c5e8;
}


nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #89c5e8;
	}

/* Styling the links */
nav a {
	display:block;
	padding:14px 20px;	
	color:#FFF;
	font-size:17px;
	text-decoration:none;
}


nav ul li ul li:hover { background: #000000; }

/* Background color change on Hover */
nav a:hover { 
	background-color: #4194c4; 
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 51px; 
	z-index:999;
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #254441;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #000000;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #4194c4; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}