/* 

	AMREF HOME PAGE CSS

	Description: To be included on the AMREF Home page

	written by: Phil Thompson phil.thompson@ichameleon.com
	
	last edited on: 20/08/2007
	last edited by: Phil Thompson

	Table of Contents
	
	h2
	form elements
		label
		input
		button
	
	Newsticker aka breadcrumb
	Banner
	Button1
	Button2
	Primary content
		content1
		content2
		newsletters
	Story
		images
		story
		links
		related stories
	Secondary content
		Ad
		Media
		News
		Where we work
	

*/


/* PRIMARY CONTENT */
div#primarycontent{
	clear: both;
	float: left;
	margin: 0px 20px;
	padding: 0;
	width: 954px;
	display: inline;
}

div#breadcrumb{
	padding-bottom:0px;
}

	div#mainNews {
		width:730px;
		float:left;
		margin:0;
		border-left: 0px solid #AD2A27;
	}
		div#mainNews h1, 
		div#mainNews h2, 
		div#mainNews h3, 
		div#mainNews ul, 
		div#mainNews p {
			padding:5px 20px 5px 0;
		}
		div#mainNews h2 {
			border-bottom-width: 1px;
			border-bottom-style: solid;
			font-size: 220%;
			padding-top:0;
			margin-bottom:5px;
			height: 35px; /* attempt to line up the header lines :o( */
		}
		div#mainNews ul {
			list-style-type: disc;
		}
		div#mainNews p a.arrow {
			background:transparent url('/img/layout/news-arrow.gif') 0px 2px no-repeat;
			padding-left:22px;
		}

div#row2 {

}
	div#row2 div {
		width: 467px;
		float: left;
	}
		div#row2 div.first {
			margin-right:20px;
		}

div#row3 {

}
	div#row3 div.col {
		width: 224px;
		margin-right: 20px;
		float:left;
	}
		div#row3 div.col h2 {
			font-size: 180%;
			padding: 0;
			margin-bottom: 15px;
		}
		div#row3 div.col p {
			padding:0;
		}
			div#row3 div.col p.link {
				padding: 10px 0 0;
			}
	div#row3 div.col1, 
	div#row3 div.col3{
		width: 223px;
	}
	
	div#row3 div.col1{
		float: left; 
	}
	
	div#row3 h2{
		float: left; 
		width: 200px;
		margin: 0 10px 0 0; 
		width: 210px;
	}	
	
	h2.cal_title{
		width: 200px;
	}
	
		div#row3 div.col3 a.wheremap {
			height: 198px;
			width: 223px;
			background: url('/img/layout/uk.gif') no-repeat;
			float: left;
			text-indent: -9000px;
		}
	div#row3 div.col4 {
		margin-right: 0;
	} 
	
	div#block0 {
		margin:0;
		width:230px;
	}
		div#block0 h3 {
			background-color:#000;
			text-align:center;
			color:#fff;
		}
		div#block0 p {
			font-family: Georgia, Arial, Verdana;
			background-color: #607072;
			color: #fff;
			font-size: 130%;
			padding: 15px 20px;
			line-height:150%;
		}

		
		div#block0 a#donate_button {
			text-indent: -5000px;
			background: transparent url('/img/layout/donate.gif') no-repeat;
			float:left;
			width:230px;
			height:79px;
			margin-top:10px;
		}
	
	div#button0 {
		margin:0;
		width:230px;
	}
		div#button0 p {
			padding:0;
			margin-top: 10px;
		}

	/* quite a messy contraption, probably work perfectly first time in ie :o) */
	div#lower-blocks {
		background-color: #E5E6DF;
		border-bottom:0px solid #ADAF9A;
		width:960px;
		padding-bottom:20px;
		float:left;
	}
	div#lower-blocks div.lower-block{
		float: left;
		width: 190px;
		min-height: 266px;
		padding-left: 40px;
		background:#E5E6DF url('/img/layout/panel-separator.gif') repeat-y left;
	}
		div#lower-blocks div.lower-block h3, 
		div#lower-blocks div.lower-block-end h3 {
			height:49px;
			width:190px;
			text-align:left;
			background: transparent url('/img/layout/panel-title-big.gif') top repeat-x;
			font-size: 150%;
			margin:0;
			margin-left:-40px;
			padding: 5px 0 0 40px;
			color:#fff;
		}
		div#lower-blocks div.lower-block p {
			padding-left: 0;
			padding-right: 0;
			font-size: 85%;
			line-height: 110%;
			font-weight: normal;
		}
			div#lower-blocks div.lower-block a {
				font-size: 110%;				
			}
		
		div#lower-blocks div.lower-block-end {
			width:40px;
			min-height: 266px;
			float:left;
			background: #E5E6DF url('/img/layout/panel-separator.gif') repeat-y;
		}
			div#lower-blocks div.lower-block-end h3 {
				width:40px;
				padding:0;
				margin:0;
			}
	
	div#tags{
		display: none;
	}
	
	textarea#video-embed {
		width: 224px;
		height: 140px;
	}
	textarea#google-map {
		width: 223px;
		height: 140px;
	}