/*   
Theme Name: HopeHouse Fmailies
Theme URI: http://www.hopehouseinternational.org
Description: This theme was developed specifically for use with the HopeHouse International website.
Author: Ray Sadler
Author URI: http://www.sadlerweb.com/pod
Version: 0.1
.
*/

	body {
		background: #cccc99;
		font-family: Verdana, Trebuchet, Helvetica, sans-serif;
   		font-size: 12px;
   		margin: 0;
   		padding: 0;
		text-align: center; /* IE 5.5 hack */
		min-width: 790px;
	}

	#wrapper {
		color: black;
		background: inherit;
		width: 790px;
		margin: 0 auto;
		text-align: left;
	}
	
	#index_header {
		background: white;
		height: 215px;
		width: 790px;
		background-image: url(images/index_header_back.gif);
		background-repeat: none;
		text-align: left;
	}
	
	#index_menu {
		height: 30px;
		top: 172px;
		padding: 6px 2px 2px 2px;
	}
	
	#index_menu ul {
		margin: 0;
		padding: 0;
		height: 30px;
	}
	
	#index_menu li {
		display: inline;
		margin-left: 16px;
		height: 30px;
	}
	
	#index_menu a:link, #index_menu a:visited {
		background: transparent;
		font-size: 10px;
		color: white;
		font-weight: bold;
		text-decoration: none;
		height: 30px;
	}
	
	#index_menu a:hover {
		background: transparent;
		font-size: 10px;
		color: #009966;
		font-weight: bold;
		text-decoration: none;
		height: 30px;
	}
	
	#header {
		background: white;
		height: 152px;
		width: 790px;
		background-image: url(images/header_back.gif);
		background-repeat: none;
		text-align: left;
	}
	
	#menu {
		height: 30px;
		top: 109px;
		padding: 6px 2px 2px 2px;
	}
	
	#menu ul {
		margin: 0;
		padding: 0;
		height: 30px;
	}
	
	#menu li {
		display: inline;
		margin-left: 16px;
		height: 30px;
	}
	
	#menu a:link, #menu a:visited {
		background: transparent;
		font-size: 10px;
		color: white;
		font-weight: bold;
		text-decoration: none;
		height: 30px;
	}
	
	#menu a:hover {
		background: transparent;
		font-size: 10px;
		color: #009966;
		font-weight: bold;
		text-decoration: none;
		height: 30px;
	}
	
	#main {
		background: inherit;
		color: black;
		margin: 10px 0 10px 0;
		width: 790px;
	}
	
	#content {
		background: #cccc99;
		color: black;
		width: 580px;
		float: left;
		margin: 0;
	}

	#contentbox_welcome {
		color: black;
		background-image: url(images/content_back.gif);
		background-repeat: repeat-y;
		margin: 0 0 35px 0;
		padding: 0;
	}

	#contentbox {
		color: black;
		background-image: url(images/content_back.gif);
		background-repeat: repeat-y;
		margin: 0 0 10px 0;
		padding: 0;
	}

	#contentboxtop_welcome {
		background: white;
		color: black;
		background: url(images/welcome_top.gif) no-repeat top left;
		margin: 0;
		padding: 15px;
	}

	#contentboxtop {
		background: white;
		color: black;
		background: url(images/content_top.gif) no-repeat top left;
		margin: 0;
		padding: 0;
	}

	#contentboxbottom {
		background: white;
		color: black;
		background: url(images/content_bottom.gif) no-repeat bottom left; 
		margin: 0;
		padding: 0;
	}

	#contentbox p {
		padding: 0 10px 0 10px;
		margin: 0;
	}
	
	#contentitem {
		min-height: 120px;
	}

	.imgleft {
		float: left;
		padding: 1px;
		border: 1px solid black;
		margin-right: 5px;
	}
	
	.imgright {
		float: right;
		padding: 1px;
		border: 1px solid black;
	}
	
	p.mission {
		font-family: georgia,"times new roman", serif;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	#lead {
		font-family: verdana, trebuchet, helvetica, sans-serif;
		font-size: 150%;
		color: #3366cc;
	}

	#content_headline {
		font-family: georgia,"times new roman", serif;
		font-size: 175%;
		color: #cc6633;
	}

	p.blogtitle {
		color: #cc6633;
		text-decoration: none;
		font-family: georgia,"times new roman", serif;
		font-size: 150%;
		font-weight: bold;
	}

	a.blogtitle:link, a.blogtitle:visited {
		color: #cc6633;
		text-decoration: none;
		font-family: georgia,"times new roman", serif;
		font-size: 150%;
		font-weight: bold;
	}

	a.blogtitle:hover, a.blogtitle:active {
		color: #3366cc;
		text-decoration: none;
		font-family: georgia,"times new roman", serif;
		font-size: 150%;
		font-weight: bold;
	}

	#copy {
		font-weight: bold;
	}
	
	.question {
		color: #339966;
		font-size: 125%;
		font-weight: bold;
	}

	a.imagelink img {
		margin: 2px;
		padding: 1px;
		border: 1px solid black;
	}
	
	#testimonial {
		margin: 0 30px 0 30px;
		text-align: justify;
		line-height: 150%;
	}
	
	#personname {
		margin: 5px 20px 0 0;
		text-align: right;
		color: #339966;
	}
	
	.tripnumber {
		text-align: center;
		font-size: 175%;
		color: black;
	}
	
	.tripdates {
		text-align: center;
		font-size: 200%;
		color: #3366cc;
	}
	
	a.contentlink:link, a.contentlink:visited {
		color: #3366cc;
		text-decoration: none;
	}

	a.contentlink:hover, a.contentlink:active {
	color: #339966;
	text-decoration: underline;
}

	#sidebar {
		background: inherit;
		color: black;
		width: 194px;
		margin-left: 10px;
		top: 0;
		padding: 0;
		/* position: relative; */
	}
	
	#quicklinks {
		background: inherit;
		color: #3366cc;
		font-weight: bold;
		font-size: 10px;
		background-image: url(images/quick_back.gif);
		background-repeat: no-repeat;
		height: 125px;
		padding: 40px 0 0 15px;
		margin: 0;
	}
	
	#quicklinks ul {
		background: transparent;
		color: #3366cc;
		margin: 0;
		padding: 0;
	}
	
	#quicklinks li {
		margin: 5px 0 0 10px;
		padding-left: 0;
	}
	
	#quicklinks li a:link, #quicklinks li a:visited {
		color: #3366cc;
		background: transparent;
		text-decoration: none;
	}
	
	#quicklinks li a:hover {
		color: #009966;
		background: transparent;
		text-decoration: none;
	}
	
	#quicklinks img {
		margin: 0;
		padding: 0;
		background: #cccc99;
	}
		
	#side_ad {
		background: inherit;
		width: 194px;
		text-align: center;
		color: black;
		font-family: georgia,"times new roman", serif;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}
	
	#clearone {
 		clear: both;
		height: 1px;
	}
	
	#footer {
		background: inherit;
		color: white;
		font-size: 9px;
		text-align: center;
		margin-bottom: 15px;
	}