/* UHUK CSS Document */
body { 
	margin: 0.1em 0 0 0; padding: 0; font-size: 62.5%; border-top: 0px solid #6699FF; font-family: Arial, Tahoma, Helvetica, sans-seri; background-color: #f0f0f0; }
	
img { border: none;}

h1, h2, h3, h4, h5, h6 { font-family:Georgia,"Times New Roman",serif; font-size:1em; margin: 0; padding:0; }	

a {text-decoration: underline;}

a:hover {text-decoration: none;}

P {padding:0; margin: 7px; }
em {font-weight: bold; font-style:normal;}
#bg {padding:0;	margin: 0px auto 5px; width: 870px; border: #000000 0px solid;}

#wrap { margin: 0px; padding: 0 6px 0 6px;  background: url(../images/wrap-bg.gif) repeat-y; width: 8680px; text-align: left;}

#header {width: 850px; background-color: #FFFFFF; height:12.5em;}

#logo{ float:left; margin:5px 0 4px 10px}
#motto{ width:29em; float: right; margin:2em 0.5em 0 0;}

#header span.contact{ padding: 0 0 50px 300px; }

#top-nav{ color:#ffffff; font-size:1.2em; font-weight: bold; background-color:#999999; float: left; margin: 0; padding: 1px; width: 856px;border-top: #9999FF 1px solid;  border-bottom: #9999FF 1px solid; }

#top-nav ul {padding: 0px; float: left; margin: 0px; list-style-type: none}

#top-nav ul li {padding: 0px; float: left; margin: 0px; border: #9999FF 0px	solid; width:105px; text-align:center;}

#top-nav ul li a {padding-right: 0px; padding-left: 0px; padding-bottom: 6px; padding-top: 6px; margin: 0; diaplay: block; float: left; color: #000000; text-decoration: none; border: #000000 0px solid; width:105px;}

#top-nav ul li a:hover {text-decoration: none; background-color: #f0f0f0; }

#top-nav ul li.active a {margin: 0; background-color:#ccc; padding-right: 0; padding-bottom: 6px; padding-top: 6px; padding-left: 0;  text-decoration: none}

#top-nav ul li.active a:hover {margin-top: 0; background-color: #cccccc; padding-top: 6px; padding-bottom: 6px; text-decoration: none}

#main {margin: 0; padding: 0; WIDTH: 770px;}

#content {font-family:tahoma,verdana,arial,sans-serif; font-size:1.2em; margin:0; padding:0 0 20px 0px;position:relative; width:858px; min-height: 40em;} 	
* html #content {height: 40em;}

#picture-slider{position: relative; width: 100%; height: 180px; margin: 4px 0 0 0; border: #000 0px solid;}
#sliderButtons{	width: 100%; height: 30px; margin-bottom: 0px; border: #000 0px solid; }

#sliderButtons span{float: right;}

#section-one{position:relative;	float: left; width: 29%; height: 300px; margin: 10px 15px 10px 5px; line-height:1.8em;	border-right: #000 0px solid;}

#section-two{position:relative;	float: left;margin: 10px 14px 15px 15px;width: 29%; height: 300px; line-height:1.8em;}
#section-three{	position:relative; float: right; margin: 10px 24px 0 15px; width: 29%; height: 300px; line-height:1.8em;
	background-color:#fff;}

#footer {clear:both; margin-top: 0; padding: 4px 0 2px 0; background-color: #999999;  width: 857px; color: #fff; border-bottom: #000000 1px solid;}
#footer p#charityNumberFooter { float: left; width:260px; padding-right: 10px; padding-left: 0; padding-top: 0 ; margin:0 0 0 10em; font-weight: bold;}
#footer p#copyright { float: left; width:200px; padding-right: 0; padding-left: 10px; padding-top: 0 ; margin: 0}
#footer ul { float: right; margin:0; padding: 0 27px; list-style-type:none;	}
#footer ul li { float: left; margin: 0; padding: 0 27px; list-style-type: none;}

#footer a {color:#fff; text-decoration: underline}
#footer ul li a {float: left; margin: 0 5px; padding: 0; display: block; color: #fff; text-decoration: none}
#footer ul li a:hover {	color: #fff; text-decoration: underline}

.main{background:#009900; margin:0; padding:4px; }

#section-one h1, #section-two h1, #section-three h1{ font-size:1.8em; font-family: Georgia, "Times New Roman", Times, serif; }

#section-one h1{ padding-left: 10px; color:#006600; }
#section-two h1{padding-left: 10px; padding-bottom: 0;	color:#FF6600; 	}
#section-three h1{padding-left: 10px; color:#330099; }
 
#section-one span,#section-two span,#section-three span{ position:absolute; bottom:0;left:10.2em;color:#003366;	font-size:1.2em; width:200px} 
a.readMoreLink{	text-decoration:underline; color:#999999}
 
.clear{	clear:both; margin:0;padding:0;}
 
.separator{	float:left; border-right:1px;  width:1px; margin:10px 0; height:300px;	background-color:#999999;}
#mainContent{float: left; width: 690px; margin: 10px 0 20px 10px; padding-top:1.1em;	line-height:1.8em; border-right: 1px #cccccc solid}
#secondaryContent{float:right; width: 150px; height: 400px;	margin: 10px 0 0px 0px;	border: 0px solid #cccccc;}
#contact{width: 755px; margin: 10px 0 20px 5px; padding-top:1.2em; line-height:1.8em; border: 0px #cccccc solid;}
.contactInfo{background-color:#F2F2F2; margin:30px 0 20px 20px; padding:5px 0 34px 10px; width:500px;}

#contact a{ color: #003366;}

#mainContent2 h1 span, #mainContent h1 span, #contact h1 span{ font-size: 1.60em;  margin: 20px 0 4px 10px; font-family: Georgia, "Times New Roman", Times, serif;  color:#003366;}
#mainContent p, #contact p{ margin-top:0.5em; margin-left:0 !important; padding-left: 10px; padding-right: 10px; font-size:1.1em;}

.addressItemLabel{float: left;	width: 245px; height: 25px; font-weight:bold;}
.addressItemContent{float:right; width:200px; }

#contactInfo{min-height: 400px;	height: 400px; margin-bottom: 0px;}

.bottom_note{margin-left:20px}

#eventIntro{font-size:1.2em}
.item { font-size:1.1em; border:0px solid #000000; margin-left:1em; margin-top:1em; width:95%; margin-bottom: 2em;}
.item p {margin:0px; line-height:1.4em;}
/*.item h1 {margin: 1em 2em 0 0; font-size:1.4em; color:#000;} */

.itemImage{float: left; width: 25%; height:120px; background-image:url(../images/lion.gif); border:0px solid #000;}
.itemContent{float: right; width: 70%;	height: 120px;	line-height:1.2em; font-size:1.1em; border:0px solid #000;}
.eventSeparator{margin: 20px 0 20px 10px;  width: 95%; border-bottom: 1px solid #CCCCCC;}

/*.eventTitle { color:#000066; font-size:1.6em; margin-left:10px !important; margin-top:20px !important;} */

.eventLink{color:#003366; font-size:1.2em; font-weight:bold;}
.eventTitle {text-transform:uppercase; color:#003366; font-size:1.2em; font-weight:bold;}

.eventTitle a{color:#003366; text-decoration: none;}
.eventTitle a:hover{color:#003366; text-decoration: underline;}

.eventDate {color:#999999; font-size:1em; font-weight:bold; margin-bottom:1em; display:block;}
#homeMainContent{position:relative; width: 98%; margin: 10px 15px 10px 10px; line-height:1.3em; border: #000 0px solid; font-size:1.1em;}
#homeMainContent h1{ color:#003366; font-family:Georgia,"Times New Roman",Times,serif; font-size:1.6em; margin-bottom: 10px; }
.donateMsg a{text-transform:uppercase; font-size:1.1em; color:#FF0000; font-weight:bold;}
.quakeIm01{float: right; margin-left: 8px;}
#homeMainContent ul li {list-style-type: disc; line-height:1.8em;}
.pressconf{float: left; margin-right: 24px; margin-bottom:2em;}
.eventH1{border-bottom:1px solid #003366; color:#FF0000 !important; font-size:1.7em; font-weight:bold; margin:1em 2em 1em 0.8em; padding-bottom:0.2em;}

#mainContent h2, #rightColumn h2{margin:7px; color:#003366; font-size:1.2em; font-weight:bold;}

#homeMainContent a.black-link{color: #000000;}
.urgentInfo{border:1px solid #FF0000; background-color:#FFF8C6; margin-right:5px; padding:10px;}

.sectionMainTitle{color:#000066; font-size:1.6em; margin-top:20px; margin-left:10px}

#mainContent2{width: 840px; margin: 10px 0 20px 5px; padding-top:1.1em;	line-height:1.8em;}
#mainContent2 p{margin:0 0 0.5em;}
.sponsors{background-color:#CCCCCC; color:#FF0000; font-size:1.3em; margin-left:2px; margin-right:5px; margin-top:20px; padding-left:13px;}
.sponsorsLinks{background-color:#F2F2F2; border:1px solid #CCCCCC; color:#000000; font-size:1em; margin:4px 5px 0 2px; padding-bottom: 40px; color:#424242}
#charityNumber{float: right; margin-right: 10px; margin-top: 5px; color: red; font-weight: bold; font-size: 1.1em; text-decoration: underline;}
.moreLink{color:#999999;
font-size:1em;
font-weight:bold; text-decoration: underline;}
.left{float: left; margin-right: 1em; margin-bottom:2em;}
.infoLeft{font-weight: bold; color:#000000;}
.infoRight{font-weight: bold; color:#555555;}

#leftColumn{border:1px solid #000000; float:left; height:50em; width:15em; border-color:#000000; border-style:dotted; border-width: 0 1px 0 0; margin: 1em 0;}
#rightColumn{ border:0px solid #000000; float:right; width:54em; margin:2em 1em 2em 1em;}

#rightColumn p{margin:0 0 0.5em;}
#rightColumn h2{margin:0 0 0.5em 0; color:#003366; font-size:1.2em; font-weight:bold;}
#mainContent h2{margin:7px; color:#003366; font-size:1.2em; font-weight:bold;}

#timeline{ border:0px solid black; width:40em; height:42em; margin-top:3em; margin-left:4em;}
#timelineDate{ border:0px solid black; width:9em; height:13em; height:30em; margin-top:0; background-color:#EEEEEE; }
#timelineDateWrapper{ border:0px solid black; float:left; width:9em;}

#timelineContent{border:1px solid #CCCCCC; width:24em; height:33em; line-height:1.5em; overflow:auto;}



/* Sub Nav */
ul#subnavigation {border:0px solid black; margin:1em 1em 0 0.5em; width:13em; padding:0;}
ul#subnavigation li a {display:block; margin:0 0 0 0; padding:7px 0; text-decoration:none; width:11em; color:#898989; }

#subnavigation li {border-bottom:1px solid #DBDBDB; font-size:1em; font-weight:bold; margin:0 0 0 2em;}

ol, ul {list-style-image:none; list-style-position:outside; list-style-type:none;}

#subnavigation h3 {color:#003366; font-family:"Trebuchet MS",Helvetica,sans-serif; font-size:1.5em; margin:0 0 10px; padding:0 0 0 14px; }

#subnavigation a:hover {color:#004D55; text-decoration:none; }
#subnavigation a.active {color:#004D55; text-decoration:none; }
#subnavigation li:hover {border-bottom:1px solid #004D55;}
#subnavigation li.active { border-bottom:1px solid #004D55;}

/*End Subnavigation */

.dateList{border:0px solid #000000; margin:0 1em 0 0.5em; width:8em; padding:0; }
.dateList li { border-bottom:1px solid #DBDBDB; font-size:1em; font-weight:bold; margin:0 0 0 1em; }
.dateList li a { display:block; margin:0 0 0 0; padding:7px 0; text-decoration:none; width:8em; color:#898989;}

#upArrow, #downArrow{ background-position:center center; cursor:pointer; height:20px; text-align:center; background-color:#FFFFFF;}
.tabContent{ padding:1em;}
a{outline: none;}
#pageHeading{color:#003366; font-family:Georgia,"Times New Roman",Times,serif; font-size:1.5em; margin:0 0 1em;}

#leftColumn .sponsors{background-color:#CCCCCC; color:#FF0000; font-size:1.2em; margin-left:0.7em; margin-right:0.2em; margin-top:4em; padding-left:1em; width:10.4em;}
#leftColumn .sponsorsLinks{color:#1F527B; background-color:#F2F2F2; border:1px solid #CCCCCC; font-size:0.9em; margin:0.2em 0.2em 0 1em; width:15em;}
#leftColumn .sponsorsLinks a{color:#003366;}
.timeLineHeading{display:block; margin-bottom:1em; color:#333333; font-weight:bold; border-bottom:1px dotted #CCCCCC;}
.readMore a {color:#4768FF;}
.item p a, .item div a{color:#4768FF;}
.backtotop{float:right;display:block; color:#555555;}
.h2Underline{border-bottom: #FF0000 1px solid;}
.gifAidButton{width:45em; font-size:1.1em; border:0px solid;}
.buttonLeft{float:left; margin:0 1em 0 0.5em;}

fieldset label {color:#666666; float:left; font-size:1.2em; left:2.6em; margin-left:15px;left:1.5em;
width:10.2em;}
.left {float:left;}
.right {float:right;}
.w180 {width:18.5em;}
#message{width: 27em;}
#homeLeftColumn{float:left; border:0px solid; width:46em;}
#homeRightColumn{float:right; border:#DBDBDB 0px solid; width:14em; }
.infoBox{width:15em; border:1px solid #003366; padding-bottom:1em; background-color:#DDEEFF; margin-bottom:0.5em; position:relative; font-size:0.9em !important;}
.infoBox h2 {background-color:#003366; padding:0.1em 0.3em 0.3em; color:#FFFFFF; font-weight:bold; font-size:1.1em;}
#followUs{border-style:solid; border-width:0 0 0; color:#0089FE; font-family:verdana; font-size:1.1em; font-weight:bold; height:1.5em;
left:0.5em; position:absolute; top:11.3em; width:58.5em; z-index:1;}
.donateBtn{border:1px solid; bottom:0.2em; color:red; font-size:1.5em; font-weight:bold; height:1.2em; left:2em; padding:0.2em 0 0 0.4em; position:absolute; text-align:center; width:7em;}

.infoBox p, .infoBox ul li a{color:#114488; font-family:verdana,arial,sans-serif;
font-weight:normal; text-decoration:none;}
.infoBox ul li a:hover{ text-decoration:underline;}
.infoBox ul{magin:0; padding:0}
.infoBox ul li {list-style-type:none !important; margin:0 0 0.6em 0.6em; color:#114488; line-height:1em !important;}
.infoBox ul li span {color:#000000;}

.h7{height:9em;}
.readMore{bottom:0.3em; color:blue; left:7em; padding:0.2em 0 0 0.4em; position:absolute; text-align:center; width:7em; color:#3086AB;}

a.infoBoxLink {text-decoration:none;}
a.infoBoxLink:hover {text-decoration:underline; color:#3086AB !important;}