/* MalariaNoMore.org.uk

----------------------------------------------------------------------------------------------------*/

/* Layout
----------------------------------------------------------------------------------------------------*/


/* Site
----------------------------------------------*/

#header {
position: relative;
border-bottom: 1px solid #e1e1e1;
height: 12em;
}

#header ul#mainNav {
list-style: none;
text-align: right;
margin-top: -68px;
padding-top: 2.5em;
}

#header ul#mainNav li {
display: inline;
padding-right: 2.4em;
font-size: 1.3em;
}

#content {
padding: 2em 0;
}


#footer {
border-top: 1px solid #e1e1e1;
padding: 2em 0;
}

#footer ul {
list-style: none;
}

#footer ul#links {
float: left;
padding-bottom: 1px;
}

#footer ul#links li {
display: inline;
margin: 0 1em 0 0;
padding-right: 1em;

border-right: 1px solid #e1e1e1;
}

#footer ul#links li.last {
border: 0;
}

#footer ul#international {
float: right;
}
#footer ul#international li {
display: inline;
margin: 0 0 0 2em;
}


/* Home
----------------------------------------------*/

#newsTicker {
margin-bottom: 2em;
background-image: url(../img/bg_newsTicker.gif);
background-position: top left;
background-repeat: no-repeat;
height: 2.7em;
display:none;
}

#masthead {
position: relative;
}

#masthead #sidebar {
position: relative;
height: 327px;
}

#homeLatestNews {
position: absolute;
bottom:0;
}

#homeLatestNews img {
float:left;
}

#homeDonate {
width: 460px;
height: 89px;
background-image: url(../img/bg_donate2.jpg);
}

#homeGetInvolved {
width: 460px;
height: 89px;
background-image: url(../img/bg_getInvolved.jpg);
}

div.homePromo {
margin-top: 2em;
}

div.homePromo p {
background-image: url(../img/bg_homePromo.png);
background-position: left top;
background-repeat: repeat-y;
color: #FFFFFF;
display: inline;
float: right;
margin: 30px 10px 8px 0;
padding: 6px;
width: 160px;
}


/* News
----------------------------------------------*/

#news {
position: relative;
}

#news ul {
font-size: 1em;
padding-left:0;
}

#news li {
clear: left;
list-style: none;
padding-bottom: 2em;
}

#news p {
margin-left: 170px;
}
#news ul img {
display: inline;
float: left;
padding-bottom: 2em;
}


/* News Post Page
----------------------------------------------*/

#newsPost {
position:relative;
}

#newsPost h2 {
  width: 310px;
  }

#newsImage {
  position: relative;
  display: inline;
  float: right;	
}
#newsImage p {
  position: absolute;
  bottom: 1em;
  right: 0;
  background: url(../img/bg_homePromo.png);
  padding: 0.5em 1em;
  font-size: 1.1em;
  color: #fff;
}
#newsPost p.date {
  display: inline-block;
  font-size: 1.1em;
  color: #000;
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: 0.5em;
  }


/* Donate
----------------------------------------------*/

#donateSlider {
border-right: 1px solid #FFFFFF;
height: 188px;
overflow: hidden;
width: 940px;
margin-bottom: 2em;
}


#donateSlider ul {
height: 188px;
width: 1300px;
padding-left: 0;
}

#donateSlider li {
border-right: 1px solid #FFFFFF;
float: left;
height: 188px;
background-color: red;
overflow: hidden;
position: relative;
width: 188px;
display: list-item;
list-style: none;
}

#donateSlider a.click {
display: block;
height: 188px;
left: 0;
position: absolute;
text-decoration: none;
width: 100%;
}

#donateSlider #bottom {
position: absolute;
display: block;
bottom: 0;
left: 0;
width: 220px;
}

#donateSlider li.donate1 {
background: transparent url(../img/donate_1.jpg) repeat scroll center center;
background-color: red;
}
#donateSlider li.donate2 {
background: transparent url(../img/donate_2.jpg) repeat scroll center center;
background-color: orange;
}
#donateSlider li.donate3 {
background: transparent url(../img/donate_3.jpg) repeat scroll center center;
background-color: yellow;
}
#donateSlider li.donate4 {
background: transparent url(../img/donate_4.jpg) repeat scroll center center;
background-color: green;
}
#donateSlider li.donate5 {
background: transparent url(../img/donate_5.jpg) repeat scroll center center;
background-color: blue;
}


#donateForm #donateBox {
background-color: #ffcda8;
width: 46em;
margin-left: 8em;
padding: 2em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#donateForm img {
float: right;
}

#donateForm p.giftaid {
margin-right: 160px;
}

#donateForm fieldset#billing label {
display: block;
float: left;
margin-right: .6em;
text-align: left;
padding: 5px;
width: 20%;
}

#donateForm #submitButton {
background-color: #E96522;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
font-size: 14px;
margin: 20px 0 10px;
padding: 10px;
}

/* Get Involved
----------------------------------------------*/

#involvedSubscribe form {
  padding-bottom: 0.5em;
  }

#involvedSubscribe input {
	border:1px solid #e1e1e1;
	padding:4px;
	font-size: 1.3em;

}

#involvedSubscribe #submitButton {
background-color: #E96522;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
font-size: 1.1em;
font-weight: normal;
line-height: 1;
text-transform:uppercase;
}

#involvedSubscribe #submitButton:hover {
background-color: #f16823;
}

#involvedCalendar h5 {
  border-bottom: 0;
  margin-bottom: 0;
  padding-top: 0;
  color: #444;
  }

#involvedCalendar dt {
  display: inline;
  float: left;
  padding-left: 0.5em;
  width: 2em;
  color: #E7652C;
  font-weight:bold;
}
#involvedCalendar dd {
  
}



/* Admin
----------------------------------------------------------------------------------------------------*/


p.admin {
	border-left:3px solid #FF6600;
	padding-left:3px;
}

table {
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	color: #333;
	font-size:1.3em;
	margin-bottom:1em;
}

table caption {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px;
	background: #efefef;
	border: 1px solid #ccc;
	color: #666;
}

table a {
	text-decoration: none;
	color: #f60;
	font-weight: bold;
}

table a:hover {
	text-decoration: none;
	color: #fff;
	background: #f60;
}

table tr th a {
	color: #369;
	border-bottom: 1px dotted #369;
}

table tr th a:hover {
	color: #fff;
	background: #369;
}

table thead tr th {
	text-transform: uppercase;
	background: #e2e2e2;
}

table tfoot tr th, table tfoot tr td {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}

table tfoot tr th {
	width: 20%;
}

table tfoot tr td {
	width: 80%;
}

table td, table th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	line-height: 1.8em;
	font-size: 0.8em;
	vertical-align: top;
	width: 20%;
}

table tr.odd th, table tr.odd td {
	background: #efefef;
}