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

Hand in Hand in Africa
http://www.handinhandinafrica.com/

Design + Code + Database Structure + Interactivity + Management
by
Thomas Bright and Tony Scialdone
http://www.dotcomonomics.com/

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

/* Universal Declarations */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }
body * { position: relative; }
html { background : url(null) fixed no-repeat; } 			/* this fixes an IE problem. Scrolling some pages causes corruption in the rendering. */
:focus { outline: 0; background: #ccc; }					/* remember to define focus styles! */
table { border-collapse: collapse; border-spacing: 0; } 		/* tables still need cellspacing="0" in the markup */



/* Block Level Elements */


body {
	margin: 0;
	padding: 0;
	background: #7f5128 url(../images/bg_grass.jpg) repeat-x left bottom;
	background-attachment: fixed;
	font-size: 100.01%;
	color: #662b00; }


#wrap {
	margin: 14px auto 0 auto;
	width: 958px;
	font: 0.8em/1.5em verdana, arial, sans-serif; }

#header {
	height: 135px;
	background: url(../images/bg_header.jpg) no-repeat left top; }

#branding {
	height: 320px;
	background: url(../images/bg_branding.jpg) no-repeat left top; }

#contentwrap {
	float: left;
	padding: 0;
	width: 100%;
	background: #fff url(../images/bg_content.gif) repeat-y left top; }

#primary {
	float: left;
	margin: 0 0 28px 0;
	padding: 21px 0 0 0;
	width: 641px;
	background: #eee url(../images/hr_content.jpg) repeat-x left top; }

#secondary {
	float: right;
	margin: 0 0 28px 0;
	padding: 35px 0 0 0;
	width: 316px;
	background: url(../images/hr_content.jpg) repeat-x left top; }

#footer {
	clear: both;
	height: 100px; }


#sitenav {
	margin: 63px 21px 0 0;
	padding: 0;
	height: 35px;
	font-size: 0.7em;
	color: #666;
	text-align: right; }


#sitenav li { list-style-type: none; display: inline; }
#sitenav li a {
	padding: 2px 5px 3px 5px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	border: 0; }
#sitenav li a:hover {
	background: #947051;
	font-weight: normal;
	color: #fff;
	border: 0; }

#sitenav li.donate a { background: #947051; }
#sitenav li.donate a { color: #fff; }

p.address { 
	margin: 63px 28px 0 14px; 
	font-size: 0.7em;
	text-align: right; 
	color: #666; }
	
p.address a { 
	font-weight: normal; 
	font-size: 0.7em;
	text-decoration: none; 
	color: #666; }


ul#partnerlinks {
	margin: 0 21px 0 28px; }
	
ul#partnerlinks li {
	list-style-type: none; 
	font-size: 100%; }

ul#partnerlinks li a { text-align: left; }
	

/* Nav Styles */

#header a#logo {
	float: left;
	display: block;
	width: 440px;
	height: 135px;
	text-indent: -9999px;
	border: 0; }

#header a#hdonate:link,
#header a#hdonate:visited,
#header a#hdonate:active {
	float: right;
	top: 9px;
	right: 35px;
	display: block;
	width: 250px;
	height: 112px;
	background: url(../images/header_donate.jpg) no-repeat center top;
	text-indent: -9999px;
	border: 0; }
	
	
#topnav {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 40px;
	background: url(../images/bg_topnav.jpg) no-repeat left top; }

#topnav li {
	list-style-type: none;
	display: block;
	float: left;
	width: 100px; }


#topnav li.home { width: 103px; }
#topnav li.about { width: 144px; }
#topnav li.projects { width: 130px; }
#topnav li.aids { width: 259px; }
#topnav li.donate { width: 177px; }
#topnav li.contact { width: 145px; }

#topnav li a:link,
#topnav li a:visited,
#topnav li a:active {
	display: block;
	width: 100%;
	height: 40px;
	background: url(../images/bg_topnav.jpg) left top;
	text-indent: -9999px;
	border: 0; }
#topnav li a:hover { background: blue url(../images/bg_topnav.jpg) left bottom; }

#topnav li.about a:link,
#topnav li.about a:visited,
#topnav li.about a:active { background-position: -103px 0; }
#topnav li.about a:hover { background-position: -103px 40px; }

#topnav li.projects a:link,
#topnav li.projects a:visited,
#topnav li.projects a:active { background-position: -247px 0; }
#topnav li.projects a:hover { background-position: -247px 40px; }

#topnav li.aids a:link,
#topnav li.aids a:visited,
#topnav li.aids a:active { background-position: -377px 0; }
#topnav li.aids a:hover { background-position: -377px 40px; }

#topnav li.donate a:link,
#topnav li.donate a:visited,
#topnav li.donate a:active { background-position: -636px 0; }
#topnav li.donate a:hover { background-position: -636px 40px; }

#topnav li.contact a:link,
#topnav li.contact a:visited,
#topnav li.contact a:active { background-position: -813px 0; }
#topnav li.contact a:hover { background-position: -813px 40px; }



#bottomnav {
	clear: both;
	margin: 0 0 0;
	padding: 0;
	width: 100%;
	height: 39px;
	background: url(../images/bg_bottomnav.jpg) no-repeat left top; }

body#Home_Page #bottomnav { display: block; }

#bottomnav li {
	list-style-type: none;
	display: block;
	float: left;
	width: 100px; }

#bottomnav li.andy { width: 321px; }
#bottomnav li.trips { width: 320px; }
#bottomnav li.blog { width: 317px; }

#bottomnav li a:link,
#bottomnav li a:visited,
#bottomnav li a:active {
	display: block;
	width: 100%;
	height: 39px;
	background: url(../images/bg_bottomnav.jpg) left top;
	text-indent: -9999px;
	border: 0; }
#bottomnav li a:hover { background: blue url(../images/bg_bottomnav.jpg) left bottom; }

#bottomnav li.trips a:link,
#bottomnav li.trips a:visited,
#bottomnav li.trips a:active { background-position: -321px 0; }
#bottomnav li.trips a:hover { background-position: -321px 39px; }

#bottomnav li.blog a:link,
#bottomnav li.blog a:visited,
#bottomnav li.blog a:active { background-position: -641px 0; }
#bottomnav li.blog a:hover { background-position: -641px 39px; }


a:link,
a:visited,
a:active {
	text-decoration: none;
	font-weight: bold;
	font-size: 100%;
	color: #e7851a;
	border-bottom: 1px dotted #e7851a; }
a:hover {
	text-decoration: none;
	color: #653213;
	border-bottom: 1px dotted #653213; }

a#admin {
	color: #eee;
	border: 0; }

#content_edit a { border: 0; }


/* Headlines */

h1 {
	margin: 14px 0 7px 21px;
	font: normal 218%/1.5em arial, sans-serif;
	color: #7f5128;
	letter-spacing: -1px; }

h2 {
	margin: 14px 21px 0 21px;
	font: normal 164%/1.5em arial, sans-serif;
	color: #7f5128; }

body#Projects h2 {
	margin-top: 21px;
	padding-top: 14px;
	border-top: 1px dashed #c0c0c0; }

h3 {
	margin: 14px 0 0 21px;
	font: bold 145%/1.5em arial, sans-serif;
	color: #7f5128;
	letter-spacing: -1px;	}

h4 {
	margin: 14px 0 0 21px;
	font: bold 136%/1.5em arial, sans-serif;
	color: #7f5128;
	letter-spacing: -1px;	}

h5 {
	margin: 14px 0 0 21px;
	font: bold 136%/1.5em arial, sans-serif;
	color: #7f5128;
	letter-spacing: -1px; }

h1+p, h1+ul, h1+ol, h1+dl,
h2+p, h2+ul, h2+ol, h2+dl,
h3+p, h3+ul, h3+ol, h3+dl,
h4+p, h4+ul, h4+ol, h4+dl,
h5+p, h5+ul, h5+ol, h5+dl { margin-top: 4px; }



/* Paragraphs */

p {
	margin: 14px 21px 0 21px;
	line-height: 1.5em;
	text-align: justify; }
	
p#copy { 
	margin: 21px 0 0 0;
	padding: 21px;
	font-size: 0.7em;
	color: #eee; 
	text-align: center; }



/* Unordered Lists */

ul {
	list-style-position: outside;
	margin: 14px 28px 0 42px; }
	
ul.none { list-style-type: none; }

ul li { text-align: justify; }

ul.sitemap { list-style-type: none; }

ul.sitemap a:hover { color: #fff; border-bottom: 1px dotted #fff; }


#directors ul {
	margin: 0;
	padding: 0; }

#directors ul li {
	display: block;
	margin: 0 21px 28px 21px;
	padding: 14px;
	background: #e6e6e6;
	list-style-type: none;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7; 
	overflow: auto; }

#directors li img {
	display: inline;
	float: left;
	margin: 0 21px 14px 0;
	padding: 7px; }

#directors li p {
	margin: 0 14px 14px 14px; }



/* Ordered Lists */

ol {
	list-style-position: outside;
	margin: 14px 28px 0 42px; }

ol li {
	margin: 0 14px 7px 14px;
	text-align: justify; }



/* Definition Lists */

dl {
	list-style-position: inside;
	margin: 14px 28px 0 42px; }

dt {
	font-weight: bold;
	font-size: 118%; }

dd {
	margin-left: 14px; }



/* Images */


#primary img {
	display: block;
	margin: 14px auto;
	padding: 4px;
	background: #fff;
	border: 1px solid #000; }

#primary #content_edit a img {
	display: inline;
	padding: 0;
	background: transparent;
	border: 0; }
	
#primary img.aids {
	display: block;
	margin: 14px auto;
	padding: 0;
	background: #eee;
	border: 0; }
	
img#promolend {
	display: block;
	margin: 0 auto 21px auto; }
	
img.block {
	display: block;
	margin: 7px 0 0 14px; }



/* Blockquotes */

blockquote {
	margin: 21px 21px 0 21px;
	border-top: 1px solid #666; border-bottom: 1px solid #666; }

blockquote p {
	margin: 0;
	padding: 14px;
	background: url(../images/quotes.gif) no-repeat 5px 10px;
	font-weight: bold;
	color: #7f5128; }

blockquote cite {
	display: block;
	font: normal normal normal 90%/1.5em verdana, arial, sans-serif;
	text-align: right; }


/* Forms */

form {
	margin: 21px 35px 35px 49px; }

label {
	clear: both;
	display: block;
	margin: 0;
	font-weight: bold;
	color: #4071a9;
	text-transform: uppercase; }

input {
	display: block;
	margin: 0 0 14px 0;
	padding: 4px;
	width: 200px;
	background: #fff;
	font: bold 100%/1.3em tahoma, verdana, arial, sans-serif;
	color: #00448d;
	border: 1px solid #c2c2c2; }

input[type $='hidden'] { display: hidden; }

input.hidden { display: hidden; }

textarea {
	clear: both;
	display: block;
	overflow: auto;
	margin: 0 0 7px 0;
	padding: 4px 4px 0 4px;
	width: 400px;
	height: 100px;
	background: #fff;
	font: normal 100%/1.3em tahoma, verdana, arial, sans-serif;
	color: #00448d;
	border: 1px solid #c2c2c2; }

select {
	margin: 7px 0 7px 0;
	background: #fff;
	border: 1px solid #c2c2c2; }

input.button {
	clear: both;
	display: block;
	margin: 14px 0 0 0;
	padding: 2px 7px;
	width: auto;
	background: #00448d;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase; }

input[type $='submit'] {
	clear: both;
	display: block;
	margin: 14px 0 0 0;
	padding: 2px 7px;
	width: auto;
	background: #00448d;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase; }




/* Tables */

table {
	table-layout: fixed;
	width: 100%;
	overflow: hidden; }


/* Classes and Stuff */

.bold { font-weight: bold; }

.right { text-align: right; }
.left { text-align: left; }
.center {
	display: block;
	margin: 0 auto;
	text-align: center; }

.red { color: #f00; }
.bible { color: #00f; }

em { font-style: italic; }


/* Blog Styles */

.post { margin: 0 0 49px 0; }

.time, .postcategory, .posttags {
	font-size: 90%; }


ul#categories {
	margin: 0 0 77px 14px;
	list-style-type: none;
	font-size: 145%; }



/* Intelligent Navigation */

body#Home_Page ul#topnav li.home a { background-position: left bottom; }
body#About_Us ul#topnav li.about a { background-position: -103px 40px; }
body#Projects ul#topnav li.projects a { background-position: -247px 40px; }
body#AIDS_in_Southern_Africa ul#topnav li.aids a { background-position: -377px 40px; }
body#Ways_to_Give ul#topnav li.donate a { background-position: -636px 40px; }
body#Contact_Us ul#topnav li.contact a { background-position: -813px 40px; }


body#Andy_Wilkinson ul#bottomnav li.andy a { background-position: 0px 40px; }
body.blog ul#bottomnav li.blog a { background-position: -641px 40px; }