/* CSS Document */

body {
	background-color:#a59d95;
}

form {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	color:#333333;
	font-size:14px;
}

.headinglink {
	text-decoration:underline;
	color:#333333;
}

.headinglink:hover {
	text-decoration:none;
}

h2 span {
	font-family: Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:lighter;
	font-style:italic;
}

#strategy h2, #problemsolving h2, #leadership h2, #facilitation h2 {
	color:#222;
	font-family: Helvetica, Arial, sans-serif;
	font-size:16px;
	font-style:italic;
	margin-left:75px;
}

#contenttxt img {
	float:left;
	padding-left:30px;
	padding-right:25px;
	padding-top:30px;
}

*html #contenttxt img {
	float:left;
	padding-left:30px;
	padding-right:25px;
	padding-top:30px;
}

#contenttxt ul{
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	color:#333333;
	font-size:14px;
	padding-bottom:25px;
	margin-left:100px;
	width:600px;
}

#contenttxt ul li {
	padding-bottom:5px;
}

#wrapper {
	width:850px;
	background-color:#fff;
	background-image:url(../images/whitecompass.png);
	background-position:right -33px;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}

#wrapper2 {
	background-color:#B9CDE5;
	background-image:url(../images/lightbluecompass.png);
	background-position:right -208px;
	background-repeat:no-repeat;
	border-top:#000 solid 1px;
	border-bottom:#000 solid 1px;
	margin-top:2px;
}

#header {
	width:850px;
	height:75px;
	background-image:url(../images/headerbackground.png);
	border-top:#000000 solid 1px;
	border-bottom:#000000 solid 1px;
	margin-top:15px;
}

#compassblue {
	width:100%;
	height:75px;
	background-image:url(../images/bluecompass.png);
	background-position:right 0px;
	background-repeat:no-repeat;
}

#footer {
	width:850px;
	height:75px;
	background-image:url(../images/footerbackground2.png);
	font-size:9px;
	text-align:right;
	border-top:#000000 solid 1px;
	margin-top:2px;
}

#footer a  {
	color: #333;
	text-decoration:underline;
}

#footer a:hover  {
	color: #222;
	text-decoration:none;
}

#footer p{
	font-family: Helvetica, Arial, sans-serif;
	padding-right:15px;
	color:#333;
}

#indeximages {
	width:400px;
	height:400px;
	padding-left:15px;
	padding-top:25px;
}

#indeximages img{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
}

#imagenav {
	width:400px;
	height:475px;
	margin-left:15px;
	margin-top:25px;
}

#imagenav img {
	padding-left:2px;
	padding-right:2px;
	padding-top:10px;
}

#list {
	float:right;
	width:300px;
}

/* ----- text styles ----- */

#indextext {
	width:450px;
	float:right;
	margin-top:75px;
}

*html #indextext {
	width:450px;
	float:right;
	margin-top:75px;
}

#indextext img {
	margin-top:20px;
}

#indextext p {
	/*text-indent:20px;*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	color:#333333;
	line-height:20px;
	font-size:14px;
	margin-right:25px;
}

#indextext p span {
	font-size:12px;
}

#indextext p span a {
	color:#555;
	text-decoration:none;
}

#indextext p span a:hover {
	text-decoration:underline;
}

#first:first-letter {
	font-size:36px;
}

.contenttxt {
/*	text-indent:20px;*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	color:#333333;
	line-height:20px;
	font-size:14px;
	margin-right:50px;
	margin-left:50px;
}

.description {
	font-family: Helvetica, Arial, sans-serif;
	/*text-indent:20px;*/
	color:#333;
	margin-left:100px;
	margin-right:100px;
	font-size:14px;
	line-height:20px;
}

.description a {
	color:#333;
	text-decoration:underline;
}

.description a:hover {
	color:#666;
	text-decoration:none;
}

/*#maintext {
	margin-left:25px;
	margin-right:25px;
	margin-top:35px;
	padding-bottom:15px;
}

#maintext p {
	text-indent:20px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	color:#333333;
	line-height:20px;
	font-size:14px;
}

#maintext .subparagraph {
	margin-left:75px;
	margin-right:75px;
}

#maintext .subparagraph span {
	font-weight:600;
}*/

#abouttext {
	margin-left:25px;
	margin-right:25px;
	margin-top:35px;
	padding-bottom:15px;
}

#abouttext p {
	text-indent:20px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	color:#333333;
	line-height:20px;
	font-size:14px;
}

#abouttext img {
	float:right;
	padding-left:25px;
	padding-bottom:25px;
}

*html #abouttext img {
	float:right;
	padding-left:25px;
	padding-bottom:25px;
}

#abouttext ul {
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#333333;
}

#abouttext ul li {
	padding-bottom:3px;
}

#aboutimages {
	text-align:center;
	padding-bottom:15px;
}

#aboutimages img {
	padding-right:15px;
}

*html #aboutimages img {
	padding-right:15px;
}

.indent {
	margin-left:25px;
}

.indent2 {
	margin-left:50px;
}


/* ----- navigation ----- */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.underlinemenu{
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size:12px;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 5px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #fff;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
	border-bottom: 2px solid #222;
}
#home .homelink,
#about .whowearelink,
#allen .whowearelink,
#steve .whowearelink,
#michael .whowearelink,
#articles .articlelink,
#casestudies .casestudieslink,
#contactus .contactuslink,
#ourclients .ourclientslink {
	border-bottom: 2px solid #222;
}

.underlinemenu2{
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size:12px;
width: 100%;
padding-left:25px;
padding-top:15px;
}

.underlinemenu2 ul{
padding: 6px 0 5px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: left; //set value to "left", "center", or "right"*/
}

.underlinemenu2 ul li{
display: inline;
}

.underlinemenu2 ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
}

.underlinemenu2 ul li a:hover, .underlinemenu2 ul li a.selected{
color: #222;
border-bottom: 2px solid #222;
}

.underlinemenu2 li a span {
	font-style:italic;
	font-weight:lighter;
}

#about .aboutlink,
#michael .michaellink,
#steve .stevelink,
#allen .allenlink,
#local .locallink,
#nonprofit .nonprofitlink,
#private .privatesectorlink,
#state .statelink {
	color: #222;
	font-style:italic;
	border-bottom: 2px solid #222;

}

#nav2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:lighter;
	margin-left:0;
	padding-left:0;
}

#nav2 li {
	list-style:none;
}

#nav2 li a{
	display:block;
	width:312px;
	text-decoration:none;
	color:#333333;
	padding-left:25px;
	padding-bottom:2px;
	margin-bottom:1px;
}

#nav2 li a:hover{
	color:#fff;
	background-color: #444;
}

#whoweare{
	float:right;
	margin-right:75px;
	margin-top:15px;
	padding-left:15px;
}

*html #whoweare{
	float:right;
	margin-right:75px;
	margin-top:15px;
	padding-left:15px;
}

#personallist {
	float:right;
	width:300px;
	background-image:url(../images/bottomoflist.png);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:30px;
}

*html #personallist {
	float:right;
	width:300px;
	background-image:url(../images/bottomoflist.png);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:30px;
}

#personallist img {
	margin-left:100px;	
}

#personallist ul{
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	color:#333333;
	font-size:14px;
}

#personallist ul li {
	padding-top:5px;
}

#column2 {
	float:right;
	margin-right:40px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#333333;
}

*html #column2 {
	float:right;
	margin-right:40px;
	margin-top:60px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#333333;
}

#column2b {
	float:right;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#333333;
}

*html #column2b {
	float:right;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#333333;
}

#column1 {
	margin-left:25px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#333333;
}

#clientwrapper {
	padding-top:25px;
	padding-bottom:25px;
}

#clientwrapper img {
	padding-left:25px;
}

#column1 li, #column2 li, #column2b li {
	padding-bottom:5px;
}

#contactinfo {
	margin-top:-105px;
}

#contactinfo li {
	list-style:none;
	padding-bottom:5px;
}

#response {
	color:#CC0000;
	font-size:16px;
	padding-bottom:10px;
	margin-top:25px;
	width:400px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	
}

.indent {
	padding-left:400px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
	background: transparent url('../images/roundedge-gray-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: bold 13px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-left:15px;
margin-top:10px;
}

.italic {
	font-style:italic;
}

/*---- article styles ----*/

#pdfdownload {
	float:right;
	width:125px;
}

#tabs {
	float:left;
	width:100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:normal;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:0px; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("../images/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("../images/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}

#facilitation #facilitationlink,
#problemsolving #problemsolvinglink,
#leadership #leadershiplink,
#strategy #strategylink {
	background-position:0% -42px;
}	
	
#facilitation #facilitationlink2,
#problemsolving #problemsolvinglink2,
#leadership #leadershiplink2,
#strategy #strategylink2 {
	background-position:100% -42px;
}	


#articletext h1 {
	font-size:18px;
	margin-left:157px;
}

#articletext p {
	font-size:14px;
	line-height:20px;
}

.heading {
	color:#333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size:18px;
	margin-left:75px;
}

#articletext {
	color:#333333;
	font-family: Helvetica, Arial, sans-serif;
	margin-left:50px;
	margin-right:50px;
	margin-top:50px;
}

#articletext p {
	margin-left:157px;
	margin-right:50px;
}

#articletext h2 {
	color:#A05028;
	text-align:center;
}

#articletext h3 {
	color:#A05028;
	text-align:center;
	font-size:14px;
	padding-bottom:25px;
}

#articletext ol, #articletext ul {
	font-size:14px;
}


#articletext ol li, #articletext ul li {
	padding-bottom:5px;
}

#articletext h4 {
	font-size:18px;
}

#sidebar {
	width:125px;
	float:left;
	font-size:12px;
	padding-right:35px;
	margin-top:0px;
}

#sidebar ul {
	padding-left:0px;
}

#sidebar ul li {
	list-style:none;
	padding-bottom:25px;
	padding-top:15px;
}

#sidebar a {
	text-decoration:none;
	color:#333333;
}

#sidebar a:hover {
	text-decoration:underline;
}

.indent3 {
	margin-left:175px;
}