/*
Theme Name: SCIL
Theme URI: http://www.thefunkhouse.co.uk
Description: Theme for SCIL.
Version: 1.0
Author: Lee Doel
Author URI: http://www.thefunkhouse.co.uk
*/

*{
margin:0;
padding:0;
}

html, body{
height:100%;	
width:100%;
}

body {
font: 75%/1.4 Arial, Helvetica, sans-serif;
color:#333333;

}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

a img{
border:0;	
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.6em;
	line-height: 1.5em;
	}

acronym, abbr {
	border-bottom: 1px dashed #333;
	font-size: 90%;
	letter-spacing: .07em;
	cursor: help;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}

p {

	margin: 10px 0;

}

#content ul{
	margin-left:30px;
	margin-bottom:20px;
			}

#content h1{
	font-size:1.8em;
}

#content h1{
margin-bottom:10px;	
}

.printpage{

float:right;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden, .hide {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

.navigation {
	display:block;
float:left;
margin-bottom:10px;
margin-top:10px;
text-align:center;
width:700px;
	}
.navigation a:link,.navigation a:visited,.navigation a:active{
color:#333;	
}
	
	
a:link, a:active, a:visited{
color:#2393d1;	
}

a:hover{
	color:#1a65b1;
}

#sidebar #wp-calendar{
float:left;	
margin-top:20px;
}



/* reports calendar */
#reportscal{
float:right;
width:300px;
}
#reportscal h3 {display:none;}
#reportscal li{ list-style:none;}
#reportscal #wp-calendar {width:260px;}
#reportscal #wp-calendar #today {background:#F0F0F0;}
#reportscal #wp-calendar tbody a {font-weight:bolder;}
#reportscal #wp-calendar caption {padding-bottom:5px; font-family:Arial; font-weight:bolder; letter-spacing:-0.05em; font-size:150%; text-align:left;}
#reportscal #wp-calendar th, #wp-calendar td {text-align:center;}
#reportscal #wp-calendar tbody td {border:1px solid #E4E4E4;}
#reportscal #wp-calendar tbody td.pad {border:0 none;}
#reportscal #wp-calendar th {background:#E4E4E4;color:#FFFFFF;}
#reportscal #wp-calendar td#prev {text-align:left;padding-top:5px;}
#reportscal #wp-calendar td#next {text-align:right;padding-top:5px;}


/*---------------------structure-----------------------*/

#container{
width:960px;
margin:0 auto;
}

#topbar{
background:#ee2a73 url(images/top-band.gif) repeat-x top;
width:100%;
float:left;
}

#loginglogout{
width:960px;
margin:0 auto;
color:#B6DEE8;
padding-top:3px;

}

#loginglogout ul{
float:right;	
}

#loginglogout li{
list-style:none;
display:inline;
}

#loginglogout a:link, #loginglogout a:active, #loginglogout a:visited{
	color:#ffffff;
	text-decoration:none;
}

.loginout {
margin-right: 20px;
}

#loginglogout a:hover{
text-decoration:underline;	
}

h2 span, .hiname span, strong.hiname{
	text-transform:capitalize;
	
}

#top{
	
	padding:15px 0 10px 0;
	clear:both;
	height:115px;
}

#top h1{
float:left;
width:300px;
}

#searchform{
	float:right;
	width:220px;
	margin:10px 0 0 0;
}



#feature{
background:#444444;
height:50px;
color:#ffffff;
clear:both;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
border-radius: 5px 5px 0 0;


}

#homefeature{
background:#444444;
height:130px;
color:#ffffff;
clear:both;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
border-radius: 5px 5px 0 0;

}

/* ---------   to show hide the menu   ---------------------*/

.menu ul li.current_page_ancestor li{
	display:block !important;
}

.menu ul li.current_page_item li{
display:block !important;	
}

.menu ul li.current_page_item li li{
display:none !important;	
}

.menu ul li.current_page_parent li{
display:block !important;	
}

.menu ul ul li{
display:none;	
}


/* ---------  end to show hide the menu   ---------------------*/

.menu{
	clear:both;
color:#FFFFFF;
display:block;
font-size:1.1em;
padding-bottom:5px;
padding-top:5px;
}

.menu li{
	padding:0px;
}

.menu ul ul{
border-left:7px solid #444444;	
border-right:7px solid #444444;	
}

.menu a:link, .menu a:active, .menu a:visited{
color:#ffffff;
text-decoration:none;
}



#subnav{
	
}

#wvscaption{
	float:left;
	width:510px;
}

#scilcaption{
float:right;
margin-top:10px;
margin-right:10px;
clear:both;
}

.actionbox{
margin-left:0 !important;	
}

.actionbox img{
	float:left;
}

.actionbox a span{
display:block;
margin-top:20px;	
}


.homecaption{
color:#FFFFFF;
display:inline-block;
font-size:2em;
height:47px;
margin:auto;
padding-left:20px;
padding-top:3px;
text-align:left;
width:490px;
}

.pagecaption{
color:#FFFFFF;
display:inline-block;
font-size:1.6em;
height:47px;
margin:auto;
padding-left:20px;
padding-top:3px;
text-align:left;
width:900px;
}

#buttonshome {
margin:0 auto;
width:510px;	
}

#buttonshome li{
	float:left;
	list-style-type:none;
	display:block;
	padding-left:10px;
}

#buttons {
margin:25px 0;
width:510px;	
}

#buttons li{
	float:left;
	list-style-type:none;
	display:block;
	padding-left:10px;
}

.buttons a{
	width:159px;
	height:38px;
	display:block;
	text-indent:-9999px;
}

.buttons a:focus{outline: 0;}


.buttons a.member{
	background:url(images/buttons.gif) no-repeat 0 0;
}

.buttons a.donation{
	background:url(images/buttons.gif) no-repeat -170px 0;
}

.buttons a.volunteer{
	background:url(images/buttons.gif) no-repeat -340px 0;
}

.buttons a.member:hover{
	background:url(images/buttons.gif) no-repeat 0 -40px;
}

.buttons a.donation:hover{
	background:url(images/buttons.gif) no-repeat -170px -40px;
}

.buttons a.volunteer:hover{
	background:url(images/buttons.gif) no-repeat -340px -40px;
}

#featureimage {  
float:right;
height:120px;
border:1px solid #FFFFFF;
margin:4px 5px 0 0;
padding:0;
width:400px;
overflow: hidden;
}

html>body #featureimage {  
margin:4px 10px 0 0;
}
 
#featureimage.rotate {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  400px; 
    height: 200px; 
    top:  0; 
    left: 0 
}  
.home #content{
	width:740px;
}

#content{
	float:left;
	/*width:710px;*/
	margin-top:20px;
}

.entry{
	width:748px;
	float:left;
}

.entry ul{
margin-bottom:20px;	
}

#calltoactions{
	border-right:1px dashed #2393d1;
	padding-right:10px;
	width:530px;
	float:left;
	margin:20px 0;
}

#calltoactions h3{
color:#1A75D3;	
}

#calltoactions ul{
margin-left:0px;	
}

html>body #calltoactions ul{
margin-left:0px;	
}

#boxes li{
	margin-right:5px !important;
	background-color:#E7E7E8;
	-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-radius:5px;
-webkit-border-radius:5px;
margin-right:5px !important;
	padding:10px;
}

html>body #boxes li{
	margin-right:5px !important;
}

#boxes, #news, #newsletter{

float:left;
}

#calltoactions #news{
padding-bottom:0px;	
padding-top:20px;
}

#boxes li{
float:left;	
width:150px;
list-style:none;
margin-right:15px;
}

#boxes .listimage{
width:150px;
height:100px;
padding-bottom:5px;
display:block;
}

#calltoactions #news li{
	float:left;
	clear:both;
	width:480px;
	list-style:none;
	padding-bottom:20px;	
}

#calltoactions #news ul{
padding:5px 0;	
}

#calltoactions #news li li{
padding-bottom:0;
list-style:disc;
}

#homesidebar{
	float:right;
	background:#e7e7e8;


float:right;
margin-left:10px;
margin-top:18px;
padding:10px;
width:388px;
	
}

#homesidebar h2{
color:#1A75D3;
font-size:1.2em;	
}

#flashmap{
background-color:#E7E7E8;
float:right;
margin-left:0;
margin-right:0;
margin-top:10px;
padding-left:0;
width:408px;
}

#flashmap h4{
margin-left:10px;
margin-top:5px;
}

#sidebar{
border-right:1px dashed #EE2A73;
display:block;
float:left;
margin-right:20px;
margin-top:20px;
padding-right:20px;
width:157px;
}

html>body #sidebar{
width:170px;	
}

#sidebar ul{
margin-left:0 !important;	
}

#sidebar li{
list-style:none;	
}

.menu {
/*border-bottom:1px dashed #0066CC;	*/
padding-bottom:20px;
margin-bottom:20px;
}

.menu ul{
margin-top:0px;
}

.menu li{
margin-bottom:1px;	
}

.menu a:link, .menu a:visited, .menu a:active{
background-color:#6f6f6f;
color:#FFFFFF;
display:block;
padding:5px 0 5px 5px;
text-decoration:none;	
}

.menu a:hover{
background-color:#EE2A73 !important;
color:#ffffff !important;	
}
.menu ul ul a:hover{
background-color:#EE2A73 !important;
color:#FFFFFF !important;	
}



.menu li.current_page_item{
padding-left:0px;

}

.menu li li{
	margin-left:0px;
}



.menu li.current_page_item ul a{
color: #000000;
background-color:#EE2a73 !important;
}

.menu li.current_page_item a{
color: #ffffff;
background-color:#444444;
}


.menu li.current_page_item ul a{
color: #000000;
font-weight:normal !important;
}

#footer{
width:100%;
background:url(images/footer.gif) repeat-x;
}

#innerfooter{
width:960px;
margin:0 auto;
color:#ffffff;
padding-top:5px;
}

#finduson{
width:	350px;
float:left;
}

#codetails{	
float:right;
}

#codetails a{
text-decoration:none;
color:#ffffff;
}

#codetails a:hover{
	text-decoration:underline;
	
}

#container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#content {float:left;
padding-bottom:33px;
width:700px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -33px; /* negative value of footer height */
	height: 33px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* End captions */

h2{
	font-size:2em;
	margin-bottom:10px;
	color:#1A75D3;	
}

.entry h3{
clear:left;	
}

.yr_widget_signup_single h2, h3{
	font-size:1.4em;
	margin-bottom:10px;
	color:#1A75D3;	
}

h2 a, h3 a, h4 a{
text-decoration:none;	
}

#sidebar h3, #sidebar .widgettitle{
font-size:1.2em;	
margin:7px 0;
padding-top:7px;
}

h4{
	font-size:1.2em;
	margin-bottom:10px;
	color:#1A75D3;	
}

#morecontent{
float:right;
/*width:270px;*/

margin:10px 0 10px 10px;
}

html>body  #morecontent{
background-color:#e7e7e8;
}

.post, #sidebar{
padding-top:0px;	
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

#calltoactions .charitytable{
margin-top:20px;
margin-bottom:20px;
}

.charitytable{
clear:both;
margin-top:30px;
}

.charitytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
}

.charitytable .fr{
	border-left: 1px solid #C1DAD7;
}


.charitytable td.alt {
	background: #eef6fb;
	color: #767d80;
}

.charitytable th {
	font-weight:bold;
	
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color:#8ECAEB;

color:#105CAA;
}

#filters{
float:right;
width:300px;
}

#tripflashmap{
width:382px;
float:left;
}



.thcenter{
text-align:center;	
}

#tripdatelocation{
border: 1px solid #2093D1; padding: 5px; background-color: #EEF6FB;
display:inline-block;
}

ul#trips a, ul#news a{
	text-decoration:none;
}


dl.morefeatures{
clear:both;
padding-top:25px;
width:100%;
}

dl.morefeatures dt{
font-weight:bold;
padding-right:3px;
}


dl.features{
float:left;
width:250px;
}

dl.features dt{
	padding-top:3px;
float:left;
font-weight:bold;
padding-right:3px;
}

dl.features dd{
	padding-top:3px;
text-align:left;
}

dl.features dd ul{
	padding-top:5px;

}

.firstimage{
float:left;
margin-right:30px;
}

ul.photos{
margin-left:0 !important;	
}

ul.photos li{
float:left;
list-style:none;
margin-right:5px;
}

.authorname{
color:#333333;
font-size:0.5em;
text-transform:inherit;	
}

.tripdate{
color:#333333;
font-size:0.5em;
text-transform:inherit;	
}

.newsentry{
padding-bottom:30px;	
}
.donateform form{
clear:both;
margin-bottom:20px;
}
.donateform label, .donateform input, .donateform select, .donateform textarea{
	float:left;
	clear:both;
	margin-bottom:10px;
}

#cards{
float:left;
clear:both;
}

#filtercharity{
	width:320px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

#myaccount{
	width:350px;
	float:left;

}

#lreports{
	width:700px;
	float:left;
	clear:both;
}

#lreports li{
list-style:none;
float:left;
width:310px;
margin-right:10px;
}

#membertrips{
	width:350px;
	float:left;
}

#upcomingtrips{
	width:350px;
	float:left;
}

#leftmember{
	float:left;
	margin-right:20px;
	width:700px;
	clear:both;
		border-bottom:1px dashed #1A65BD;
		border-top:1px dashed #1A65BD;
	padding:20px 0;
	margin:20px 0;
	
}

#rightmember{
	float:left;
	width:700px;
	clear:both;
	border-bottom:1px dashed #1A65BD;
	padding-bottom:20px;
	margin-bottom:20px;
}

#leftmember ul, #rightmember ul{
list-style:none;
}

#newsletter{
width:480px;	
}
#newsletter li{
	list-style:none;
}

.yr_signup_label{
float:left;
clear:both;
}

.ympacks{
float:left;
clear:both;
margin-bottom:30px;
width:100%;
}

.ympacks label, #registerform-tml-main label{
float:left;width:300px;	
display:inline !important;
margin:5px 0;
}

#reg_passmail-tml-main, .submit{
float:left;width:300px;	
display:inline !important;
margin:5px 0;
}

#registerform-tml-main p.ymp{
float:left;width:300px;	
display:inline !important;
margin:5px 0;

}

.mustbeloggedin{
padding:10px;
border: 1px solid #167DC1;
background-color:#FF9;
}

.mustbeloggedin a{
color:#167DC1;	
}

.notes{
display:none;	
}

#your-profile td, #your-profile th{
padding-bottom:10px;	
}

body.home .yr_signup_input_container{
float:left !important;
clear:right;
margin-top:5px !important;
margin-right:3px;
}

html>body.home .yr_signup_input_container{
float:left !important;
clear:right;
margin-top:5px !important;
margin-right:10px;
clear:both;
}

body.home .yr_signup_label{
	margin-top:5px !important;
	margin-right:3px;
}

html>body.home .yr_signup_label{
	margin-top:5px !important;
	margin-right:10px;
	clear:both;
}

body.home #newsletter form{
padding-top:20px;	
}

.findus {
height:25px;
float:left;
}

.findus li{
display:inline;
list-style:none;
vertical-align:top;
padding:0 10px;
}

#reports{
list-style:none;	
}

#reports{
margin-top:10px;	
}

.contentreports{
float:left;
clear:both;
margin-top:20px;
}

#sidebar #reports li, #sidebar #news li{
margin-bottom:10px;	
}

.contentreports li{
float:left;
clear:both;
margin-top:0px;
margin-bottom:20px;
}

th.headerSortUp { 
    background-image: url(scripts/blue/asc.gif); 
    background-color: #3399FF; 
} 

th.headerSortDown { 
    background-image: url(scripts/blue/desc.gif); 
    background-color: #3399FF; 
} 

th.header { 
    background-image: url(scripts/blue/bg.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 

.imagestack{
clear:both;	
}

.mceContentBody h3{
clear:both !important;	
}

span.applynow a{
float:right;
background:url(images/apply-now.gif) no-repeat;
width:152px;
height:33px;
display:block;
color:#ffffff;
text-decoration:none;
text-align:center;
line-height:33px;
}

span.applynow a:hover{
	color:#333;
	text-decoration:underline;
}

.gform_body ul{
margin-left:0 !important;	
}

.actionbox li{
list-style:none;	
}

ul.actionbox li {
padding: 10px;
border: 1px solid #999999;
width: 315px;
height:100px;
margin: 10px 10px 10px 0;
float: left;
}
ul.actionbox a {
text-decoration: none;
width: 300px;
vertical-align: middle;
}

.efontsize {float: right; 
}

.efontsize li {float: right;
		list-style:none;		
		padding-right: 20px;
}

#fontsize {width: 100%;
	   clear: both;
	   height: 40px;
}

.efontbig a {padding-left: 30px; background: url(images/size11.jpg) no-repeat; height:22px;}
.efontsmall a {padding-left: 30px; background: url(images/size22.jpg) no-repeat; height:22px;}