/* CSS Document */
a {
text-decoration: none;
color: #E16603;
/*font-weight:normal;*/
}
a:hover {
text-decoration: underline;
}
a:visited {
color: #a3632f;
}

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

.padding_ten{
padding:15px;
}
	
h1, h2, h3, h4, h6 {
color:#1469aa;	
padding:0 0 4px 0;
margin:0;
}
h2{
/*font-size: 130%;*/
}

img{border:0;}

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

.clear_all {
clear:both;
}

/*columns*/
.col100{
position:relative;
width:100%;
max-width:100%
overflow:hidden;
}

.col60{
position:relative;
width:650px;
float:left;
z-index:1;
}
.col30{
width:300px;
float:left;
margin-left:10px;
}
.col30 img{
max-width:100% !important;
}

.col30a{
width:300px;
float:left;
}
.col60a{
width:650px;
float:left;
margin-left:10px;
z-index:1;
}


.col50 {
    width: 48%;
    float: left;
    margin-right: 2%;
}

.col33 {
    width: 31%;
    float: left;
    margin-right: 2%;
}


html{position:relative;padding:0;margin:0;}

body { 
position:relative;
height:100%;
font-family:arial, helvetica, sans-serif;
font-weight: normal;
font-style: normal;
text-align: center;
color:#666;
margin:0;
padding:0;
}

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

#cookies {
position:fixed;
bottom:0;
left:0;
width:100%;
height:3em;
padding-top:5px;
background:#003055;
background:rgba(2,36,62,0.9);
-moz-opacity: 0.5;filter: 
alpha(opacity=50);
text-align:center;
padding: 10px;
color:white;
z-index:10000;		
}
#cookies a{
color:white;
}


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


#creatures{
position:absolute;
top:70px;
left:0;
height:1200px;
height:700px;
width:100%;
/*background:transparent url(../images/backgrounds/barnaclesplash3.jpg) no-repeat top center;*/
background:transparent url(../images/backgrounds/Wetwipe-stripfadedsplit.jpg) no-repeat center 200px;
z-index:0;
overflow:hidden;
text-align:center;
}
#creatures a{
display:block;
height:1920px;
width:100%;
max-height:100%;
max-width:100%;
}

/*
*/
#footer_wrapper{
position:relative;
margin: 0 auto;
min-height:415px;
width:100%;
background:#09C url('/images/beta/footer_idea.jpg') no-repeat top center;
}

/**/

/* Login form */
#welcome {
display:none;
position:relative;
left:15px;
background:url(../images/layout/link_btn.gif) center left no-repeat;	
}
#welcome p{
margin:0 0 5px 0;
padding:0 0 0 20px;
}

a:focus {
	outline: none;
}
#loginpanel {
	position:absolute;
	top:0px;
	left:200px;
	background: #003055;
	height: 220px;
	width:580px;
	display: none;
	z-index:66000;
	color:#fff;
	border:8px solid white;
}
.slide {
	margin: 0;
	padding: 0;
}
.btn-slide-login {
	/*text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;*/
}
.active {
	background-position: right 12px;
}



/* BANNER AREA */

#banner {
position: relative;
top:0;
left:0;
width:980px;
height:9.5em;
margin:0;
padding:0;
z-index:2;
}
#banner h1 {
position:relative;
top:50px;
left: 0px;
height:90px;
width:200px;
background: transparent url(../images/beta/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 {
/*-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;
}


#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:8px;
right: 310px;
font-size: 80%;
color:#fff;
font-weight:normal;
padding-left:30px;
background: url('/images/layout/contact_us.png') no-repeat 0px 1px;
}
#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: 2px 0 0 10px;
border: 0;
width: 150px;
background: none;
color:#999;
}
#search #go {
float: right;
margin: 1px 2px 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;
font-size:85%;
}
#top_donate .orange_btn{
width:150px !important;
font-size:110%;
}

#mobilemenu{
display:none;
}


#location{
position: relative;
width:100%;
min-height:33px;
background:#003055;
background: url('/images/beta/footer_idea.jpg') top center no-repeat;
background-position:center;
z-index:2;
}
#location p.p1{
	
color: #A58C25;
color:white;
font-size:80%;
margin:0px;
padding: 5px 0 5px 15px;
width:600px;
}
#location a{
color:white;
}

#location a.home{
background:transparent url(../images/beta/social_icons_sprite.png) no-repeat;
background-position:-280px 0px;
padding-top:4px;
display:inline-block;
height:15px;
width:20px;
overflow:hidden;
}
#location a.home:hover{
background-position:-280px -23px;
padding-top:4px;
}
#location a.home span{
display:none;
padding-top:4px;
padding-left: 25px;
}


/*END OF BANNER AREA */

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

}

#topbar{
position:relative;
height:250px;
width:982px;
margin-bottom:40px;
clear:both;
z-index:2;		
}

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

#intro{
height:250px;
width: 300px;
/*background:#fff url(../images/layout/info_quotes.gif) top left no-repeat;*/
-moz-box-shadow: 5px 5px 5px #b2b2b2;
-webkit-box-shadow: 5px 5px 5px #b2b2b2;
box-shadow: 5px 5px 5px #b2b2b2;

float:left;
border:1px solid #999;
clear:right;
overflow:hidden;
z-index:2;
background:#fff;
}
#intro h2{
font-size:95%;
}

#section_one{
position:relative;
margin-top:0px;
margin-right:6px;
float:left;
clear:left;
width:670px;
z-index:2;
background:#fff;
overflow:visible;
border:1px solid #999;
-moz-box-shadow: 5px 5px 5px #b2b2b2;
-webkit-box-shadow: 5px 5px 5px #b2b2b2;
box-shadow: 5px 5px 5px #b2b2b2;
}
#section_wide{
position:relative;
margin-top:0px;
clear:both;
width:978px;
z-index:2;
background:#fff;
border:1px solid #999;
-moz-box-shadow: 5px 5px 5px #b2b2b2;
-webkit-box-shadow: 5px 5px 5px #b2b2b2;
box-shadow: 5px 5px 5px #b2b2b2;
overflow:hidden;
max-width:100%;
}
#section_heading{
position:relative;
margin-top:15px;
margin-left:15px;
clear:both;
width:670px;
z-index:2;
}

#share{
margin-top:20px;
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 list-style:none;
list-style-type: none;list-style-position: outside;padding: 0px;
    margin: 0px;
*/

#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;
width: 302px;
float:left;
margin-top:0px;
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:6px;
-moz-box-shadow: 5px 5px 5px #b2b2b2;
-webkit-box-shadow: 5px 5px 5px #b2b2b2;
box-shadow: 5px 5px 5px #b2b2b2;
z-index:2;
}


#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;
z-index:2;
}


#join_ask{
position:relative;
clear:both;
height:250px;
border:1px solid #999;
padding:0;
margin-bottom:6px;
-moz-box-shadow: 5px 5px 5px #b2b2b2;
-webkit-box-shadow: 5px 5px 5px #b2b2b2;
box-shadow: 5px 5px 5px #b2b2b2;
overflow:hidden;
z-index:2;
}

#enews{
position:relative;
clear:both;
height:auto;
min-height:250px;
border:1px solid #999;
padding:0;
margin-bottom:6px;
background: #FFFFFF url(../images/beta/enews.jpg) top right no-repeat;
-moz-box-shadow: 5px 5px 5px #b2b2b2;
-webkit-box-shadow: 5px 5px 5px #b2b2b2;
box-shadow: 5px 5px 5px #b2b2b2;
z-index:2;
}
#enews input[type=text], #enews input[type=email]{
border:1px solid #01aef0;
border-radius: 3px;
margin-bottom:6px;
width:260px;
padding:4px;
}
#enews input[type=text]:hover{
background:#cddbe1;
}
#enews input[type=submit]{
border:none;
}

#latest_tweets{
width:300px;height:250px; float:left;margin:6px 0;-moz-box-shadow: 5px 5px 5px #b2b2b2;
-webkit-box-shadow: 5px 5px 5px #b2b2b2;
box-shadow: 5px 5px 5px #b2b2b2;overflow:auto;
}


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

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

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

/*news section */
#latest_news{

}

.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, .latest_news_right h4{
font-weight:bold;
color:#003055;	
}
.latest_news_right h4 a:visited {

}
.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_btn.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: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('../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('../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('../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('../images/beta/social_icons_sprite.png') no-repeat;
background-position: -180px 0; 
}
#social_links p.rss a:hover{
background-position: -180px -60px; 
}

/* small links at top of page */
#social_links_sml{
position:absolute;
top:0;
right:0;
width:auto;
height:40px;
text-align:right;
padding:0;
margin:0 5px 0 0;
}
#social_links_sml ul{
list-style:none;
margin:0;
padding:0;
}
#social_links_sml li{
list-style:none;
float:left;
}

#social_links_sml li.facebook span{display:none;}
#social_links_sml  li.facebook a{
display:block;
float:left;
height:30px;
width:30px;
background:transparent url('../images/beta/social_icons_sprite.png') no-repeat;
background-position: 0px -120px; 
}
#social_links_sml li.facebook a:hover{
background-position: 0px -152px; 
}

#social_links_sml li.twitter span{display:none;}
#social_links_sml li.twitter a{
display:Block;
float:left;
height:30px;
width:30px;
background:transparent url('../images/beta/social_icons_sprite.png') no-repeat;
background-position: -30PX -120px; 
}
#social_links_sml  li.twitter a:hover{
background-position: -30px -152px; 
}

#social_links_sml li.youtube span{display:none;}
#social_links_sml li.youtube a{
display:block;
float:left;
height:30px;
width:30px;
background:transparent url('../images/beta/social_icons_sprite.png') no-repeat;
background-position: -60px -120px; 
}
#social_links_sml li.youtube a:hover{
background-position: -60px -152px; 
}

#social_links_sml li.rss span{display:none;}
#social_links_sml li.rss a{
display:block;
float:left;
height:30px;
width:30px;
background: url('../images/beta/social_icons_sprite.png') no-repeat;
background-position: -90px -120px; 
}
#social_links_sml li.rss a:hover{
background-position: -90px -152px; 
}






#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:15px;
padding-bottom:5px;
border-radius:6px;
box-sizing:border-box;
}

#return{
position:absolute;
top:-30px;
right:15px;
font-size:80%;
z-index:50;
padding:0px;
margin:0px;
}
#return span{display:none;}
#return a{
display:block;
height:40px;
width:90px;
}
#return p{
margin:0;
padding:0;
}

#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('../images/beta/logo_white.png') top left no-repeat;
padding-left:140px;
padding-top:30px;
margin-top:10px;
}

#award_trans{
text-align:center;
}


#no-css {
display: none;
}


.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;	
}