/* CSS Document */
* {
	margin:0;
	padding:0;
}

body {
	text-align: center;
	/*	 min-width: 900px;*/
	padding: 0;
	margin: 0;
	font:80% Arial, Verdana, sans-serif;
	color:#323232;
}
#home #wrapper {
	text-align: left;
	width: 1000px;
	margin:0 auto;
	padding: 0;
	background:#fff url('../images/waves_bg.jpg') no-repeat 0 255px ;
}
#wrap_inner {
	width: 900px;
	margin:0 auto;
	padding: 0;	
}
#home #header {
	width:900px;
	background: transparent url('../images/header_bg.gif') no-repeat;
	float:left;
}

#home #content {
	margin: 0 245px 50px 0;
	clear:left;
}

#home #content .inner {
	padding-top: 25px;
	margin: 0 10px 10px 10px;
}

#home #side {
	float: right;
	width: 235px;
	margin: 0;
}

#home #side .inner {
	padding-top: 25px;
	margin: 0 10px 10px 0px;
}

.side_content {
	border-left:solid 1px #dcdcdc;
}
#footer {
	clear: both;
	
}

#footer .inner {
	padding:5px 0 5px 10px;
	border:solid 1px #ccc;
	border-width:1px 0;
}
#triptic {
	float:right;
	margin:5px 0;
	padding:10px 10px 10px 0;
	border:solid 1px #dcdcdc;
	
}
#services {
	background: transparent url('../images/service.jpg') no-repeat  ;
    margin:0 0 0 10px;                           
	width:218px;
	height:193px;
	float:left;
}                                            
#donate {                                    
	background: transparent url('../images/donate.jpg') no-repeat  ;
	margin:0 0 0 10px;	                                         
	width:218px;
	height:193px;
	float:left;
}               
#jobs {                                      
	background: transparent url('../images/jobs.jpg') no-repeat  ;
	margin:0 0 0 10px;	                                         
	width:218px;
	height:193px;
	float:left;
}
/* =================== */
/* = main navigation = */
/* =================== */
#nav {
	float:left;
	margin:0;
	font-size:90%;
	font-weight:bold;
	padding:0 0 0 155px;
}
#nav ul {
	list-style:none;
	width:100%;
	padding-top:5px;	
}
#nav li {
	float:left;
	padding:0px;
	margin:0;
}
/* dropdowns */
#nav li ul {
	position: absolute;
	width: 18em;
	left: -999em;
	background-color:#fff;
	margin:0;
	padding:0;
	border:solid 1px #c7c7c7;
	border-width:1px 1px 0 1px;
}
#nav li ul li {
	padding:0px 0;
	border-bottom:solid 1px #c7c7c7;
	width:100%;
	display:block;
}

#nav li ul li a:link, #nav li ul li a:visited {
	padding:5px 0 5px 5px;
	border:none;
	display:block;
}

#nav li ul li a:hover {
	background-color:#d5e3f3;
	color:#323232;
	padding:5px 0 5px 5px;
	border:none;
}
#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
/* =============== */
/* = link styles = */
/* =============== */
#nav a:link, #nav a:visited {
	color:#603913;
	text-decoration:none;
	padding:7px 7px 7px 7px;	
	display:block;
}
#nav a:hover, #nav a:active {
	background-color:#fff;
	border:solid 1px #c7c7c7;
	border-width:1px 1px 0 1px;
	padding:6px 6px 7px 6px;	
	
}
#nav a.tabhover {
	background-color:#fff;
	border:solid 1px #c7c7c7;
	border-width:1px 1px 0 1px;
	padding:6px 6px 7px 6px !important;	
}
#triptic a:link, #triptic a:visited {
	display:block;
	position:relative;
	padding:5px 0 0 10px;
	width:206px;
	height:21px;
	top:166px;
	left:1px;
	font-size:110%;
	color:#000;
	text-decoration:none;
}
#triptic a:hover, #triptic a:active {
	background-color:#d5e3f3;
}
 a:link, a:visited {
	color:#603913;
}
 a:hover, a:active {
	color:#323232;
}
#home_link {
	width:195px;
	height:175px;
	position:absolute;
	border:solid 1px red;
}
/* ============== */
/* = typography = */
/* ============== */
h1, h2, h3, h4, h5 {
	font-family:'Trebuchet MS','Lucida Grande', Verdana;
	margin:18px 0 9px 0;
}
h1 {
	color: #603913;
	font-size: 140%;
}
h2 {
	color:#005cab;
	font-size:120%;
}
h3 {
		color:#005cab;
}
#content p, #side p {
	line-height:18px;
	margin:9px 0;
}
#side p, #side h1, #side h2, #side h3, #side h4, #side h5, #side h6 {
	padding-left:10px;
}
/* ========= */
/* = lists = */
/* ========= */
#content ul {
	list-style:none;
	background-color:#ccdeee;
	border: solid 1px #959393;
	padding:3px 6px;
	width:250px;
	margin:9px 0;
}
#content li {
	padding:3px 0;
}
/* ===================== */
/* = image replacement = */
/* ===================== */
h1#homepage {
	width: 401px;
	height: 40px;
	position: relative;
	font-size: 10px;
	margin: 0px;
	overflow: hidden;
	vertical-align: bottom;
	visibility:hidden;
}
/*h1#homepage span {
	background: url('../images/tagline.gif') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}*/

/* ======== */
/* = misc = */
/* ======== */
.right {
	float:right;
	margin:10px;
}
.left {
	float:left;
}
.clear {
	clear:both;
	height:0;
}
.img-border {
	border:1px solid #CCDEEE;
	padding:3px;
	margin:3px 10px;
}
/* =============== */
/* = form styles = */
/* =============== */
#form_container {
	margin-top:160px;
	float:left;
}
form {
	padding:0px;
	margin:0;
}
#search {
	border:solid 1px #337dbc;
	padding:2px;
}
#submit {
vertical-align:middle;
}
label, input, textarea {
/*	margin:10px 0;*/
	font:100% Verdana, Arial, sans-serif;
}