/*
 *  @copyright		Copyright 2006 (c) Solo Media Works, Inc.
 *	@author			Maxwell Berkel
 *  @description	Default website styles
 *
 *  General Styles
 **************************************************************************************/
 
* {
	padding: 0;
 	margin: 0;
}

a {
	color: #3376B2;
	text-decoration: none;
}

p a:hover, ul li a:hover  {
	color: #4A94D4;
}
 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #fff url(../img/main_bg.jpg) repeat-x top center;
	color: #121212;
	text-align: center;
}

h2, h3, h4, h5, h6 {
	font-family: arial, helvetica, san-serif;
	font-weight: normal;
	color: #121212;
	margin: 0 0 14px 0;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 4px;
}

h4 {
	font-size: 16px;
	margin-bottom: 6px;
}

hr {
	background: #F6F0AF;
	border: 0;
	margin: 15px 0 15px;
	clear: both;
}

img, a img {
	border: 0;
}

img.photo {
	border: 1px solid #e4e4e4;
	padding: 4px;
}

p {
	margin: 0 0 12px 0;
}

ol li {
	margin: 0 0 8px 27px;
}

ol.indented li {
	margin: 0 0 4px 42px;
}

ul.inline li {
	display: inline;
}

ul.list {
	margin: 0 0 10px 12px;
}

ul.list li {
	padding: 0 0 2px 0;
}

ul.bulleted li {
	display: list-item;
	list-style: circle;
	margin: 0 0 10px 16px;
}

ul.bulleted li ul.bulleted li {
	display: list-item;
	list-style: disc;
	margin: 0 0 10px 16px;
}

ul.indented li {
	margin: 0 0 3px 16px;
}

.column {
	display: inline;
}

p.error, span.error {
	color: #f00;
}

.left {
	float: left;
}

p.required, span.required {
	color: #f00;
}

.right {
	float: right;
}

.row {
	min-height: 1px;
	height: auto !important;
	height: 1px;
	clear: both;
}

html>body .row {
	overflow: auto;
}

p.small, span.small {
	font-size: 75%;
}

 
/*
 *  Wrapper Styles
 **************************************************************************************/
 
#wrapper {
	width: 800px;
	height: 100%;
	text-align: center;
	margin: 0 auto;
	clear: both;
}
 
 
/*
 *  Header Styles
 **************************************************************************************/
 
#header {
	height: 185px;
	background: transparent url(../img/header_bg.jpg) no-repeat top center;
	margin-top: 4px;
	padding: 0 11px;
	clear: both;
}

#header h1 {
	width: 243px;
	height: 171px;
	float: left;
	text-indent: -99999px;
	margin: -3px 0 0;
	padding: 0;
}

html>body #header h1 {
	background: transparent url(../img/united_hands_inc_logo.png) no-repeat top center;
}

#header h1 a {
	width: 243px;
	height: 171px;
}

#donation {
	float: right;
	margin: 88px 0 0;
}

 
/*
 *  Navigation Styles
 **************************************************************************************/
 
#navigation {
	font-family: arial, helvetica, san-serif;
	margin-bottom: 40px;
	clear: both;
}

#navigation ul {
	list-style: none;
	clear: both;
}

#navigation ul li {
	padding: 0 0 2px;
	margin-bottom: 0px;
	clear: both;
}


/*
 *  Content Styles
 **************************************************************************************/

#content {
	min-height: 400px;
	height: auto !important;
	height: 400px;
	text-align: left;
	clear: both; 
}

html>body #content, html>body #content-main {
	overflow: auto;
}

#content-main {
	width: 468px;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	float: right;
	background: url(../img/content_main_bg.jpg) no-repeat top center;
	padding: 65px 35px 12px;
	margin: 0;
}

#content-sidebar {
	width: 220px;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	float: left;
	background: url(../img/sidebar_with_map_bg.jpg) no-repeat top center;
	padding: 112px 0 12px 40px;
}

ul.photo-gallery-thumbnail {
	list-style: none;
}

ul.photo-gallery-thumbnail li {
	width: 83px;
	height: 62px;
	float: left;
	border: 1px solid #dfdfdf;
	margin-right: 1px;
	padding: 1px;
}

#home-project-trip {
	float: left;
}

#home-world-news {
	float: right;
}

div.info-box {
	width: 246px;
	height: 328px;
	background: url(../img/content_info_box_bg.jpg) no-repeat 0 47px;
	margin-bottom: 15px;
}

div.info-box div.heading {
	height: 48px;
	padding-left: 16px;
	clear: both;
}

div.info-box img.photo {
	margin: 0 2px 0;
	clear: both;
}

div.info-box ul.actions {
	height: 20px;
	background: #C90404;
	list-style: none;
	margin: 0 2px 12px;
	padding: 3px 0 0 16px;
	clear: both;
}

div.info-box div.text {
	margin: 0 16px 0;
	padding-bottom: 10px;
	overflow: hidden;
}

div.info-box ul.actions li {
	display: inline;
	padding: 0 6px 0 0;
}

#error-view, #message-view, #success-view {
	line-height: 145%; 
	border: 1px solid #D5D4C4; 
	background: #FFFEDC; 
	padding: 18px; 
	margin-bottom: 15px;
	clear: both;
}

#status-view {
	background: #fff; 
}


/*
 *  Footer Styles
 **************************************************************************************/
 
#footer {
	min-height: 60px;
	height: auto;
	height: 60px;
	font-size: 75%;
	color: #afafaf;
	padding: 24px 35px 20px;
	clear: both;
}

#footer #footer-left {
	width: 200px;
	float: left;
	text-align: left;
}

#footer #footer-right {
	width: 500px;
	float: right;
	text-align: right;
	line-height: 165%;
}

p#powered-by-smw {
	width: 90px;
	height: 48px;
	background: transparent url(../img/powered_by_solo_media_works.jpg) no-repeat top left;
}

p#powered-by-smw a {
	display: block;
	height: 48px;
	text-indent: -99999px;
}