/* Structural Site Styling */
/* Reference "visual.css" for visual styling of elements */
body {
	margin: 0;
	height: 100%;
	width: 100%;
	}

html {
	margin: 0;
	height: 100%;
	width: 100%;
	}

img {
	border: none;
	}

#master_container {
	position: relative;
	width: 760px;
	margin: 20px auto 0 auto;
	background-color:#fcfcfc;
	background-image: url("../images/perryripplebig.gif");
	background-position: 445px 124px;
	background-repeat: no-repeat;
	}

#header {
	position: relative;
	height: 125px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	overflow: visible;
	margin: 0;
	padding: 0;
	}
	
	.head_home {
		border: none !important;
		}
	
	.logo {
		position: relative;
		float: left;
		margin: 15px 0 0 20px;
		}
	
	#header object, #header embed {
		float: right;
		}
	
	ul#nav {
		position:relative;
		margin: 0 -1px 0 -1px;
		padding: 0;
		clear: both;
		height: 25px;
		}
		.head_home ul#nav {
			margin: 0 0 -5px 0;
			}
		ul#nav li {
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			height: 25px;
			list-style-type: none;
			}
			#nav1 { width: 117px; }
			#nav2 { width: 109px; }
			#nav3 { width: 157px; }
			#nav4 { width: 110px; }
			#nav5 { width: 155px; }
			#nav6 { width: 112px; }


#content {
	position: relative;
	width: 300px;
	z-index: 0;
	padding: 10px 0 20px 225px;
	float: left;
	}
#awards {
	position: relative;
	width: auto;
	padding:0;
	margin:0;
}
	.awardBox {
		width: 285px;
		padding: 5px;
		margin: 2px;
	}
	
#left_col {
	position: relative;
	float: left;
	z-index: 1;
	width: 200px;
	padding: 0 5px 20px 15px;
	margin: 10px -220px 0 0;
	text-align: center;
	}
	
	.navBox {
		border: 3px solid #f5f4eb;
		text-align: left;
		}
		
		.navBox h3 {
			margin: 0;
			padding: 0;
			border: 1px solid #FFFFFF;
			}
		
		.navBox ul li {
			margin: 0;
			padding: 5px 0 5px 0;
			color: #6679a6;
			list-style-image: url("../images/bullet_square_arrow.gif");
			vertical-align: top;
			}
			.navBox ul li.selected {
				list-style-image: url("../images/bullet_square_arrow_active.gif");
				}
			
			.navBox .secondary {
				margin: 0 0 0 10px;
				padding: 0;
				}

#right_col {
	position: relative;
	float: right;
	z-index: 1;
	width: 195px;
	padding: 0 20px 20px 5px;
	margin: 10px 0 0 -235px;
	text-align: center;
	}

#right_col_case {
	position: relative;
	float: right;
	z-index: 1;
	width: 175px;
	padding: 0 0 20px 15px;
	margin: 10px 0 0 -190px;
	text-align: center;
	overflow: hidden;
	}
	
	
	#right_col img {
		border: 1px solid #546386;
		}
	
	#right_col_case img {
		border: 3px solid #f5f4eb;
		margin-bottom: 15px;
		margin-top:5px;
		}

#services {
	position: relative;
	overflow: hidden;
	clear: both;
	padding: 20px 0 0 10px;
	margin: 0;
	background: url("../images/causes_back.gif") top repeat-x #516084;
	border-bottom: 1px solid #636054;
	height: 70px
	}
	
	#services ul {
		margin: 0;
		padding: 0;
		float: left;
		}
		
		ul.col1 { width: 170px; }
		ul.col2 { width: 145px; }
		ul.col3 { width: 235px; }
		ul.col4 { width: 200px; }
		
		#services ul li {
			position: relative;
			float: left;
			padding: 0 10px 15px 10px;
			margin: 0;
			list-style-type: none;
			}
			
			#services li span {
				position: relative;
				font-size: 14px;
				float: left;
				}
			
			#services li img {
				float: left;
				padding: 6px 5px 0 0;
				}

#footer {
	position: relative;
	height: 70px;
	background: url("../images/footer_back.jpg") top center no-repeat #ebebeb;
	padding: 30px 0 0 0;
	text-align: center;
	}