body {	
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-size: 11px;
	}

html {
	background-image: url('images/bg_gradient.gif');
	background-repeat: repeat-x;
	background-color: #87929c; /* medium gray */
	background-position: 0px -10px;
	overflow: -moz-scrollbars-vertical;
	}
	
img {
	border: 0px;
	}


/* ID */

#bluebar {
	float:center;
	width: 710px;
	min-height: 8px;
	height: 8px;
	background-color: #003f82; /* medium blue */
	}

#footer {
	width: 1008px;
	text-align: center;
	color: #ccc;
	margin-top: 5px;
	}
	#footer a {
		color: white;
		text-decoration: none;
		}
	#footer a:hover {
		color: black;
		}

#innerwrapper {
	background-color: white;
	width: 710px;
	float: left;
	}
	#innerwrapper p {
		padding: 0px 90px 0px 90px;
		line-height: 18px;
		}
	#innerwrapper h1 {
		font-family: Times, Georgia, serif;
		padding: 0px 90px 0px 50px;
		color: #004795;
		font-size: 24px;
		font-variant: small-caps;
		font-weight: lighter;
		}
	#innerwrapper h2 {
		font-family: Times, Georgia, serif;
		padding: 0px 90px 0px 90px;
		color: #333;
		font-size: 20px;
		font-variant: small-caps;
		font-weight: lighter;
		}
	#innerwrapper a {
		color: #004795;
		text-decoration: none;
		}
	#innerwrapper a:hover {
		color: #000;
		}	
	#innerwrapper ul {
		padding: 0px 130px 0px 130px;
		line-height: 18px;
		}
	
#leftcol {
	width: 145px;
	float: left;
	height: 200px;
	padding-top: 63px;
	text-align: right;
	}

#outerwrapper {
	margin: 27px auto;
	width: 1010px;
	}

#rightcol {
	width: 145px;
	float: left;
	height: 200px;
	padding-top: 63px;
	}

/*sprite css */
/* Default */

#compass_nav {
top: 0px;
left:100px;	
width: 300px;
height: 297px;
position: relative;
/*background: url(images/compass300x593.gif) no-repeat;*/
margin: 0;
padding: 20px;
}

#compass_nav li {
float: left;
list-style-type:none;

}

#compass_nav li a {
	
	position: absolute;
	width: 300px;
	height:309px;
	margin: 0;
	padding: 0;
	display: block;
	background: url(images/compass300x620.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

/*up state*/
li#nav_advocacy a {

left: 0;
width: 140px;
height:164px;
background-position: 0 0;
}

li#nav_busdev a {
left: 140px;
width: 160px;
height:164px;
background-position: -140px 0;
}

li#nav_grassroots a {
	left: 140px;
	top:162px;
	width: 160px;
	height:144px;
	background-position: -140px -162px;
	
}

li#nav_media a {
left: 0;
top:162px;
width: 140px;
height:144px;
background-position: 0px -162px;
}


/*hover state*/
li#nav_advocacy a:hover {
	
background-position: 0px -313px;

}

li#nav_busdev a:hover {
background-position: -140px -313px;
}

li#nav_grassroots a:hover {
background-position: -140px -475px;
}

li#nav_media a:hover {
background-position:  0px -475px;
}



/* classes */

.breadcrumb {
	font-size: 9px;
	color: #6e6e6e;
	padding: 0px 90px 0px 50px;
	}

.center {
	text-align: center;
	}
	
.clear {
	clear: both;
	}

.csbar {
	}
	.csbar p {
		width: 250px;
		float: left;
		margin-top: -10px;
		}
.csimg {
	margin-top: -25px;
	float: left;
	margin-left: -20px;
	}

.conbar p {
	width: 240px;
	float: left;
	margin-top: -5px;
	}

.conphone {
	float: left;
	line-height: 18px;
	margin-top: -5px;
	}

.fleft {
	float: left;
	}

.fright {
	float: right;
	}

.quote {
	font-family: Times, Georgia, serif;
	font-size: 15px;
	color: #877d62;
	padding: 0px 55px 0px 40px;
	text-align: left;
	}
	.quote .fright {
		margin-left: 10px;
		}
	
/* nav swaps */

#homeswap a {
	display: block;
	width: 123px;
	height: 27px;
	background-image: url('images/buttons/home_up.gif');
	float: right;
	}
	#homeswap a:hover {
		background-image: url('images/buttons/home_over.gif');
		}
	#homeswapactive a {
		display: block;
		width: 123px;
		height: 27px;
		background-image: url('images/buttons/home_on.gif');
		float: right;
		}

#profileswap a {
	display: block;
	width: 123px;
	height: 27px;
	background-image: url('images/buttons/profile_up.gif');
	float: right;
	}
	#profileswap a:hover {
		background-image: url('images/buttons/profile_over.gif');
		}
	#profileswapactive a {
		display: block;
		width: 123px;
		height: 27px;
		background-image: url('images/buttons/profile_on.gif');
		float: right;
		}

#capabilitiesswap a {
	display: block;
	width: 123px;
	height: 27px;
	background-image: url('images/buttons/capabilities_up.gif');
	float: right;
	}
	#capabilitiesswap a:hover {
		background-image: url('images/buttons/capabilities_over.gif');
		}
	#capabilitiesswapactive a {
		display: block;
		width: 123px;
		height: 27px;
		background-image: url('images/buttons/capabilities_on.gif');
		float: right;
		}

#casestudiesswap a {
	display: block;
	width: 123px;
	height: 27px;
	background-image: url('images/buttons/case_studies_up.gif');
	float: right;
	}
	#casestudiesswap a:hover {
		background-image: url('images/buttons/case_studies_over.gif');
		}
	#casestudiesswapactive a {
		display: block;
		width: 123px;
		height: 27px;
		background-image: url('images/buttons/case_studies_on.gif');
		float: right;
		}
		
#clientlistswap a {
	display: block;
	width: 123px;
	height: 27px;
	background-image: url('images/buttons/client_list_up.gif');
	float: right;
	}
	#clientlistswap a:hover {
		background-image: url('images/buttons/client_list_over.gif');
		}
	#clientlistswapactive a {
		display: block;
		width: 123px;
		height: 27px;
		background-image: url('images/buttons/client_list_on.gif');
		float: right;
		}
		
#contactswap a {
	display: block;
	width: 123px;
	height: 27px;
	background-image: url('images/buttons/contact_up.gif');
	float: right;
	}
	#contactswap a:hover {
		background-image: url('images/buttons/contact_over.gif');
		}
	#contactswapactive a {
		display: block;
		width: 123px;
		height: 27px;
		background-image: url('images/buttons/contact_on.gif');
		float: right;
		}