/* CSS Document */
@viewport{
   	max-width:100%;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    max-width:100%;
}

a {
text-decoration: none;
color: #E16603;
font-weight:normal;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: purple;
}

p {
margin: 0 0 15px 0;
padding: 0;
font-size: 140%;
line-height:1.5em;
}

.padding_ten{
padding:15px;
}

img{ max-width:100% !important;}
	
h1, h2, h3, h4, h6 {
font-family:  arial, helvetica,   sans-serif;
font-size:150%;
padding:0 0 4px 0;
margin:0;
color:#333;
color:#003055;
/*color:#00334E;*/
}
h2{
/*font-size: 130%;*/
}

img{
border:0;
max-width: 100% !important;
height: auto !important;
}

td { display : block !important;}


label{
text-align:left !important;
max-width:100% !important;
}

.clear_all {
clear:both;
}

body { 
font-family: helvetica, arial,    sans-serif;
font-weight: normal;
font-style: normal;
text-align: center;
color:#777;
 /*background: #f2f3f4 url(../images/layout/background.jpg) no-repeat top center*/;
/*background:#fff;*/
margin:0;
padding:0;
text-rendering: optimizelegibility;
}

#container { 
position:relative;
height: auto;
width:100%;
/*min-width:340px;*/
max-width:100%;
text-align: left;
margin: 0px auto;
padding: 0px;
overflow:visible;
}

#cookies {
display:none;	
}

#transparent_background{
position: absolute;
top: 0px;
left: 0px;
height: 2.1em;
width: 100%;
background: #1469AA url("/images/beta/footer_idea.jpg") no-repeat scroll center center;
z-index: -10;
}

/* BANNER AREA */

#banner {
position: relative;
top:30px;
left:0px;
width:100%;
/*min-width:340px;*/
max-width:100%;
height: 90px;
background: #fff url('/images/beta/logo.gif') no-repeat 15px 5px;
background-size:120px auto;
background-repeat:no-repeat;
margin:0 0 5px 0;
padding:0;
z-index:2;

}
#banner h1 {
position:relative;
z-index:20;
margin:0;
padding:0;

}
#banner h1 span{display:none;}
#banner h1 a{
display:block;
height:80px;
width:100px;
}

#banner h2 {
/*-See banner.php for the background image css--*/
position:absolute;
top:35px;
left: 170px;
margin:0;
padding:0;
}
#banner h2 span{display:none;}
#banner h2 a{
display:block;
height:100px;
width:500px;
max-width:100%;
}


#banner p.p1 {
	display:none;
position:absolute;
height:20px;
width:980px;
top:0px;
left: 0px;
font-size: 60%;
color:#666;
/*background:#e1dddd;*/
font-weight:normal;
margin:0;
padding:0;
}
#banner p.p1 span{
padding-left:20px;
}
#banner p.p1 a{
color:#666;
}

/* scotland link in header */
#banner p.p2 {
position:absolute;
top:-30px;
right: 10px;
font-size: 80%;
color:#fff;
font-weight:normal;
padding-left:30px;
background: url('/images/layout/contact_us.png') no-repeat 0px 6px;
}
#banner p.p2 a{
color:#fff;
display:block;
padding:5px;
}

#top_donate{

box-sizing:border-box;
padding:10px;
}
#top_donate p.p1{display:none;}
#top_donate p.p2{
position:absolute;
display:block;
top:50px;
left:170px;
z-index:200;
}

#top_donate .orange_btn {
font-size:12px;
line-height:24px;
}

#search{
position:relative;
z-index:262;
overflow:hidden;
width: 300px;
max-width:100%;
height: 20px;
border:1px solid #999;
padding:2px 0px;
margin-left:10px;
margin-bottom:10px;
}
#search #s {
font-size:85%;
float: left;
padding: 0;
margin: 0px 0 0 6px;
border: 0;
width: 150px;
background: none;
color:#999;
}
#search #go {
float: right;
margin: 0px 0px 0 0;
}

#location{
display:none;
}


/*END OF BANNER AREA */

#content{
width: auto;
height:auto;
margin:0 0 0 0;
clear:both;

}

#topbar{
position:relative;
width:100%;
height:auto;
clear:both;
z-index:2;	
}

#campaign{
	display:none;
	max-width:100% !important;
	position:relative;
	overflow:hidden;
	clear:both;
	margin: 10px 0px;
	height:150px; !important;

}




.slider_img{
	width:100%;
	/*max-width:400px !important;*/
	height:auto !important;
	max-height:auto !important;}


.slides_container{
width:auto;
	max-width: 100%;
margin: 10px;
box-sizing: border-box;
overflow:hidden;
}


.caption {
	max-width:100% !important;
	font-size:0.7em !important;	
	height:auto !important;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
	width:100% !important;
	
}

.caption p{
max-width:100%;
}

.pagination {
	position:absolute;
	left:0px;
	margin:10px auto 0;
	width:auto;
	text-align:right;
	z-index:10020;
	top:230px;
	
}

#intro{
	/*
width:300px;
height:250px;
*/
max-width:100%;
height:auto;
background:#fff;
border:1px solid #999;
clear:right;
z-index:2;
overflow:hidden;
margin-left:10px;
margin-right:10px;
box-sizing:border-box;
}
#intro h2{
font-size:95%;
}

#section_one{
position:relative;
margin-right:6px;
float:left;
clear:left;
width:100%;
/*min-width:340px;*/
z-index:2;
overflow:visible;
margin-bottom:6px;
}
#section_wide{
position:relative;
margin-top:20px;
clear:both;
width:100%;
max-width:100%;
z-index:2;
}
#section_heading{
position:relative;
margin-top:15px;
margin-left:15px;
clear:both;
width:670px;
max-width:100%;
z-index:2;
}

.latest_news_container{
border-bottom:3px dotted #666;
margin-bottom:2em;
padding-bottom:1em;
}
.latest_news_left p{
font-size:85%;
}
.latest_news_right h4{
font-weight:bold;
}
/********/
/* in this section */

#in_this_section li{
line-height:25px;	
}


#main_menu {display:none;}
/*
#mobilemenu{
position:relative;
top:0px;
left:0px;
margin-top:0px;
min-height:35px;
min-width:35px;
max-width:100%;
/*background:#003055 url('//www.goodfishguide.org/images/layout/mobile_menu.gif') top right no-repeat;
padding:0px;
z-index:400;
}
*/
a:active {
    outline:none;
}
#mobilemenu{
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
max-width:100%;
box-sizing:border-box;
}

#mobilemenu h4{
font-size:100%;
padding-top:5px;
padding-bottom:8px;
}

.collapse{
  font-size: 31px;
  display:block;
}

.mobilemenu_nav{
background:#eaeaea;
}

#mobile_title{
background: url('/images/layout/mobile_menu_icon.gif') no-repeat 0px 4px;
padding-left:45px;
box-sizing:border-box;
}

.collapse + input{
  display:none;
}
.collapse + input + *{
  display:none;
}
.collapse+ input:checked + *{
  display:block;
}

#mobilemenu UL{
padding:0;
margin:0;

}

#mobilemenu li{
list-style:none;
padding-top:7px;
padding-bottom:7px;
margin:0px;
padding-left:10px;
}

/**/
#in_this_section ul {
 margin-top:0;  
}
#in_this_section h4{ padding:0;}

#in_this_section ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#in_this_section a
{
display: block;
color: #FFF;
background-color: #036;
padding: 3px 12px 3px 8px;
text-decoration: none;
margin-bottom: 1px;
font-weight: bold;
}

#in_this_section a:hover
{
background-color: #369;
color: #FFF;
}

#in_this_section li li a
{
display: block;
color: #FFF;
background-color: #1469bc;
padding: 3px 3px 3px 13px;
text-decoration: none;
margin-bottom: 1px;
font-weight: normal;
}
#in_this_section li li li a
{
display: block;
color: #FFF;
background-color:#6da2d6;
padding: 3px 3px 3px 20px;
text-decoration: none;
margin-bottom: 1px;
font-weight: normal;
}

#in_this_section h3 a{
display: block;
color: #FFF;
background-color: #333;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold; 
}

#section_menu{
background:#eaeaea;
}

/* side bar including accordian */
#side_bar{
height:auto;
clear:both;
z-index:2;
margin-top:6px;
}
#membership{
position:relative;
display:none;
/*height:59px;
border:1px solid #999;*/
padding:0;
z-index:2;
margin-bottom:3px;
}




#donation{
position:relative;
height:59px;
border:1px solid #999;
padding:0;
margin-bottom:6px;
z-index:2;
}

#adverts{
position:relative;
height:auto;
padding:0;
margin-bottom:6px;
background: #FFFFFF;
}

#enews{
height:auto;
/*min-width:340px;border:1px solid #999;*/
max-width:400px;
padding:0;
margin-bottom:6px;;
margin-top:6px;
background: #FFFFFF url(../images/layout/enews_envelope.gif) top right no-repeat;
}
#enews input[type=text]{
border:1px solid #E16603;
margin-bottom:6px;
width:260px;
padding:4px;
}

#join_ask{
margin-left:10px;
}

/* end side bar */


#adverts_bar {
display:none;
height:150px;
/*min-width:340px;*/
max-width:400px;
border:1px solid #999;
padding:0;
margin-top:6px;;
background:#fff;
}

#links_bar {
min-height:150px;
/*min-width:340px;*/
max-width:100%;

padding:0;
margin:6px auto;
background:#fff;
}


#social_links {
width:305px;
min-height:180px;
margin:10px auto;
text-align:center;
}
#social_links p.facebook span{display:none;}
#social_links p.facebook a{
display:inline-block;
float:left;
height:60px;
width:60px;
background:#fff url('../images/layout/social_icons_sprite.png') no-repeat;
background-position: 0 0; 
}
#social_links p.facebook a:hover{
background-position: 0px -60px; 
}

#social_links p.twitter span{display:none;}
#social_links p.twitter a{
display:inline-block;
float:left;
height:60px;
width:60px;
background:#fff url('../images/layout/social_icons_sprite.png') no-repeat;
background-position: -60px 0; 
}
#social_links p.twitter a:hover{
background-position: -60px -60px; 
}

#social_links p.youtube span{display:none;}
#social_links p.youtube a{
display:inline-block;
float:left;
height:60px;
width:60px;
background:#fff url('../images/layout/social_icons_sprite.png') no-repeat;
background-position: -120px 0; 
}
#social_links p.youtube a:hover{
background-position: -120px -60px; 
}

#social_links p.rss span{display:none;}
#social_links p.rss a{
display:inline-block;
float:left;
height:60px;
width:60px;
background:#fff url('../images/layout/social_icons_sprite.png') no-repeat;
background-position: -180px 0; 
}
#social_links p.rss a:hover{
background-position: -180px -60px; 
}



#quick_links {
/*width:305px;*/
min-height:180px;
margin:15px;
}
#award_links {
/*width:305px;*/
min-height:180px;
margin:15px;

}

#footer_wrapper{
background:#69C;
}

#footer {
position: relative;
height: auto;
width: 100%;
max-width:100%;
color:#666;
clear:both;
text-align:left;
margin: 6px auto;
margin-top: 6px;

}

#footer p{
font-size:100%;
margin:0;
padding:0 0 50px 10px;
color:#fff;
}




#no-css {
display: none;
}

#beta{display:none;}

UL.tabNavigation LI {
width:120px;
overflow:hidden;
font-size:85%;
}

#welcome{
display:none;
}

/*mobile friendly table on christmas page */
.table, .table tr, .table td, .table th { display:block;}
.table tr {margin: 5px 5px;}
.table td {min-width:280px;float:left;max-width:400px;}

/*slide up advert */
#offer_image{
display:none;
background:none;
}

#offer_show{
	position:fixed;
	bottom:0px;
	right:0px;
	padding:5px;
	text-align:center;
	width:100%;
	background:orange;
	margin:auto;
	height:20px;
	color:white;
	z-index:40;
}
#triqui_ad{
    position:relative;
	min-height: 100px;
	text-align:left;
	width:580px;
	margin:20px auto;
	padding-left:10px;
	max-width:100%;
	display:none;
	font-family: 'Open Sans',arial;
	font-size:100%;
	color:#fff;
z-index:2;
}