/* __Layout__________________________________________________________________________________________________________*/

html{margin:0; padding:0; line-height:18px;}
body{margin:0; padding:0; text-align:center; overflow:scroll;}

#container{margin:0 auto 0 auto; width:960px; padding:0 text-align:center;}

#header{height:170px; margin-top:50px; width:900px; clear:both; margin:0 auto; z-index:1; position:relative;}
	#header-logo{width:450px; float:left;}
	#header-donated{width:450px;float:right;}
		#header-numbers{width:200px; position:absolute; top:50px; left:50%; margin-left:135px;  z-index:2; text-align:center;}
		#header-numbers h2{color:#fff; font-size:30px; margin-bottom:29px; font-family:Georgia, Times, Times New Roman, Serif;}
		
	#header h1, #header h2{margin-top:5px;}	

#navcontent{width:810px; float:left; clear:both; padding:0; margin:0;}

	#nav{width:150px; min-height:300px; float:left; margin:40px 0 0 0;}
		ul#nav-main{width:150px; margin:0; padding:0;}
		#nav-main li{padding:0; margin:0; text-indent:0; list-style-type:none; width:150px;}
		#nav-main img{border:0; margin:0; padding:0; width:147px;}
		#nav-main a, a:link, a:visited, a:hover, a:active{border:0; margin:0; padding:0;}
	#content-header{width:660px; float:right; height:44px; margin:0;}
	#content{width:660px; float:right; min-height:520px; padding:0; margin:0; background-color:#fff; text-align:center;}
	
	form{text-align:left; color:#ffffff; margin-top:8px;}
	
#maincontent{text-align:left; width:600px; min-height:500px; margin:0 auto; padding:0 0 30px 0; background-color:#fff;}
		
		#maincontent h2{margin-top:24px;}
	
	#video{width:640px; height:420px; margin:0 auto; clear:both;}

	#threebuttoncontainer{text-align:center; width:640px; margin:0 auto; clear:both;}

	#sidebar{width:150px; float:right; margin:30px 0 0 0;}

	#footer{width:660px; min-height:100px; clear:both; margin:20px auto;}
	#footer-contact{width:660px; clear:both; text-align:left; border-bottom:1px dashed #3e1b00; padding-bottom:1em;}			
	
	#footer-mandatories{width:460px; text-align:left; float:left; margin-top:1em;}
	#footer-partnership{width:200px; text-align:right; float:right;	margin-top:1em;}

	img{border:0;}
	.clear{width:100%; height:1px; clear:both;}
	.underline{font-style:none; border-bottom:1px solid #000;}

.floatright{float:right; display:inline; margin: 15px 0 15px 15px;}



/* __Typography/Design__________________________________________________________________________________________________________*/

html{background-color:#fff; background-image:url(../images/bg1.jpg); font-size:13px;}

body{font-size:12px;}
p{font-family:geneva, verdana, sans serif; line-height:18px;}

#header-quote{background-image:url(../images/quoter.gif);}
#header-quote #actualquote{font-size:16px; line-height:18px; color:#fff;}

#nav{background:url(../images/nav5.gif) top right no-repeat; height:400px;}
#maincontent, #maincontent p{font-family:georgia, times, times new roman, serif; font-size:13px; line-height:20px;}
#maincontent h2, #maincontent h2 a{font-style:italic; color:#471D00;}
#maincontent strong{color:#471D00}

ul#nav-main{list-style:none; margin:0; padding:0; margin-top:10px;}
ul#nav-main li{font-style:italic; font-size:14px; padding:0; margin:0;}
ul#nav-main li:first-child{}
ul#nav-main li a{padding:0; color:#222;}
ul#nav-main li#nav-current{background-image:none;}
.nav-last{}

ul#nav-main li a{font-style:none;}
ul#nav-main li:hover{background-image:none;}

#content{}
	#content-header{background:url(../images/pageheader2.gif) no-repeat;}

	#video{background-color:#fff;}
	
	#threebuttoncontainer{text-align:center; background-color:red; width:640px; margin:30px auto 0 auto;}
	.middle{margin:0 5px;}


#sidebar{color:#473000; text-align:center;}
#sidebar a{color:#473000;}
#sidebar p a:hover{border-bottom: 1px solid #ffffff;}
	#latest-blog, #latest-flickr{margin-left:0px; background:url(../images/creambg.gif) top left; padding:10px 0; text-align:center;}
	#latest-blog h2, #latest-flickr h2{padding-top:10px;}
	#latest-blog p, #latest-flickr h2{font-size:12px; font-family:georgia, times, times new roman, serif; font-style:italic; line-height:14px;}
	.latest-blog-title{margin:15px 15px 5px 15px;}
	.latest-blog-date{margin:0;}
	
	
	#latest-tweet{margin-top:20px; background:url(../images/bg-blue.gif) top left no-repeat; height:279px; padding-top:20px; }
	#latest-tweet p{list-style:none; padding:0; margin:0; margin-left:8px; width:130px; margin-bottom:1em; font-size:13px; font-style:italic; font-family:Georgia, Times, Times New Roman, Serif}
	#latest-tweet p a{font-size:10px;}

#footer{color:#fff}
#footer-contact a{color:#fff;}
#footer-mandatories{font-size:11px; line-height:15px; color:#3e1b00}
#footer-partnership{font-size:13px;}
#footer-partnership a img{margin-top:5px;}
img{}




/* Weeblog page--------- */
.authorbar{width:600px; border-top:1px solid #c7c1b2; border-bottom:1px solid #c7c1b2; height:30px; clear:both; margin-bottom:50px; padding:0; line-height:0px;}
.author{float:left; width:450px; margin:0 0 0 0; padding:0; border:0; line-height:30px;}
.author strong{margin-left:10px; margin-right:10px;}
.animal_photo{margin-top:4px; margin-left:5px; height:20px; width:20px; float:left; border:1px solid #e4e0d9;}
.comment_total{float:right; line-height:30px; margin:0; padding:0; width:150px; text-align:right;}

#otherpeoplescomments{margin-top:10px;}

strong{}

.label{color:#000;}
.inputbox{margin-left:10px;}


a{color:#000;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color:#8b9327;}
a:active{}

h2{font-size:18px; font-weight:normal; margin-top:0; padding:0; margin-bottom:10px;}

	.green{background-color:#47572f;}
	.brown{background-color:#5b2700;}
	.lgreen{background-color:#b0be2c;}
	
	#latest-blog .replace a{display:block; width:110px; height:50px; margin:10px auto 0 auto; background:url(/images/latestfromweeblog.gif) top left;}
	#latest-blog .replace a:hover{display:block; background-position: 110px 0; border:0;}
	
	#latest-tweet .replace a{display:block; width:110px; height:30px; margin:10px auto 0 auto; background:url(/images/latesttweet.gif) top left;}
	#latest-tweet .replace a:hover{display:block; background-position:110px 0; border:0;}
	
	#latest-flickr .replace a{display:block; width:110px; height:18px; margin:10px auto 15px auto; background:url(/images/latestphotos.gif) top left;}
	#latest-flickr .replace a:hover{display:block; background-position:110px 0; border:0;}
	
	
	
	----
	
	#contact img{margin-right:10px;}
	#contact .address{margin-left:60px;}
	
	
	.one_post a:link, .one_post a:visited, #maincontent p a:link, #maincontent p a:visited, #maincontent li a:visited, #maincontent li a:link{border-bottom:1px solid #8b9327; color:#5b2700}
	.one_post a:hover, #maincontent p a:hover, #maincontent li a:hover{border-bottom:1px solid #8b9327; color:#8b9327}
	
	
	h2 .date{font-size:13px; margin-left:5px;}
	
	ul, li{text-indent:10px; padding-left:0; margin-left:0; list-style:none;}
	li{margin-bottom:5px;}