html, body {
	background: #fff;
	color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
}

/* REMOVAL OF DEFAULT BROWSER STYLES */

h1, h2, h3, ul, li, form, input, p {
	margin: 0;
	padding: 0;
}

ul { list-style: none; }

a img { border: none; }

a, object, embedd { 
	outline: none;
}


/* COMMON */


.left { float: left; }
.right { float: right; }

.clr { 
	display: block; 
	clear: both; 
	height: 0;
	width: 0;
	line-height: 0;
	overflow: hidden;
}


.hidden {
	text-indent: -9991px;
	overflow: hidden;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	display: block;
}

.padding-sides { padding: 0 10px; }
.margin-top { margin-top: 10px; }
.margin-top-extra { margin-top: 20px; }

img.with-text { 
	float: left;
	margin: 0 10px 10px 0;
}

img.with-text.no-margin-top { margin-top: 0; }

/* TEXT */

p { margin-top: 1em; }

.date {
	font-style: italic; 
}

/* LINKS */

a { color: #0140e2; }
div.person a:hover,
a:hover { color: #80bb01; }

a.h2-arrow,
a.h3-arrow,
span.name {
	margin: 5px 0;
	display: block;
	padding-left: 10px;
	background: url('../img/main/arrow.gif') no-repeat 0 3px;
	text-decoration: none;
}


/* HEADINGS */

h1 {
	color: #0140e2;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 16px;
}
h1.no-margins,
h2.no-margins { margin: 0; }

h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 5px 0;
	color: #80bb01;
}
div.img-with-txt h2,
ul.article-summary h2 { font-size: 11px; margin: 0; }

div.split-col h2,
div.right-col h2,
div.green-panel h2 { margin: 0 0 16px 0; }

h3 { font-size: 11px; color: #666; }

div#mailing-list h2 { color: #3a5400; margin-bottom: 8px; }

span.h1-blue img { display: inline; }


/* LAYOUT */

div#container,
div#footer {
	width: 800px;
	padding: 0 41px 0 33px;
	margin: 0 auto;
	overflow: hidden;
}

div#container { 	background: url('../img/main/bg-shadows-stretch.gif') repeat-y top left;  }
div#footer { background: url('../img/main/bg-shadows-btm.gif') no-repeat top left;  }


div#content {
	width: 760px;
	padding: 0 20px;
	margin: 20px 0;
	overflow: hidden;
}



#homepage div#content {
	width: 780px;
	padding: 0 0 0 10px;
}

div.two-col { background: url('../img/main/dotted-vertical.gif') repeat-y 570px 0;  }
div.half-col { background: url('../img/main/dotted-vertical.gif') repeat-y 396px 0; }


/* header */

div#header {
	width: 800px;
	height: 170px;
	overflow: hidden;
	background: url('../img/main/header.jpg') no-repeat top left;
}

a#donation {
	width: 218px;
	height: 33px;
	display: block;
	overflow: hidden;
	margin-left: 566px;
	zoom: 1;
	cursor: hand;
	background: url('../img/main/blank.gif') repeat top left;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/btns/make-a-donation.png', sizingMethod='scale'); 
}
a#donation[id] { background: url('../img/btns/make-a-donation.png') no-repeat top left; }


/* MAIN NAV */

div#main-nav {
	width: 800px;
	height: 35px;
	background: url('../img/nav/nav-bg.gif') repeat-y top left; 
}

div#main-nav ul { 
	display: block;
	height: 15px;
	overflow: hidden;
	margin: 3px 0 0 21px;
}

div#main-nav ul li { 
	margin-right: 18px;
	display: block;
	float: left; 
}
div#main-nav ul li.short { margin-right: 11px; }

div#main-nav ul li.end { margin-right: 0; }

div#main-nav ul li a {
	display: block;
	height: 15px;
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	position: relative;
}

div#main-nav ul li a:hover img { visibility: hidden; }


a#home { width: 38px; background-image: url('../img/nav/home-over.gif'); }
a#about-leukaemia { width: 112px; background-image: url('../img/nav/about-leukaemia-over.gif'); }
a#about-us { width: 61px; background-image: url('../img/nav/about-us-over.gif'); }
a#affiliates { width: 57px; background-image: url('../img/nav/affiliates-over.gif'); }
a#care-support { width: 100px; background-image: url('../img/nav/care-support-over.gif'); }
a#contact-us { width: 71px; background-image: url('../img/nav/contact-us-over.gif'); }
a#donations { width: 65px; background-image: url('../img/nav/donations-over.gif'); }
a#events { width: 42px; background-image: url('../img/nav/events-over.gif'); }
a#media { width: 39px; background-image: url('../img/nav/media-over.gif'); }
a#news { width: 36px; background-image: url('../img/nav/news-over.gif'); }
a#forum { width: 40px; background-image: url('../img/nav/forum-over.gif'); }




div.nav-shadow {
	width: 800px;
	height: 8px;
	overflow: hidden;
	background: url('../img/main/blank.gif') repeat top left;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/nav/shadow.png', sizingMethod='scale'); 
}
div.nav-shadow[class] { background: url('../img/nav/shadow.png') no-repeat top left; }



/* BREADCRUM */

div#breadcrum {
	background: #e5e5e5 url('../img/main/bg-breadcrum-mailing.gif') repeat-y top right;
}

#homepage div#breadcrum { background: #e5e5e5; }

div#breadcrum div#items {
	width: 356px;
	padding: 4px 20px 12px 20px;
	display: block;
	float: left;
	color: #9bafe0; 
}

div#breadcrum div#items span { color: #013edd; }
div#breadcrum div#items a { color: #9bafe0; text-decoration: none; }
div#breadcrum div#items a:hover { color: #013edd; }


/* COLUMS */

div.left-col {
	width: 539px;
	padding-right: 10px;
	overflow: hidden;
	float: left;
}

#homepage div.left-col {
	width: 549px;
	padding: 0;
}

div.right-col {
	width: 199px;
	overflow: hidden;
	float: right;
}

#homepage div.right-col { margin-left: 10px; width: 209px; }


div.half-cols {
	width: 356px;
	overflow: hidden;
}

div.half-cols.right { width: 366px; }

div.two-cols {
	width: 760px;
	overflow: hidden;
	background: url('../img/main/bg-2-cols.gif') repeat-y top left;
}


div.three-cols {
	width: 760px;
	overflow: hidden;
	background: url('../img/main/bg-3-cols.gif') repeat-y top left;
}

div.two-cols div.col,
div.three-cols div.col {
	padding: 10px;
	margin-right: 17px;
	float: left;
}

div.two-cols div.col { width: 351px; }
div.three-cols div.col { width: 222px; }

div.two-cols div.col.end ,
div.three-cols div.col.end { margin-right: 0; }

div.two-cols div.col a.justgiving { 
	display: block;
	width: 120px;
	float: left; 
	margin: 0 10px 10px 0;
}

div.two-cols div.col a.justgiving img.logo { 
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	border-top: 47px solid #fff;
	border-bottom: 45px solid #fff;
}

/* PANELS */

div.intro-panel {
	padding: 20px 10px;
	margin-bottom: 15px;
}

div.green-panel {
	padding: 15px 10px 22px 10px;
	background: url('../img/panels/green.gif') repeat top left;
}
div.green-panel.no-padding { padding: 0; }
div.green-panel.margin-top { margin-top: 17px; }

div.green-panel.pdf { padding-bottom: 15px; }

div.green-panel.gallery { padding: 10px 35px 15px 35px; }

div.news-summary { 
	margin: 20px 0 10px 0; 
	font-weight: bold;
}

div.img-with-txt.full { 
	width: 632px;
	margin: 0 auto;
	padding-top: 17px;
}

div.img-with-txt.full div.txt { width: 491px; }


div.img-with-txt { padding-bottom: 30px; }
div.img-with-txt.fin { padding-bottom: 0; }


div.img-with-txt a.img {
	float: left;
	margin-right: 9px;
	width: 130px;
	display: block;
}

div.img-with-txt div.txt {
	float: right;
	width: 390px;
}
div.img-with-txt.full div.txt { width: 491px; }

div.staff-panel { margin-top: 30px; }

div.player {
	padding: 2px 2px 2px 3px;
	width: 544px;
	background: #e6f0ca;
}

/* MAILING LIST */

div#mailing-list { margin-bottom: 34px; }

div#mailing-list, 
div#mailing-list div {
	width: 209px;
	overflow: hidden;
}

div#mailing-list div.btm-right {
	width: 191px;
	padding: 13px 9px 14px 9px;
}


div#mailing-list{	background: url('../img/main/bg-mailing-list.gif') repeat-x bottom left; }
div#mailing-list div.stripes { background: url('../img/main/bg-mailing-list-stripes.gif') repeat top left; }
div#mailing-list div.btm-left { background: url('../img/corners/white-btm-left.gif') no-repeat bottom left; }
div#mailing-list div.btm-right { background: url('../img/corners/white-btm-right.gif') no-repeat bottom right; }



/* inline */

div#inline-mailing-list {
	width: 384px;
	padding: 5px 10px 7px 10px;
	float: right;
}

/* FORMS */
div.text-input input,
input.text-input {
	border: 0;
	zoom: 1;
	padding: 3px 5px;
	color: #979696;
}

div#mailing-list input.text-input {	
	width: 181px; 
	margin-bottom: 10px;
}

div#inline-mailing-list input.text-input {	
	width: 100px; 
	float: left; 
	margin: -5px 9px 0 0 ; 
}

div#inline-mailing-list h2 {
	width: 77px;
	height: 15px;
	overflow: hidden;
	float: left;
	margin: 0 5px 0 0;
	background: url('../img/main/blank.gif') repeat top left;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/titles/inline-mailing-list.png', sizingMethod='scale'); 
}
div#inline-mailing-list[id] h2 { background: url('../img/titles/inline-mailing-list.png') no-repeat top left; }


div#mailing-list input.join {	margin-top: 8px; float: right }

div#inline-mailing-list input.join {	margin-top: -1px; }


/* LISTS */

ul { margin-top: 5px; }

ul li {
	background: url('../img/main/bullet.gif') no-repeat 0 3px;
	padding-left: 10px;
	margin-bottom: 5px;
}

div#main-nav ul li,
div#footer ul li { background: none; padding: 0;}


ul.article-summary li {
	padding-left: 0;
	padding-bottom: 13px;
	margin-bottom: 14px;
	background: url('../img/main/seperator.gif') no-repeat bottom left;
}

ul.article-summary li.end {
	background: none;
	margin-bottom: 0;
}

ul.arrow li {
	padding-left: 10px;
	background: url('../img/main/arrow.gif') no-repeat 0 5px;
	font-weight: bold;
}

ul.arrow li a { text-decoration: none; }

/* FOOTER */
div#footer ul {	
	text-align: center; 
	margin: 42px 0 35px 0;
}

div#footer ul li { 
	display: inline;
	border-right: 1px solid #999; 
	padding: 0 5px;
	margin: 0;
	color: #999;
}

div#footer ul li a { 
	color: #999;
	text-decoration: none;
}


div#footer ul li a:hover { color: #333; }
div#footer ul li.end {  border: none; }


/* PEOPLE SUMMARY */

div.row { margin-bottom: 7px; }


div.person { 
	float: left;
	margin-right: 8px
}

div.person.end { margin-right: 0; }

div.person a { 
	display: block;
	width: 85px;
	color: #333; 
	text-decoration: none;
}

/* PRESS */

div.green-panel.video-player {
	padding: 10px 29px;  
	margin: 10px 0;
}	

div.pdf a {
   background: url('../img/btns/pdf.gif') no-repeat top left;;
	padding: 5px 0 5px 35px;
}


/* AFFILIATES */

div.affiliate,
div.affiliate span.logo {
	display: block;
	overflow: hidden;
}

div.affiliate a span.logo { border: 1px solid #fff; display: block; }
div.affiliate a:hover span.logo{ border: 1px solid #80bb01; } 


div.affiliate {
	float: left;
	margin-right: 35px;
	width: 120px;
	overflow: hidden;
	margin-bottom: 10px;
}

div.affiliate.end { margin-right: 0; }

div.affiliate span.logo {
	width: 118px;
	height: 118px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;	
	margin-bottom: 5px;
}
 /* affiliates rendered text */
span.affiliates {
	display: block;
	width: 120px;
	height: 65px;
	padding-top: 45px;
	text-align: center;	
}

/* GALLERIES */

div.photolist a span.image {
	display: block;
	width: 105px;
	height: 105px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #fff;
}

div.photolist a:hover span.image { border: 1px solid #80bb01; }




/* CONTACT FORM */

div.contactform label {
	display: block;
	width: 120px;
	padding-top: 3px;
	padding-right: 10px;
	float: left;
	text-align: right;
	overflow: hidden;
}

div.text-input input {
	width: 181px; 
	margin-bottom: 10px;
}

textarea {
	width: 490px;
	height: 300px;
	border: 0;
	zoom: 1;
	padding: 3px 5px;
	color: #979696;
}

div.submit { margin: 10px 0 0 130px; }



/* SITEMAP */

ul.sitemap a {
	font-weight: bold;
	font-size: 14px;
}


ul.sitemap li { 
	margin-bottom: 12px; 
	padding-left: 10px;
	background: url('../img/main/arrow.gif') no-repeat 0 5px;
}
ul.sitemap li ul li { 
	margin-bottom: 3px;	
	background: url('../img/main/bullet.gif') no-repeat 0 3px;
	padding-left: 10px;
}
ul.sitemap li ul li ul li { margin-bottom: 0; }

ul.sitemap li a { margin-bottom: 10px;  text-decoration: none; }
ul.sitemap li li a { margin-bottom: 10px; }



ul.sitemap li ul {
	margin-left: 10px;
}

ul.sitemap li ul a {
	font-size: 11px;
	font-weight: normal;
}

ul.sitemap ul ul li a {
	font-weight: normal;
}

/* PAGING */

div.paging {
	padding-bottom: 5px; 
	float: right;
}
div.paging a { text-decoration: none; }

div.error_message {margin-bottom: 20px; }