/* CSS Document */
a {
text-decoration: none;
color: #E16603;

}
a:hover {
text-decoration: underline;
}
a:visited {
color: #9f4c09;
}


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

li {
margin: 0 0 15px 0;
padding: 0;
font-size: 90%;
line-height:1em;
}

.front_panel{
width:420px;
}

.font_panel_block{
width:201px;
max-width:100%;
float:left;
margin: 0px 3px 0px 3px;
}


.font1{
font-family: 'Josefin Sans' !Important;
line-height:1.2em;
font-size:150%;
}

.padding_ten{
padding:15px;
}
	
h1, h2, h3, h4, h6 {
padding:0 0 4px 0;
margin:0;
color:#003055;
/*color:#00334E;color:#333;*/
}

#content h1, #content  h2,#content  h3,#content  h4,#content  h6 {
/*font-family: 'Nothing You Could Do', arial, helvetica,   sans-serif; */
font-family: arial, helvetica,   sans-serif;
}
#content  h4{
font-size:120%;
}


#information h2, #information_wide h2{
font-size: 250%;
color:#c7d25a;
margin-bottom:0.3em;
/*font-family: 'Nothing You Could Do','Signika Negative','Exo 2', arial; */
font-family: 'Josefin Sans', arial;
}

img{border:0;}

input[type=text], input[type=tel], input[type=password], textarea, select, fieldset{
border:1px solid #999;
border-radius: 3px 3px 3px 3px;
}

.clear_all {
clear:both;
}

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

#container { 
position:relative;
height: auto;
width: 980px;
text-align: left;
margin: 0px auto;
padding: 0px;
overflow:visible;
}

#cookies {
position:absolute;
top:0;
left:0;
width:100%;
height:3em;
padding-top:5px;
background: #e6effa;
text-align:center;
padding: 0;
z-index:10000;		
}

/*
#transparent_background{
	
position:fixed;
top:0;
left:0;
height:417px;
width:100%;
background:#fff url(../images/layout/grad_back.png) repeat-x bottom left;
z-index:-10;
}
*/

#transparent_background{
position:absolute;
top:0;
left:0;
height:2.1em;
width:100%;
background: #1469aa url('http://www.mcsuk.org/images/beta/footer_idea.jpg') top center no-repeat;
background-position:center;
z-index:-10;
}


#creatures{
position:absolute;
top:70px;
left:0;
height:1200px;
width:100%;
background:transparent url('https://www.mcsuk.org/images/backgrounds/gfg_app.jpg') no-repeat top center;
z-index:-8;
}
/*#creatures{
	
position:fixed;
top:90px;
left:0;
height:417px;
width:100%;
background:transparent url(../images/layout/creatures2.png) repeat-x bottom center;
z-index:-8;
}
*/
#footer_wrapper{
position:relative;
margin: 0 auto;
min-height:415px;
width:100%;
background:#09C url('http://www.mcsuk.org/images/beta/footer_idea.jpg') no-repeat top center;
}

/* BANNER AREA */

#banner {
position: relative;
top:0;
left:0;
width:980px;
height: 9.5em;
background-position:0 15px;
margin:0;
padding:0;
z-index:2;
}
#banner h1 {
position:relative;
top:50px;
left: 0px;
height:90px;
width:200px;
background: transparent url('http://www.mcsuk.org/images/layout/logo.gif') no-repeat top left;
margin:0;
padding:0;
z-index:20;
}
#banner h1 span{display:none;}
#banner h1 a{
display:block;
height:80px;
width:200px;
}

#banner h2 {
position:absolute;
top:35px;
left: 170px;
margin:0;
padding:0;
}
#banner h2 span{display:none;}
#banner h2 a{
display:block;
height:100px;
width:500px;
}


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

/* contact link in header */
#banner p.p2 {
position:absolute;
top:8px;
right: 310px;
font-size: 80%;
color:#fff;
font-weight:normal;
}
#banner p.p2 a{
color:#fff;
}

#search{
position:absolute;
top:5px;
right: 0px;
z-index:42;
overflow:hidden;
width: 300px;
height: 18px;
border:none;
border-radius: 6px;
padding:2px 0px;
z-index:10;
background:#fff;
font-size:85%;
}
#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;
}

#top_donate{
position:absolute;
top:80px;
right:0px;
width:auto;
color:#003055;
z-index:50;

}

#top_donate p.p1{
display:block;
width:200px;
float:left;
}
#top_donate p.p2{
display:block;
width:auto;
float:right;
text-align:right;
}
#top_donate .orange_btn{
width:120px !important;
font-size:120%;
}


#location{
display:none;
position: relative;
width:100%;
background:#fff;
z-index:2;
}
#location p.p1{
	
color: #A58C25;
font-size:80%;
margin:0px;
padding: 0 0 10px 22px;
}
#location a.home{
background:transparent url(http://www.mcsuk.org/images/beta/social_icons_sprite.png) no-repeat;
background-position:-280px 0px;
padding-top:4px;
}
#location a.home:hover{
background-position:-280px -23px;
padding-top:4px;
}
#location a.home span{
padding-top:4px;
padding-left: 25px;
}


/*END OF BANNER AREA */

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

}
/**/

#content{
position:relative;
margin-top:-1px;
min-height:400px;
border:1px solid #999;
clear:both;
background:#fff url(../images/layout/bkgd.jpg) no-repeat top left;
box-shadow: 5px 5px 5px #b2b2b2;
}

#titlebar{
position:relative;
height:207px;
width:450px;
top:0;
left:0;		
}
#titlebar h1, #titlebar_short h1{
position:relative;
top:15px;
left:12px;
font-size:400%;	
font-family: 'Josefin Sans', arial;
}
#titlebar h3{
position:relative;
top:20px;
left:12px;
font-size:285%;	
font-family: 'Josefin Sans', arial;
color:#c7d25a;
width:450px;
}

#titlebar h2{
display:none;
width:433px;
height:207px;
}
#titlebar h2 span{
display:none;
}


#titlebar_short{
position:relative;
height:45px;
width:450px;
top:0;
left:0;	
overflow:visible;	
}
#titlebar_short h2{
	display:none;
width:433px;
height:207px;
background:transparent url(../images/layout/fol_title.gif) no-repeat top left;
}
#titlebar_short h2 span{
display:none;
}






#searchbar{
/*background:lime;*/
clear:both;
position:relative;
margin: 50px 0 15px 0px;
}

#fishfinder{
clear:left;
float:left;
margin-left:15px;
width:470px;
/*background:red;*/
}

#ff_title{
width:178px;
height:24px;
height:40px;
/*background:transparent url(../images/layout/fishfinder.png) no-repeat top left;*/
margin-bottom:10px;
}
#ff_title p span{
display:none;
}
#ff_title h4{
font-size:220%;	
font-family: 'Josefin Sans', arial;
color:#f89728;
}

#ff_searchbox{
height:40px;
overflow:hidden;
position:relative;
background:#fff;
color:#999999;
border:3px solid #f89728;
-moz-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-top-right-radius: 10px;
border-top-right-radius: 10px;
-moz-border-top-left-radius: 10px;
border-top-left-radius: 10px;
padding:0px;
}
#ff_searchbox input[type=text]{
margin-left:10px;
margin-top:5px;
height:25px;
width:300px;
border:0;
color:#999999;
font-size:100%;
}

#ff_searchbox .button{
position:absolute;
right:0;
top:0;
border:none;
height:40px;
width:6em;
background:#f89728;
color:#fff;
font-size:135%;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
/*
-moz-box-shadow:inset 1px 1px 0px 0px #edc29c;
-webkit-box-shadow:inset 1px 1px 0px 0px #edc29c;
box-shadow:inset 1px 1px 0px 0px #edc29c;
text-shadow:1px 1px 0px #689324;
*/
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f89728), color-stop(1, #fa7a09) );
background:-moz-linear-gradient( center top, #f89728 5%, #fa7a09 100% );
background-image: -ms-linear-gradient(top, #f89728 5%, #fa7a09 100%);
}
#ff_searchbox .button:hover{
background:#f68504;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fa7a09), color-stop(1, #f89728) );
background:-moz-linear-gradient( center top,#fa7a09  5%, #f89728 100% );
background-image: -ms-linear-gradient(top, #fa7a09 5%, #f89728 100%);
}

#ff_adv{
position:relative;
float:right;
}

#ff_adv_panel{
position:absolute;
top:0;
right:0;
width:464px;
height:200px;
background:#c7d25a;
z-index:500;
border:3px solid #f89728;
-moz-border-radius: 10px;
border-radius: 10px;
overflow:visible;
}

#campaign_one{
position:absolute;
top:0px;
right:0px;
height:300px;
width:555px;
background:transparent URL('../images/layout/campaign_banner2.jpg') no-repeat top left;
}


#app{
height:70px;
width:200px;
border-left:1px solid #f89728;
margin-left:20px;
margin-top:50px;
float:left;
background: transparent url('../images/layout/mobile.gif') 10px 0px no-repeat;
}
#app p.p1{
margin-left:80px
}

#pgfg{
height:70px;
width:200px;
border-left:1px solid #f89728;
margin-left:10px;
margin-top:50px;
float:left;
clear:right;
background: transparent url('../images/layout/pgfg.gif') 10px 0px no-repeat;
}
#pgfg p.p1{
margin-left:80px
}

#information{
position:relative;
float:left;
clear:left;
width:640px;
min-height:350px;
margin-bottom:40px;
margin-right:10px;
}
#information_wide{
position:relative;
clear:both;
width:978px;
min-height:350px;
margin-bottom:40px;
}

#information_nav{
background:#ccc;
margin-top:40px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.rating_position{
padding-bottom:10px;
}


#main_section{
position:relative;
z-index:200;
clear:both;
width:100%;
}

#campaign_two{
width:844px;
min-height: 430px;
margin:0 auto;
}


#latest_news{
position:relative;
float:left;
clear:left;
width:640px;
margin-bottom:40px;
margin-right:10px;
}



#membership{
position:relative;
float:left;
clear:right;
width:300px;
height:250px;
/*background: transparent url('/images/layout/about_mcs.gif') top right no-repeat;*/
}
/*
#membership p.p1{display:none;}

#membership span{display:none;}

#membership a{
display:block;
height:250px;
width:300px;
}
*/

#campaign{
height:250px;
width: 670px;
background:#ccc;
float:left;
margin-right:6px;	
border:1px solid #999;
z-index:20;
}

#results{
clear:both;
position:relative;
min-height:600px;
overflow:visible;
}

#results_1{
clear:left;
float:left;
width:638px;
margin-right:10px;
z-index:10;
min-height:600px;
overflow:visible;
}
#results_intro{
position:relative;
background:#bfe2e7;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom:10px;
}

.result_showing{
background:#eeeeee;
padding-left:5px;
margin-bottom:10px;
}

.result_warning{
position:relative;
clear:both;
background:#eeeeee;
padding-left:5px;
background: transparent URL('/images/layout/warning.gif') no-repeat top left ;
padding-left: 30px;
min-height:40px;
color:#F00;
color:#d10707;
}

#results_2{
clear:right;
float:left;
width:300px;
background:#ebefc8;
-moz-border-radius: 5px;
border-radius: 5px;
}

.result{
position:relative;
border-bottom:1px dotted #999;
border-bottom:1px solid purple;
padding-bottom:5px;
margin-bottom:10px;
min-height:13em;	
}

.result_one, .result_two{
position:relative;
clear:both;
}

.result_panel_open{
position:absolute;
top:0.3em;
right:0;
}

.result_sus{
width:300px;
}

.pages{
float:right;
margin-right:5px;
}

.rating_details{
position:relative;
background:#ebefc8;
margin-bottom:10px;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ebefc8), color-stop(1, #c7d25a) );
background:-moz-linear-gradient( center top, #ebefc8 5%, #c7d25a 100% );
background-image: -ms-linear-gradient(top, #ebefc8 5%, #c7d25a 100%);
-moz-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.rating_box{
position:relative;
border-bottom:1px dotted #999;
margin:5px 0px;
}

.rating_info a{
position:absolute;
display:block;
height:30px;
width:100px;
z-index:200;
}
.rating_info a span{ display:none;}

.rating_number{
position:absolute;
right:20px;
top:20px;
font-weight:bold;
}
.rating_intro{
width:400px;
}

.detail_btn{
padding:4px 15px;
background:#003055;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #055899), color-stop(1, #003055) );
background:-moz-linear-gradient( center top, #055899 5%, #003055 100% );
background-image: -ms-linear-gradient(top, #055899 5%, #003055 100%);
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-border-radius:6px;
text-align:center;
}
.detail_btn a{
color:#fff;
text-decoration:none;
}
.detail_btn a:visted{
color:#fff;
}
.detail_btn:hover{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003055), color-stop(1, #055899) );
background:-moz-linear-gradient( center top, #003055 5%,#055899  100% );
background-image: -ms-linear-gradient(top, #003055 5%, #055899 100%);
}



.panel_btn{
position:absolute;
top:-40px;
right:0px;
width:18em;
height:40px;
background:#ebefc8;
text-align:center;
-moz-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-top-left-radius: 6px;
border-top-left-radius: 6px;
}
.panel_btn p{
margin-top:10px;
}


#section_left{
height:auto;
width: 620px;
float:left;
margin-right:10px;
clear:right;
z-index:2;
}

#section_right{
height:auto;
width: 302px;
float:left;
clear:right;
z-index:2;
}

.float_left{
float:left;
}

.fish_calendar{
position:relative;
margin-right:8px;
margin-bottom:10px;
width:136px;
border:1px solid #666;
min-height:10.5em;
padding:3px;
text-align:center;
background:#ebefc8;
}
.fish_calendar img{
border:1px solid #c7d25a;
}

.fish_holding{
position:absolute;
top:0;
left:0;
width:136px;
height:10.5em;
z-index:55;
}

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

#share{
margin-top:50px;
border-top:1px solid #999;
padding-top:10px;
}

#twitter_share{
position:relative;
float:left;
}

#section_login{
width:100%;
min-height:200px;
border:1px solid #999;
background:#fff;
}

/********/
/* in this section */

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




/**/

/* side bar including accordian */
#side_bar{
height:auto;
width: 302px;
float:left;
margin-top:62px;
clear:right;
z-index:2;
}
#membership{
position:relative;
/*height:59px;
border:1px solid red;
height:27.1em;*/
overflow:hidden;
padding:0;
z-index:2;
margin-bottom:10px;
}


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

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

#enews{
position:relative;
float:left;
width:298px;
height:250px;
border:1px solid #999;
padding:0;
margin-bottom:6px;
margin-top:4px;
background: #c7d25b /*url(http://www.mcsuk.org/images/layout/enews_envelope.gif) top right no-repeat*/;
}
#enews input[type=text]{
border:1px solid #E16603;
border-radius: 3px 3px 3px 3px;
margin-bottom:6px;
width:260px;
padding:4px;
}
#enews h3{
color:#666;
}

#resources{
position:relative;
float:left;
width:298px;
height:250px;
padding:0;
margin-bottom:6px;
margin-top:4px;
}


/*news section */
.latest_news_container{
border-bottom:2px dotted #666;
margin-bottom:10px;	
}

.latest_news_left{
float:left;
font-size:80%;
}
.latest_news_right{
float:left;
clear:right;
width:440px;
}
.latest_news_right h4 a{
font-weight:bold;
color:#003055;	
}
.latest_news_right h4 a:visited {
color: purple;
}
.latest_news_bottom{
clear:both;
margin-bottom:10px;
}

.news img{
display:none;	
}

.news_link{
display:block;
padding-left:20px;
width:6em;
overflow:visible;
background: url(../images/layout/link_arrow_right.gif)center left no-repeat;

}

#news_more p.p1,#news_more p.p2{
display:block;
height:2.5em;
width:317px;
float:left;
margin-right:6px;
background:orange;
text-align:center;
vertical-align:middle;
}
#news_more p.p2{margin-right:0px;}

#news_more a{
position:relative;
display:block;
width:100%;
top:0.4em;
color:#fff;
}



/* end side bar 


#adverts_bar {
height:150px;
width:978px;
border:1px solid #999;
padding:0;
margin-top:6px;;
background:#fff;
/*box-shadow: 0px 0px 15px rgb(221, 221, 221) inset;
}*/

#adverts_bar {
height:auto;
width:978px;
border:1px solid #999;
padding:0;
margin-top:6px;;
margin-bottom:2em;
background:#fff;
/*box-shadow: 0px 0px 15px rgb(221, 221, 221) inset;*/
-moz-box-shadow: 5px 5px 5px #b2b2b2;
-webkit-box-shadow: 5px 5px 5px #b2b2b2;
box-shadow: 5px 5px 5px #b2b2b2;
}



#links_bar {
position:relative;
top:30px;
min-height:180px;
width:978px;
padding:0;
margin:15px auto;
margin-top:60px;
text-align:left;

/*
background:#CF0;
border:1px solid #999;box-shadow: 0px 0px 15px rgb(221, 221, 221) inset;
border-radius: 0px 0px 6px 6px;
-moz-box-shadow: 5px 5px 5px #b2b2b2;
-webkit-box-shadow: 5px 5px 5px #b2b2b2;
box-shadow: 5px 5px 5px #b2b2b2;*/
}
#links_bar h4, #links_bar a, #links_bar p{
color:white;
}


#social_links {
width:305px;
min-height:180px;
float:left;
margin:15px;
margin-top:30px;
}
#social_links p.facebook span{display:none;}
#social_links p.facebook a{
display:inline-block;
float:left;
height:60px;
width:60px;
background:transparent url('http://www.mcsuk.org/images/beta/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:transparent url('http://www.mcsuk.org/images/beta/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:transparent url('http://www.mcsuk.org/images/beta/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: url('http://www.mcsuk.org/images/beta/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;
float:left;
margin:30px 15px 15px 0px;
}
#quick_links p{
padding:0;
margin:0;
line-height:120%;
}

#award_links {
width:305px;
min-height:180px;
float:left;
margin:30px 15px 0px 0px;
}

#award_trans {
background:rgba(255,255,255,0.5);
padding:5px;
border-radius:6px;
}




#footer {
position: relative;
top:10px;
height: auto;
width: 980px;
text-align:left;
color:#666;
clear:both;
margin: 6px auto;
}

#footer p{
font-size:70%;
margin:0;
padding:0 0 3px 10px;
height:80px;
color:#fff;
}
#footer a{ color:#fff;}

#footer p.p1{
background:  url('http://www.mcsuk.org/images/beta/logo_white.png') top left no-repeat;
padding-left:140px;
padding-top:30px;
margin-top:10px;
}

#return{
position:absolute;
top:-30px;
right:10px;
font-size:80%;
margin:0;
padding:0 0 10px 20px;
}
#return a{
display:block;
height:40px;
width:100px;
/*background:#ccc;*/
}
#return span{display:none;}


#no-css {
display: none;
}

#beta{
	display:none;
position:fixed;
bottom:-20px;
left:0;
z-index:500;
}

#beta_welcome{
position:relative;
float:right;
width:150px;
margin:10px;
background:#fbd7a7;
-moz-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-top-right-radius: 10px;
border-top-right-radius: 10px;
-moz-border-top-left-radius: 10px;
border-top-left-radius: 10px;
padding:10px;	
}

.page_edit{
position:relative;
clear:both;	
background:yellow;
}


#event_container{
width:300px;
overflow:hidden;
}
#calendar td{
vertical-align:top;
background:#eaeaea;
padding:5px;
width:25px;
height:20px;
font-size:75%;
}
#calendar .tablehead{
background:#ccc;
height:1.5em;
font-weight:bold;
}
/*For the news items to highlight text - see editor.css in the admin area*/
.pullout{
position:relative;
float:right;
width:300px;
margin:10px 0 10px 20px;
padding:10px;
color:#666;
font-weight:bold;	
}