@import url("text.css");
@import url(http://www.fatbeehive.com/beekeeper2/reset.css);

/* -------------------------------------------------------------
STREETCHILD AFRICA MAIN STYLES
-------------------------------------------------------------- */

/*GLOBAL----------------------------------------- */
html, body#index{
	background:url('../images/bodybg.jpg') repeat-x #fff;
	margin:0;
	padding:0;
}
body img{ 
	border:0;
}
body h1{ 
	margin:0 0 10px 0;
	padding:0;
}
body h2{ 
	margin:0; 
	padding:10px 0 5px 0; 
}
body h3{ 
	margin:0; 
	padding:0;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
.imgleft{
	float:left;
	margin:10px 20px 20px 0;
}
.imgright{
	float:right;
	margin:10px 0 20px 20px;
}

/*CONSTRUCT----------------------------------------- */
#wrapper{
	margin:0 auto;
	width:1000px;
}

/*HEADER----------------------------------------- */
ul#topnav{
	float:left;
	margin:12px 0 0 50px;
}
ul#topnav li{
	display:inline;
	padding-right:30px;
}
#searchbox{
	float:right;
}
.searchbox{
	background:url('../images/searchboxbg.jpg') no-repeat top right;
	border:none;
	margin:6px 0 0 0;
	padding:6px 12px 0 30px;
	width:124px;
	height:38px;
	vertical-align:top;
}
.searchbutton{
	border: 0px solid;
	cursor:pointer;
	left:-37px;
	position:relative;
	top:6px;
}
body#index #header{
	background:url('../images/headerimg.jpg') no-repeat;
	position:relative;
	height:425px;
	top:0;
	width:1000px;
	z-index:10;
}
a#logo{
	display:block;
	height:106px;
	left:50px;
	position:relative;
	top:25px;
	width:291px;
}
h1#caption{
	height:220px;
	left:635px;
	position:relative;
	top:-15px;
	width:310px;
}

#home_page_stats {
	height:220px;
	left:635px;
	position: relative;
	margin: 0 0 10px 0;
	top:-15px;
	width:310px;
	/* background-color: transparent; */
}

#home_page_stats li {
	
	height:220px;
	position:absolute;
	width:310px;
	list-style-type: none;
	color:#fff;
	font-size:2.8em;
	line-height:1.2em;
	/* background-color: transparent; */
}

body#index a#donate{
	display:block;
	float:right;
	margin:-23px 87px 0 0;
}

/*NAV*/
body#index ul#secnav{
	margin:42px 0 0 50px;
	padding:0;
	position:relative;
	width:1000px;
}
ul#secnav{
	margin:42px 0 0 50px;
	padding:0;
	position:relative;
	width:1000px;
}
ul#secnav li{
	display:inline;
	list-style:none;
	padding-right:20px;
	position:relative;
}
ul#secnav li ul{
	background:url('../images/dropdownbottom.jpg') left bottom no-repeat;
	left:-999em;
	padding:10px 0 10px 0;
	position:absolute;
	top:0px;
	z-index:10;
}
ul#secnav li ul li{
	display:block;
	margin-bottom:1px;
	padding:0;
}
li#home{
	top:0;
	width:55px;
}
li#whatwedo{
	top:0;
	width:110px;
}
ul#secnav li#whatwedo:hover ul{
	left:-30px;
}
li#whoweare{
	top:0;
	width:110px;
}
ul#secnav li#whoweare:hover ul{
	left:-30px;
}
li#supportus{
	top:0;
	width:100px;
}
ul#secnav li#supportus:hover ul{
	left:-30px;
}
li#research{
	top:0;
	width:226px;
}
ul#secnav li#research:hover ul{
	left:30px;
}
li#events{
	top:0;
	width:60px;
}
ul#secnav li#events:hover ul{
	left:-50px;
}
ul#secnav li ul li a{
	background:#F2EFEA;
	display:block;
	/* height:25px; */
	margin-bottom:1px;
	padding:10px 10px 10px 10px;
	text-align:center;
	width:112px;
}


/*CONTENT----------------------------------------- */

/*leftcol*/
body#index #leftcol{
	float:left;
	margin:30px 30px 30px 48px;
	width:530px;
}
ul#options{
	background:url('../images/optionsbg.jpg') no-repeat;
	height:75px;
	margin:30px 0 0 0;
	padding:0;
	position:relative;
	width:530px;
}
ul#options li{
	list-style:none;
}
li#schools a{
	background:url('../images/forschoolsbutton.jpg') no-repeat;
	display:block;
	height:53px;
	left:10px;
	position:absolute;
	top:10px;
	width:160px;
}
li#Corporate a{
	background:url('../images/corporatebutton.jpg') no-repeat;
	display:block;
	height:53px;
	left:180px;
	position:absolute;
	top:10px;
	width:170px;
}
li#Rights a{
	background:url('../images/rightsbutton.jpg') no-repeat;
	display:block;
	height:53px;
	left:360px;
	position:absolute;
	top:10px;
	width:160px;
}

/*rightcol*/
body#index #rightcol{
	float:left;
	margin-top:30px;
	width:365px;
}
#news{
	background:url('../images/newsbg_bottom.jpg') bottom #F2EFEA no-repeat;
	padding-bottom:30px;
	width:363px;
}
#news .content{
	background:url('../images/newsbg.jpg') top #F2EFEA no-repeat;
	padding:20px;
}
#signup{
	float:right;
}
#news h3{
	background:url('../images/newsicon.jpg') top left no-repeat;
	/* height:25px; */
	padding-bottom: 5px;
	margin-top:20px;
	padding-left:40px;
	clear:both;
}
#news p{
	border-top:solid 1px #c3b6a1;
	padding-top:6px;
	margin:-4px 0 0 40px;
}
#visitshop{
	background:url('../images/visitshopbg.jpg') no-repeat;
	height:74px;
	margin-top:30px;
	padding:8px 0 0 25px;
	width:364px;
	vertical-align:baseline;
}

/*FOOTER----------------------------------------- */
#footer{
	background:url('../images/footerbg.jpg') repeat-x;
	height:140px;
}
#footerwrapper{
	background:url('../images/footerwrapperbg.jpg') no-repeat;
	height:140px;
	margin:0 auto;
	width:1000px;
}
#footernav{
	float:left;
	margin-left:50px;
	width:540px;
}
#footernav ul{
	margin:50px 0 10px 0;
	padding:0;
}
#footernav li{
	display:inline;
	list-style:none;
}
#footerthanks{
	float:right;
	margin:50px 25px 0 0;
	width:380px;
}
#footerthanks img{
	float:left;
	margin-right:10px;
}

/*SUB PAGE----------------------------------------- */
html, body{
	background:url('../images/subbodybg.jpg') repeat-x #fff;
	margin:0;
	padding:0;
}
#header{
	background:url('../images/subheaderimg.jpg') no-repeat;
	float:left;
	height:220px;
	margin-top:-9px;
	width:1000px;
}
a#donate{
	display:block;
	float:right;
	margin:28px 60px 0 0;
}
ul#secnav{
	float:left;
	margin:18px 0 0 50px;
	padding:0;
	width:1000px;
}
#leftcol{
	float:left;
	margin:30px 30px 0 40px;
	width:203px;
}
#midcol{
	float:left;
	margin:30px 25px 20px 0;
	width:525px;
}
#rightcol{
	float:left;
	width:145px;
}
/*sub nav---------------- */
ul#subnav{
	background:url('../images/subnavbottom.jpg') bottom no-repeat;
	margin:0;
	padding:0 0 25px 0;
	width:201px;
}
li#subnavtop{
	background:url('../images/subnavtop.jpg') top no-repeat;
	padding-top:7px;
	width:201px;
}
ul#subnav li{
	list-style:none;
	margin-bottom:1px;
}
ul#subnav li a{
	background:#F2EFEA;
	display:block;
	padding:10px 10px 10px 20px;
	width:171px;
}
ul#subnav li ul{
	margin:1px 0 1px 0;
}
ul#subnav li ul li a{
	background:#ccc2b2;
	display:block;
	padding:10px 20px 10px 40px;
	width:141px;
}
ul#subnav li ul li ul li a{
	background:#ccc2b2;
	color:#E2470F;
	display:block;
	padding:11px 20px 10px 65px;
	width:116px;
}

/*sub options------------ */
ul#suboptions{
	margin:30px 0 0 0;
	padding:0;
	/* position:relative; */
}
ul#suboptions li{
	list-style:none;
}

ul#suboptions a {
	margin-bottom: 15px;
}
li#updates a{
	background:url('../images/subupdates.jpg') no-repeat;
	display:block;
	height:72px;
	left:0;
	/* position:absolute; */
	/* top:0px; */
	width:140px;
}
li#shop a{
	background:url('../images/subshop.jpg') no-repeat;
	display:block;
	height:84px;
	left:0;
	/* position:absolute; */
	/* top:87px; */
	width:140px;
}
li#subrights a{
	background:url('../images/subchild.jpg') no-repeat;
	display:block;
	height:84px;
	left:0;
	/* position:absolute; */
	/* top:184px; */
	width:140px;
}




ul#sitemap_page {
	padding: 0;
	margin: 0;
}

ul#sitemap_page li {
	list-style-type: none;
	margin: 0 0 20px;
	font-weight: bold;
}

ul#sitemap_page li ul li {
	margin: 10px 0 10px 20px;
	font-weight: normal;
	list-style-type: disc;
	list-style-position: outside;
}

#searchResults dl { margin: 10px 0 20px 0px; } 
#searchResults dl dt, #searchResults dl dd { margin-left: 0px; } 
#searchResults .info { font-size: 0.8em; color: #666; text-decoration: none; 
font-weight: normal; }

.imageleft {
	float: left;
	margin: 0 10px 10px 0px;
}

.imageright {
	float: right;
	margin: 0 5px 10px 10px;
}

#calendar, #calendar th, #calendar td {
	border: 1px solid #ccc;
}

#calendar th, #calendar td {
	padding: 2px 5px;
}

#calendar th {
	background-color: #f7f7f7;
	/*
color: white;
*/
	text-align: center;
}

#calendar .active a {
	font-weight: bold;
}

#calendar td.active {
	background-color: #f7f7f7;
}

.current_month_year {
	font-weight: bold;
}

p#calendar_nav {
text-align: center;
font-size: 1.1em;
}

#calendarContainer {
	text-align: center;
	width: 100%;
}

th {
	text-align: left;
}

#category_list {
	margin: 0;
	padding: 0;
}

#category_list li {
	width: 150px;
	height: 180px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	list-style-type: none;
	background-repeat: no-repeat;
	background-color: #eee;
	border: 1px solid #ddd;
}

#category_list li a {
	padding-top:150px;
	height: 30px;
	display:block;
	/* font-size: 2em; */
	line-height: 30px;
	padding-left: 5px;
}

.new-product {
	color: red;
}

.outofstock {
	color: red;
}

.product_specifications {
	/* font-style: italic; */
}


ul.products_grid {
	margin: 0;
	clear: left;
}

ul.products_grid li {
	list-style-type: none;
	margin: 0 30px 10px 0;
	width: 150px;
	float: left;
	padding-bottom: 10px;
	text-align: center;
}

ul.products_grid h2 {
	font-size: 1.2em;
}

ul.products_grid img {
	border: 1px solid #ccc;
}

#rhs_content {
	padding: 0px 0px 0 8px;
	width: 212px;
}

#mini_basket {
	padding: 0px 0px 0 8px;
	width: 212px;
}

#mini_basket table {
	border: 1px solid #ccc;
}

#mini_basket td {
	border: 1px solid #ccc;
}

#mini_basket th {
	background: #f7f7f7;
}

/* BASKET */

table.basket {
	width: 100%;
}

table.basket th {
	text-align: left;
	background-color: #f3f3f3;
}

table.basket tr.total {
	border-bottom: none;
}

table.basket tr.total th {
	text-align: right;
	background: none;
}

table.basket td.price {
	text-align: right;
}

table.basket tr {
	border-bottom: 1px solid #ccc;
}

#products_search {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

span.price {
	font-size: 1.5em;
}


.order_total {
	font-size: 1.5em;
	text-align: right;
}

ul.products {
	margin: 0;
}


ul.products li {
	list-style-type: none;
	margin-bottom:10px;
	padding-bottom: 20px;
	clear: left;
}

ul.products h2 {
	margin-top: 0;
	padding-top: 0;
}

.eventslist h2 {
	
}
.eventslist h2 .year {
	font-size:0.7em;
}
.eventslist h3 {
	font-size:1.3em;
}
.eventslist h4 {
	font-size:1.1em;
}
.eventslist h4 a{
	text-decoration:none;
	color:#63564e;
	font-size:1.2em;
}
.eventslist h4 a:hover{
	text-decoration:none;
	font-size:1.2em;
	color:#E1470F;
}
.eventslist .date{
	font-size:0.9em;
	font-weight:bold;
	color:#E1470F;
}
.eventslist p {
	font-size:1.0em;
	padding-bottom:10px;

	margin-bottom:0px;
	
}
.eventslist img {
	
}
.containevent {
	border-bottom:1px dashed #E1E1E1;
	display:block;
	margin-top:10px;
	height:auto !important; 
	height:50px; 
	min-height:50px; 	
}