/* CSS Document */

/*
The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2009-2010 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.
*/


/*###########################
#######GENERAL LAYOUT########
#############################*/

* {
	margin:0px;
	padding:0px;
	font-weight:normal;
}

body {
	behavior: url(csshover.htc);
	/*height:100%;*/
	background:#FF9501 url(../images/background/background-repeat.jpg) repeat-x top left;
}

img, div, li, ul {behavior: url(iepngfix.htc);}

img {border:0px; display:block;}

h1 {
	font-family:Impact;
	color:#85003B;
	padding:0px 0px 10px 0px;
}

h2 {
	font-family:Impact;
	color:#85003B;
	padding:0px 0px 5px 0px;
}

h3 {
	font-family:Impact;
	color:#85003B;
	padding:0px 0px 5px 0px;
	font-size:100%;
}

p {
	line-height:18px;
	padding:0px 0px 15px 0px;
}

a {
	cursor:pointer;
}

blockquote {
	font-family:"Arial Narrow", Arial;
	padding:10px 10px 0px 0px;
	font-size:120%;
	letter-spacing:1px;
	color:#85003B;
}

blockquote p {padding:0px;}

cite {font-family:Impact; font-style:normal;}

cite.quote {font-family:Arial, Helvetica, sans-serif; font-style:bold;}

p.cite {text-align:right; padding:3px 20px 15px 0px; color:#85003B;}

#holder {
	width:980px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	text-decoration:none;
	line-height:normal;
	/*background:url(../images/background/shadow.png) repeat-y center;*/
	_background:none;
	_background-color:#FFF;
	color:#3B3B3B;
	position:relative;
}

.errorText 
{
    color:#CC0000;
}
/*###########################
#######FLASH BACKGROUND########
#############################*/

#flashBG {
}

#flashBackground {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:-1000;
	/*background:url(../images/background/body.jpg) fixed no-repeat center top;*/
	_position: absolute; 
 	_top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
 	_left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
	
}

#flashLeftBg {
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:100px;
	z-index:-1003;
}

#flashCenBg {
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	z-index:-1001;
	background:url(../images/background/shadow.png) repeat-y center;
	_background:none;
}

#flashRightBg {
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:100px;
	z-index:-1002;
}


/*###########################
#######HEADER LAYOUT########
#############################*/

#header {
	width:940px;
	height:130px;
	margin:auto;
	background:url(../images/background/header-bg.jpg) center top no-repeat;
	display:block;
}

#flashHeader {
	float:right;
	width:760px;
	height:90px;
	background:url(../images/background/flash-header.gif) no-repeat;
}

/*###########################
#########NAV LAYOUT##########
#############################*/

#navigation {
	float:right;
	clear:none;
	padding:0px 20px 0px 0px;
	font-family:Impact;
	font-size:130%;
	letter-spacing:0.08em;
}

#navigation li {
	list-style:none;
	float:left;
	clear:none;
	position:relative;
	padding:5px 0px 5px 0px;
	margin:0px 0px 0px 10px;
}

#navigation li:hover {
	background:#FFA229;
}

#navigation li:hover a {
	color:#000;
}

#navigation li a {
	color:#FFF;
	text-decoration:none;
	padding:5px;
}

#navigation li a:hover {
	color:#000;
}

#navigation li ul {
	position:absolute;
	top:30px;
	right:0px;
	display:none;
	font-size:80%;
	width:200px;
	background:#FFA229;
	text-align:right;
	padding:10px;
	z-index:100000000;
}

#navigation li ul.about {width:150px;}

#navigation li:hover ul {display:block;}

#navigation li li {
	clear:both;
	float:none;
	margin:0px;
	padding:0px 0px 5px 0px;
	background:none;
}

#navigation li li a {
	padding:0px 0px 4px 0px;
	color:#000;
}

#navigation li li a:hover {
	color:#85003B;
}

/*###########################
#######MAIN LAYOUT########
#############################*/

#leftBorder, #rightBorder {
	float:left;
	clear:none;
	width:40px;
	height:100px;
	background:#C00;
	text-align:center;
}

#rightBorder {
	background:#6C3;
}


#doc {
	width:960px;
	margin:auto;
	padding:0px 0px 10px 0px;
	background:#FFF;
}

#mainContent {
	width:580px;
	_width:560px;
	padding:0px 10px 10px 10px;
	float:left;
	clear:none;
}

#mainContent.wide {
	width:940px;
	padding:0px 10px 10px 10px;
}

.content {
	padding-left:20px;
}


/* content styles */

#mainContent a {
	color:#FFA229;
	font-family:Impact;
	letter-spacing:1px;
	font-size:100%;
}

#mainContent ul {
	padding:0px 0px 20px 20px;
}

#mainContent li {
	padding:0px 0px 5px 0px;
}

#mainContent ul.paddingTop20 {
	padding-top:20px;
}

#mainContent ul.paddingBottom0 {
	padding-bottom:0px;
}

#flashContentHolder {
	padding:0px 0px 20px 0px;
}

.orangeBorder {
	width:201px;
	height:150px;
	background:url(../images/background/orange-border-bg.gif) no-repeat;
	position:absolute;
	top:0px;
}

.orangeBorderLarge {
	width:250px;
	height:175px;
	background:url(../images/background/orange-border-bg-large.gif) no-repeat;
	position:absolute;
	top:0px;
}

.orangeBorderPortrait {
	width:150px;
	height:201px;
	display:block;
	background:url(../images/background/orange-border-bg-portrait.gif) no-repeat;
	position:absolute;
	top:0px;
}

.mapHolder {
	padding:0px 0px 10px 0px;
}

#mapHolder {
	width:940px;
	height:540px;
}

.loading {
	padding:200px 50px 50px 50px;
	text-align:center;
	font-family:Impact;
	color:#85003B;
	font-size:170%;
}

/* get involved boxes */

.giBox {
	width:260px;
	float:left;
	clear:none;
	padding:10px 10px 30px 10px;
	margin:0px 20px 20px 0px;
}

.alternative {background:url(../images/background/get-involved-alternative-gift-bg.gif) no-repeat center bottom;}
.alternative:hover {background:url(../images/background/get-involved-alternative-gift-on-bg.gif) no-repeat center bottom;}

.sponsor {background:url(../images/background/get-involved-sponsor-a-child-bg.gif) no-repeat center bottom;}
.sponsor:hover {background:url(../images/background/get-involved-sponsor-a-child-on-bg.gif) no-repeat center bottom;}

.doEvent {background:url(../images/background/get-involved-sponsored-event-bg.gif) no-repeat center bottom;}
.doEvent:hover {background:url(../images/background/get-involved-sponsored-event-on-bg.gif) no-repeat center bottom;}

.attendEvent {background:url(../images/background/get-involved-attend-the-next-event-bg.gif) no-repeat center bottom;}
.attendEvent:hover {background:url(../images/background/get-involved-attend-the-next-event-on-bg.gif) no-repeat center bottom;}

.register {background:url(../images/background/get-involved-register-bg.gif) no-repeat center bottom;}
.register:hover {background:url(../images/background/get-involved-register-on-bg.gif) no-repeat center bottom;}

.visit {background:url(../images/background/get-involved-visit-uganda-bg.gif) no-repeat center bottom;}
.visit:hover {background:url(../images/background/get-involved-visit-uganda-on-bg.gif) no-repeat center bottom;}

.mobile {background:url(../images/background/get-involved-donate-your-old-mobile-bg.gif) no-repeat center bottom;}
.mobile:hover {background:url(../images/background/get-involved-donate-your-old-mobile-on-bg.gif) no-repeat center bottom;}

.searchShop {background:url(../images/background/get-involved-shop-search-online-bg.gif) no-repeat center bottom;}
.searchShop:hover {background:url(../images/background/get-involved-shop-search-online-on-bg.gif) no-repeat center bottom;}


/* form elements */

label, .label {
	width:150px;
	float:left;
	clear:none;
	text-align:right;
	margin:0px 20px 0px 0px;
	font-size:90%;
}

.formElementHolder {
	clear:both;
	padding:0px 0px 5px 0px;
}

.width70 {
	width:70px;
}

.button {
	width:100px;
	margin:20px 0px 20px 170px;
	color:#3b3b3b;
}

input, select {
	width:250px;
	float:left;
	clear:none;
	color:#85003b;
}

select {
	color:#3b3b3b;
}

textarea {
	width:250px;
	height:100px;
	float:left;
	clear:none;
	color:#85003b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
}

#mainContent .errorBox {
	color:#CC0000;
	padding:10px 0px 10px 170px;
}

/* latest news */

.latestNewsBox {
	clear:both;
	padding:15px 0px 15px 0px;
}

.latestNewsBox h2 {
	padding:0px;
}

.latestNewsContent {
	float:left;
	clear:none;
}

.divider {
	clear:both;
	background:url(../images/content/divider.gif) no-repeat center;
	height:3px;
	width:560px;
	margin:auto;
}

.blogdate {
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 3px 0px;
}

#pagination {
	list-style:none;
	font-size:80%;
	height:20px;
	width:280px;
	margin:auto;
}

#pagination .paginationTop20 {
	padding-top:20px;	
}

#pagination li {
	border-left:1px solid #CCC;
	/*border-right:1px solid #CCC;*/
	float:left;
	clear:none;
}

#pagination li.previous {padding:0px 8px 0px 0px;}
#pagination li.next {padding:0px 0px 0px 8px;}

#pagination li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#3B3B3B;
	text-decoration:none;
	padding:4px 8px 4px 8px;
}

#pagination li a.On {
	font-weight:bold;
	background:#F0F0F0;
}

#pagination li a:hover {
	color:#FFA229;
	text-decoration:underline;
}

#pagination li a.lightGrey {color:#CCCCCC;}


/* alternative gift list */

.altGiftBox {
	padding:15px;
	clear:both;
	background:#FFF6E9;
}

.altContentBox {
	float:left;
	clear:none;
	width:220px;
	padding:0px 10px 0px 0px;
}

.donateBox {
	float:left;
	clear:none;
	width:100px;
	text-align:right;
}

h2.pound {
	font-size:320%;
}

.buynow {
	float:right;
	clear:none;
	padding:0px 0px 50px 0px;
}

/* ### RIGHT PANEL ### */

#rightPanel {
	width:340px;
	padding:0px 10px 10px 10px;
	float:left;
	clear:none;
}

#rightPanel h2 {
	color:#85003B;
	font-size:110%;
	font-family:Impact;
	padding:15px;
}

#shareLinks, #mainContent .shareLinks {
	padding:0px 0px 0px 0px;
}

#shareLinks li, #mainContent .shareLinks li {
	list-style:none;
	float:left;
	clear:none;
	height:16px;
	margin:0px 0px 0px 10px;
}

#shareLinks li.email, #mainContent .shareLinks li.email {background:url(../images/content/email-2.gif) no-repeat left; padding:0px 0px 0px 20px;}
#shareLinks li.facebook, #mainContent .shareLinks li.facebook {background:url(../images/content/facebook.gif) no-repeat left; padding:0px 0px 0px 20px;}
#shareLinks li.twitter, #mainContent .shareLinks li.twitter {background:url(../images/content/twitter.gif) no-repeat left; padding:0px 0px 0px 20px;}

#shareLinks li.flickr {background:url(../images/content/flickr-2.gif) no-repeat left; padding:0px 0px 0px 20px;}
#shareLinks li.youtube {background:url(../images/content/youtube.gif) no-repeat left; padding:0px 0px 0px 20px;}
#shareLinks li.blog {background:url(../images/content/blogger.gif) no-repeat left; padding:0px 0px 0px 20px;}

#shareLinks li a, #mainContent .shareLinks li a {
	list-style:none;
	float:left;
	clear:none;
	color:#3B3B3B;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

.cta, .cta2 {
	float:left;
	clear:none;
	padding:0px 20px 20px 0px;
}

.cta2 {padding-right:0px;}

#latestNewsbox {
	background:url(../images/background/latestNewsbox-bg.jpg) top center no-repeat;
	width:310px;
	padding:15px 15px 0px 15px;
	margin:auto;
	color:#FFF;
	font-family:Impact;
}

#latestNewsbox h1 {
	font-size:200%;
	color:#FFA229;
	letter-spacing:1px;
	padding:0px 0px 5px 0px;
}

#latestNewsbox h2 {
	font-size:140%;
	color:#FFF;
	letter-spacing:1px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
}

#latestNewsbox p {
	font-size:95%;
	font-family:Arial, Helvetica, sans-serif;
}

#latestNewsbox a {
	color:#FFA229;
	font-family:Impact;
	letter-spacing:1px;
	font-size:120%;
}

#latestNewsbox .blogdate {
	color:#FFF;
	font-size:100%;
}

#latestNewsboxBottom {
	height:4px;
	width:340px;
	display:block;
	background:url(../images/background/rightpanelbottom.gif) no-repeat center;
	_background-position:top;
}

/* GOOGLE MAP STYLES */

#mainContent .mapPopup h2 {
	padding-bottom:10px;
}

#mainContent .mapPopup h2 a {
	color:#85003B;
	font-size:90%;
}

#mainContent .mapPopup p {
	padding-top:5px;
}

#mainContent .mapPopup p a {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}

#mainContent .mapPopup p a .purple {
	color:#85003B;
}

#mainContent .mapPopup img {
	border:0;
	margin:auto;
}


.clearGap {
	clear:both;
	height:10px;
}

.galleryImage {
	float:left;
	margin:0 3px 3px 0;
}

.galVideoHol {
	position:relative;
	height:90px;
	width:130px;
	float:left;
}

.galVideoHol a {
	height:90px;
	width:120px;
}

.galVideoHol img {
	position:absolute;
	top:0;
	left:0;
}

/* ### TOP LINKS ### */

#topLinks {
	clear:both;
	padding:10px 20px 13px 20px;
	height:10px;
	font-size:75%;
}

#biscuit {
	float:left;
	clear:none;
}

#biscuit li {
	list-style:none;
	float:left;
	clear:none;
	padding:0px 0px 0px 5px;
}

#biscuit li a {
	list-style:none;
	float:left;
	clear:none;
	color:#FFA229;
	padding:0px 5px 0px 0px;
	border-right: solid 1px #999;
}

#topRightlinks {
	float:right;
	clear:none;
}

#topRightlinks li {
	list-style:none;
	float:left;
	clear:none;
	margin:0px 0px 0px 10px;
}

#topRightlinks li.rss {background:url(../images/content/rss.gif) no-repeat left; padding:0px 0px 0px 13px;}
#topRightlinks li.flickr {background:url(../images/content/flickr.gif) no-repeat left; padding:0px 0px 0px 13px;}
#topRightlinks li.signup {background:url(../images/content/email.gif) no-repeat left; padding:0px 0px 0px 13px;}

#topRightlinks li a {
	list-style:none;
	float:left;
	clear:none;
	color:#3B3B3B;
}

.ctaButton {
	font-size:110%;
	font-family:Impact;
	text-transform:uppercase;
	float:left;
	margin-right:20px;
	padding-bottom:20px;
}

#mainContent .ctaButton a {
	padding:5px 10px 5px 10px;
	color:#000;
	display:block;
	background:#FFA229;
}

/*###########################
#######FOOTER LAYOUT########
#############################*/

#footer {
	clear:both;
	text-align:center;
	padding:20px 0px 0px 0px;
	font-size:85%;
	color:#7c7c7c;
	width:960px;
	margin:auto;
	background-color:#FFF;
}

#footer a {
	color:#7c7c7c;
	text-decoration:none;
}

#footerLinksholder {
	width:940px;
	height:26px;
	text-align:center;
	margin:10px auto 10px auto;
	background:url(../images/background/footer-bg.gif) center no-repeat;
}

#footerLinksholder ul {
	width:530px;
	height:26px;
	margin:auto;
}

#footerLinksholder ul li {
	list-style:none;
	float:left;
	clear:none;
	margin:6px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	border-right:1px solid #FFA229;
}

#footerLinksholder ul li.noborder {border:none;}

#footerLinksholder ul li a {
	color:#FFA229;
	text-decoration:none;
}

#flashFootercontainer {
	width:940px;
	height:117px;
	margin:auto;
}


/*###########################
#######MISCELLANEOUS########
#############################*/

.clear {
	clear:both;
	height:0px;
	line-height:0px;
}

.bold {font-weight:bold;}

.hidden {display:none;}

.noborder, #pagination li.noborder {border:none;}

.left {float:left; clear:none;}
.right {float:right; clear:none;}
.center {text-align:center;}

.imgLeft {float:left; clear:none; margin:0px 15px 5px 0px; position:relative;}
.imgRight {float:right; clear:none; margin:0px 0px 5px 15px; position:relative;}

.textRight {
	text-align:right;
}

.floatNone {float:none !important;}

.grey {color:#3B3B3B;}
.purple {color:#85003B;}
.orange {color:#FFA229;}

.small90 {font-size:90%;}

.arrow {font-family:Arial, Helvetica, sans-serif;}

.nopadding {padding:0px;}
.noToppadding {padding-top:0px;}

.nomargin {margin:0px;}

.padTop15 {padding-top:15px;}
.padRIght20 {padding-right:20px;}
.padLeft40 {padding-left:40px;}

.highlight {
	font-family:Impact;
	color:#85003B;
	padding:0px 0px 5px 0px;
	font-size:100%;
}