/* Main Page */
body{
	color:#222;
	background-color:#000;
}
.plain{background-image:none}
/*.content,*/.strapline{background-color:rgba(255, 255, 255, 0.9)}
.content,.shopDesc{width:calc(100% - 20px)} 
.strapline{height:39px}
.breadcrumbs{
	width:calc(70% - 36px);    
	height:12px;
}
.breadcrumbs a:link, .breadcrumbs a:visited{text-decoration:underline}
.breadcrumbs .homelink{
	padding-left: 40px;
	background-image:url(/images/home-icon.png);
	background-image:url(/images/home-icon.svg);
	height:26px;
}	

/* Header */
.header{height:194px}
.header p.logo{
	padding-top:15px;
	height:80px;
	width:310px;
	margin:0 auto;
	text-align:center;
}
.header .mission{
	font-family:"Courier New", Courier, mono;
	font-size:16px;
	font-weight:normal;
	padding:10px 30px;
	text-align:center;
}
.header .logo a{
	background-image:url(/images/NB-CARDS-4.png); /* a fallback for older browsers */
	background-image:url(/images/NB-CARDS-4.svg);
	background-position:top right;
	width:310px;
	height:80px;
	display: inline-block;
}

/* Top Menu */
.mymenu{
	background:#005c93 linear-gradient(to right, #112, #005c93, #112) repeat scroll 0 0;
	box-shadow:0 0 1px #111;
}
.upperright .mymenu{width:765px}
ul.topmenu{
	border-right:1px solid #bdbdbd;
	width:939px;
	min-height:36px;
}
ul.topmenu li.litab{padding:10px 0 !important}
ul.topmenu a.tab{
	text-transform:capitalize;
	cursor:pointer;
	width:auto;
	position:relative;
}
#menuHome a{
	width:84px;
	height:58px;
}
ul.topmenu li.up, ul.topmenu li.up2{
	background-image:url(/images/bg_tab_span.png);
	background-repeat:repeat-x;
}
ul.topmenu .homelink{
	border-left:1px solid #bdbdbd;
	border-right:1px solid #bdbdbd;
}
ul.topmenu .homelink a{
	height:36px;
	width:29px;
}
#nav li.b, .megamenu li.b{
	font-size:0.9em;
	padding:4px;
}

/* Main Body */
.mainbody .table{width:95%}
.subcol{width:725px;}
.pagetext p,.pagetext li,.pagetext pre,.pagetext address,.pagetext h2,.pagetext h3,.pagetext h4,.pagetext h5{line-height: 1.5em}
.shadows{
	margin-bottom:20px;
	min-height:291px;
}
#banner{height:291px}
.carouselbox{background-position:center center}
.sub-shadow{margin-bottom:0}
.newsteaser h2, .home h2{
	color:#666;
	font-size:20px;
}
.newsteaser h2{line-height:1em}
.newsteaser h3{color:#666}
.newsleftborder{
	padding-left:25px;
	margin-top:10px;
	height:250px;
}
.newsteaser .pagemain{height:211px}

/* Footer */
#footer ul{
    list-style:outside none none;
    padding:10px 0 0;
}
#footer ul li a{
	float:none;
	display:inline;
}
ul.topmenu a.tab,#footer ul li a{border-right:1px solid #fff}
ul.topmenu :nth-last-child(2) a.tab,#footer ul li a.last{border-right:0 solid #fff}
.btmline{
	border-top:solid 2px #3c7fc9;
	margin:25px 20px 0;
}
.copy, .copy a, .footer .bookmarks a{color:#ebf1f7}
.footer ul{color:#999}
.footer li{padding-right:8px}
.grid{width:25% !important}
.gridtitle,.sub h3.gridtitle{
	line-height:1.1em;
	text-transform:uppercase;
}
#wrapper{width:460px}
.sub p,.sub h4,.sub h3,.sub address,.sub h2,.sub h5,.sub ul,.sub ol{margin:8px 0 10px}
.sub h4, .sub h3{
	line-height:1.4em;
	font-weight:normal;
}
.pagemain{height:222px}
.sub{
	width:588px;
	margin:15px inherit 35px;
	padding:21px 22px 21px;
	min-height:958px;
}
.homeleft h3{padding-top:10px}
.sub h2,.homeleft h3,.sub h1.mainhead,.homeright h3{
	font-family:"Comic Sans MS", Arial, sans-serif;
	font-size:24px;
}
.sub h2,.homeleft h3,.sub h1.mainhead{color:#222}
.sub h2.searchhead{
	border-top:2px solid #666;
	padding-top:30px;
	font-size:1.3em;
}
.sub .searchlink{text-align:right}
.sub p.searchtext,.sub p.searchlink{padding:0 30px 0 11px}
.header .upperright{width:785px}
.upperright p{
	text-align:right;
	height:30px;
	margin-bottom:5px;
}
.upperright .mission{height:70px}
.signup-side{
	background-color:#9b07ec;
	padding:5px 18px;
}
.header .buttons a,.comments .button{width:84px}
.header .buttons a,.comments .button,button,body .shop a.button{
	background-color:#666;
	border:0 solid #666;
	margin:0 0 10px;
}
.header .buttons ul ul li a{
	background-color:inherit;
	display:inherit;
	margin:inherit;
	border:0 solid #666;
	width:inherit;
	float:none;
}
button,.header .buttons a:hover,.comments .button:hover,body a.button:link,body a.button:visited{
	background-color:#fc8712;
	border-radius:4px;
}
a.button:hover, button:hover{background-color:#eee}
.topnav .perpage{width:200px}
.sortby p{
	margin:0 0 0 30px;
	display:list-item;
	list-style-image:url(/images/logos/arrow.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
}

/* Contact Form */
.contactform{
	width:445px;
	background-color:#f5f5f5;
	padding:10px 10px 10px 155px;
}
.multi{
	width:700px;
	padding:10px 10px 10px 20px;
}
.contactform input,.contactform textarea,.contactform select{width: 430px}
.contactform #submit{
	width:150px;
	background-color:#d5b833;
	border:0;
	padding:0.9em;
}
.noresults{
	color:#990000;
	background-color:#d5b833;
	border-radius:10px 0;
	margin-top:10px;
}
a.bluebutton, a.bluebutton:hover{
	background-image:url(/img/main/btn-plain.gif);
	width:148px;
	height:18px;
	text-transform:capitalize;
}
#forgetme{
	margin-bottom:10px;
	width:calc(100% - 200px);
}

/* Boxes */
.sub,.homeboxes .col{
	height:243px;
	margin-bottom:15px;
	width:276px;
}
.homeboxes .col p.margin{height:50px}
.homeboxes .first,.homeboxes .second{margin-right:18px}
.homeboxes img{margin-top:15px}
.signup-side a.homelink,.homeboxes a.homelink{
	vertical-align:bottom;
	text-align:right;
}
.homeboxes .homeboxdesc{height:70px}

/* Home */
.homeleft{
	width:612px;
	min-height:489px;
}
.homeright{
	margin-left:17px;
    width:306px;
}
.homemiddle{
	width:49%;
	margin-top:10px;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
.homeleft ul,.homeleft li,.homeright ul,.homeright li,.leftboxes li,.leftboxes ul{
	margin-left:10px;
	padding-left:0;
	width:95%;
	list-style-type:square;
}
.homeleft h3{clear:left}

/* Right Column */
.rightboxes{
	margin:15px 0 35px;
	padding-left:10px;
	width:315px;
	min-height:300px;
}
.catmenubox,.givingbox,.resourcebox{
	margin-bottom:10px;
	min-height:150px;
	font-size:0.75em;
	padding-top:10px;
}
.rightboxes .margin a,.rightboxes .margin a:hover{color:#484848}
.rightboxes .row{margin-bottom:20px}
.sub p span,.sub ul,.sub li span{font-size:0.9em !important}

/* Home News */
.homenewsbox{background-color:#0bb315}
.homenewsbox,.homeboxes .col{padding:5px 15px}
.homenewsbox h4{margin-bottom:5px}
.homenewshead{
	width:281px;
	height:29px;
}
.homenewsimg{
	width:110px;
	min-height:110px;
}
.homenews h3{margin:10px 0 4px}
.homenews p{font-size:0.7em}
.newslink{text-align:right}
.homearticle{
	clear:left;
	min-height:70px;
}
p.homenewsmore{
	text-align:right;
	padding:0 0 10px;
}
.subtopimage{
	width:956px;
	height:256px;
}
.catmenubox h3{
	font-family:"Comic Sans MS",Arial,sans-serif;
	width:90%;
	margin-left:20px;
	font-size:2em;
}
.news h1,.news h2,.news h3,.news h4,.news h5,.news a:link,.news a:visited{color:#F8B50F}
.newshead{border-bottom:1px solid #0BB315}
.footer-small{font-size:10px}

/* Gallery */
.gallerylink,.gallerylink2{
	height:100px; 
	width:95%; 
	border:1px solid #ddd;
	background-position:center;
	margin-top:10px;
}

/* Giving Page */
.donate-col{
	width:calc(33.33% - 20px);
	padding:0 5px;
	border:solid 1px #ddd;
	background-color:#f9f9f9;
	margin:20px 11px 20px 0;    
	min-height:310px;
}
.get-involved .donate-col h3{color:#666}
.donate-col img{
	margin-left:5px;
	border-radius:15px;
}
.donate-col:last-of-type{margin-right:0}
.donate-col ul{margin-top:10px}
.donate-col ul,.donate-col li{
	margin-left:0;
	padding-left:0;
	list-style:none;
}
.appealstats{
	background-color:#980731;
	width:200px;
	margin:15px 0 15px 15px;
	box-shadow:5px 5px 5px #eee;
}

/* Our Projects */
.our-projects{width:calc(100% - 44px)}
.our-projects .appealstats a:link,.our-projects .appealstats a:visited,.our-projects .appealstats a:active{
	margin-top:10px;
}
.list-subcat{padding-left:0}
.subcat-img{
	width:150px;
	height:150px;
	border:1px solid #ddd;
	margin:0 10px 20px 0;
	background-size:150px 150px;
	background-position:top center;
}
body .donatelist,body .donatelist li{list-style:none}
body .donatelist li strong,body .donatelist li em{padding:22px}
body .donatelist li strong{
	border-radius:35px;
	background-color:#FFCC00;
	width:calc(27% - 44px);
	height:28px;
	color:#333;
	font-size:22px;
	margin-bottom:10px;
}
body .donatelist li em{
	width:calc(50% - 44px);	
	font-style:normal;
}
body .donatelist a:link, body .donatelist a:visited{
	margin-top:12px;
	border:1px solid #ddd;
	background-color: #ddd;
	width:calc(22% - 23px);
}
body .donatelist a:hover{background-color:#FF9900}
.pagelist{
	background-color:#f9f9f9;
	margin-top:10px;
}
.pagelist .list-cat h2{clear:inherit}
.list-cat, .list-subcat{
	border-radius:7px;
	min-height:150px;
}
.list-cat{margin-bottom:10px}
.list-subcat h3{padding-top:0}
.list-cat .appeal-info,.list-subcat .appeal-info{
	width:99%;
	float:none;
}
.endmenu{ 
	height:0;
	width:0;
	float:none;
	line-height:0;
	max-height:0;
	min-height:0; 
}

/* Shop */
.countries{ 
	width:70px; 
	height:30px; 
	font-size:0.5em; 
	font-family:Tahoma, Arial, Helvetica, sans-serif; 
	padding-top:10px 
}
.countries a{ 
	width:27px; 
	height:38px; 
}
.countries #us{background-image: url(/images/icons/USA.png)}
.countries #uk{background-image: url(/images/icons/UK.png)}
.shopImage a{ 
	height:175px;
	border:2px solid whitesmoke;
}
.productMain{ 
	width:calc(100% - 210px); 
	padding:0 10px 0 0; 
}
.productRight{ 
	width:180px;
	margin-bottom:10px;
}
.productRight .gallerylink,.productRight .gallerylink img{min-height:158px}
.sub .productRight p{margin-bottom:20px}
.shopDesc{padding-bottom:10px}
.rrp{ 
	color:red; 
	text-decoration:line-through; 
}
.quick-link{list-style:none}
.catmenubox h4{padding:0 20px}
.trackTitle{max-width:250px}
.productInfo button{margin-right:4px}
.cartGap{width:2%}
.cartGap2{width:4%}
.cartThin{width:20%}
.cartName{width:30%}
.payNow{margin:20px}