/* HOME PAGE - main headline and image */

#mainColumn.home {
	position: relative;
}

#mainColumn.home h1 {
	font-size: 22px;
	border: none;
}

#mainColumn.home h2 {
	font-size: 18px;
	border: none;
}

#mainColumn.home div.mainCopy {
	position: relative;
	top: 0px; /* use this to position the copy over the image */
	left: 0px;
	line-height: 1.5;
	/*width: 540px;*/
	width: 100%;
	text-align: justify;
}

#mainColumn.home div.mainCopy p {
	font-size: 12px;
	font-family: Arial;
	width: 100%;
}

#mainColumn.home div.mainCopy p a {
	color: #666;	
}

#mainColumn.home div.mainCopy p a:hover {
	color: #777777;
	background-color: #EEEEEE;
}

/* HOME PAGE - blog feed */

#feed .feedTitle {
		display: none;
}

#feed span.headline {
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 200px;
}

#feed span.headline a {
	color: #000;
	text-decoration: none;	
}

#feed span.headline a:hover {
	text-decoration: none;
	color: #FFF;

}

#feed p.feedItemAuthor {	
	float: left;
	font-size: 10px;
	color: #5aa7b8;
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 200px;
}

#feed .date {
	float: left;
	font-size: 11px;
	color: #135b72;
	margin: 0;
	padding: 0;
	width: 80px;
}

#feed p {
	font-size: 11px;
	color: #BBB;
	width: 200px;
	margin: 0;
	padding: 0;
	float: left;
}

#sidebar #feed li {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 10px 0;
	border: none;
	width: 260px;
	line-height: 1.3;
	float: left;
}


#sidebar #feed li a {
	display: inline;
	border: none;
	padding: 0;
	margin: 0;
}

#sidebar #feed li a:hover {
	background: #000;
	color: #FFF;
}

#feed div {
	float: left;
	height: auto;
	width: 200px;
	color: #999;
	font-size: 10px;
	border-bottom: 1px solid #EEE;
	padding-bottom: 10px;
	font-family: "Arial";
}

#feed img.alignleft {
	width: 40px;
	height: 30px;
	list-style-type: none;
}

#creditfooter {
	display: none;
	border: none;
}

#feed .feedburnerFeedBlock {
	border: none;
}

#feed .fbsubscribelink {
	display: none;
}


/* PEOPLE */

#mainColumn #tabber h3 {
	font-size: 14px;
}


/* SERVICES - Case Study Preview Modules */

#mainColumn .caseStudies {
	width: 620px
	float: left;
	height: auto;
	margin-bottom: 25px;
	overflow: auto;
}

#mainColumn .caseStudies h3 {
	font-size: 16px;
	color: #000;
	margin: 25px 0 10px 0;
	padding: 0;
}

#mainColumn .caseStudies h4 {
	color: #5aa7b8;
	font-size: 12px;	
	padding: 0 0 3px 0;
	font-weight: normal;
	font-family: Arial,Verdana, sans-serif;
}

#mainColumn .caseStudies .preview-module {
	border-left: 1px solid #EEE;
	float: left;
	width: 195px;
	padding: 0 2px 0 8px;	
}

#mainColumn .caseStudies .preview-module p {
	font-size: 11px;
	line-height: 1.5;
}

#mainColumn .caseStudies .first {
	border: none;
	padding-left: 0px;
}

#mainColumn .caseStudies .last {
	padding-right: 0;
	
}


/* KNOWLEDGE - modules */

#mainColumn .knowledgeModule {
	float: left;
	width: 620px;
	height: 210px;
	margin: 0 0 6px 0;
}

#mainColumn .knowledgeModule img {
	float: left;
	width: auto;
	padding: 0 15px 0 0;
	
}

#mainColumn .knowledgeModule h2 {
	float: left;
	font-size: 14px;
	border-top: 1px solid #EEE;
	border-bottom: none;
	width: 325px;
	margin: 0;
	padding: 5px 0 0px 0;
}

#mainColumn .knowledgeModule h2 a {
	color: #000;
}

#mainColumn .knowledgeModule h2 a:hover {
	color: #FFF;
}

#mainColumn .knowledgeModule h2.first {
	border: none;
}

#mainColumn .knowledgeModule p {
	font-size: 11px;
	line-height: 1.6;
	float: left;
	width: 325px;
}


#mainColumn .viewAll {
	border-top: 1px solid #EEE;
	float: right;
	width: 325px;
	margin: -6px 0 0 0;
	text-align: right;
}

#mainColumn .viewAll a {
	color: #5aa7b8;
}

#mainColumn .viewAll a:hover {
	color: #FFF;
}


/* KNOWLEDGE WIDE - modules */

#mainColumn.wide {
	width: 900px;
}


#mainColumn.wide .knowledgeModule {
	float: left;
	width: 900px;
	height: 210px;
	margin: 0 0 6px 0;
}

#mainColumn.wide .knowledgeModule img {
	float: left;
	width: auto;
	padding: 0 15px 0 0;
	
}

#mainColumn.wide .knowledgeModule h2 {
	float: left;
	font-size: 14px;
	border-top: 1px solid #EEE;
	border-bottom: none;
	width: 600px;
	margin: 0;
	padding: 5px 0 0px 0;
}

#mainColumn.wide  .knowledgeModule h2 a {
	color: #000;
}

#mainColumn.wide  .knowledgeModule h2 a:hover {
	color: #FFF;
}

#mainColumn.wide  .knowledgeModule h2.first {
	border: none;
}

#mainColumn.wide  .knowledgeModule p {
	font-size: 12px;
	line-height: 2;
	float: left;
	width: 600px;
}


#mainColumn.wide  .viewAll {
	border-top: 1px solid #EEE;
	float: right;
	width: 325px;
	margin: -6px 0 0 0;
	text-align: right;
}

#mainColumn.wide  .viewAll a {
	color: #5aa7b8;
}

#mainColumn.wide  .viewAll a:hover {
	color: #FFF;
}

/* CLIENTS - logos */

#mainColumn ul#clientLogos li {
		position: relative;
		float: left;
		width: 117px;
		height: auto;
		border-bottom: 1px solid #EEE;
		margin: 0 5px 0 0;
}

#mainColumn ul#clientLogos li.left {
	border-left: none;
}

#mainColumn ul#clientLogos img {
	float: left;
	display: block;
}

#mainColumn ul#clientLogos li h4 {
		float: left;
		width: 112px;
		height: 14px;
		font-family: Arial,Verdana,  sans-serif;
		font-size: 9px;
		font-weight: normal;	
		background-color: #EEE;	
		color: #999;
		padding: 0 0 0 5px;
}


/* CONTACT - map module */

#map .mapPopup {
	float: left;
	padding: 0;
	margin: 0;
	height: auto;
}

#map .mapPopup h3 {
	width: 100%;
	float: left;
	color: #000;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#map .mapPopup p {
	width: 100%;
	font-size: 12px;
	line-height: 1.2;
	float: left;
	margin: 1px 0;
	padding: 0;
}

#map .mapPopup a:hover {
	color: #FFF;
	background-color: #000;
}

#map .mapPopup input#saddr, #map .mapPopup input#daddr {
	border:1px solid #DDD;
	padding: 1px;
	margin: 0 0 4px 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	
}

#map .mapPopup input#saddr:focus, #map .mapPopup input#daddr:focus{
	border: 1px solid #5aa7b8;
}

/* GENERAL MODULES */

/* ACCORDION MODULES */
/* General accordion - leadership page */

#mainColumn .drawers {
	width: auto;
	border-bottom: 1px solid #DDD;

}

#mainColumn .subdrawers {
	width: auto;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

#mainColumn .drawers a.handle {
	cursor: pointer;
	display: block;
	font-size: 13px;
	padding: 3px 0 2px 6px;
	margin: 0;
	text-decoration: none;
	color: #000;
	background-color: #FFF;
	border-top: 1px solid #DDD;
}

#mainColumn .drawers a.handle:hover {
	background-color: #EEEEEE;
	color: #000;
}

#mainColumn .drawers a.handle li.t1{
	font-family: "Arial narrow",Arial, sans-serif;
	font-size: 12px;
	display: inline;
	float: left;
	width: 120px;
	/*border-left: 2px solid #DDD;*/
	padding: 0px 0 0px 0px;
	margin-left: 1px;
	text-transform: uppercase;
	font-weight: bold;
}

#mainColumn .drawers a.handle li.t2{
	font-family: "Arial narrow",Arial, sans-serif;
	font-size: 10px;
	display: inline;
	float: left;
	width: 120px;
	/*border-left: 2px solid #DDD;*/
	padding: 0px 0 0px 0px;
	margin-left: 1px;
	text-transform: uppercase;
}

#mainColumn .drawers ul {
	width: 100%;
}

#mainColumn .drawers ul li.t3{
	/*font-family: "Arial narrow",Arial, sans-serif;*/
	font-size: 12px;
	display: block;
	float: left;
	width: 100%;
	/*border-left: 2px solid #DDD;*/
	padding: 0px 0 0px 0px;
	margin-left: 30px;
	text-transform: none;
}

/*#accordtitle{
	font-size: 16px;
	display: inline;
}*/
/*
#header ul li{	
	display: inline;
	float: left;	
	width: 120px;	
}

#header ul li a {
	border-left: 2px solid #DDD;
	color: #777777;	
	display: block;
	padding: 5px 0 5px 10px;
	width: 110px;
	font-weight: bold;
}*/
#mainColumn .drawers a.handle.selected {
	color: #000;
	background-color: #EEE;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	font-weight: bold;

}

#mainColumn .drawers p {
	margin: 0;
	padding: 6px 10px 10px 6px;

}


/* Faculty Associates Accordion */


#mainColumn .drawers.faculty a.handle span {
	color: #AAA;
	position: absolute;
	left: 250px;
	font-size: 10px;
	padding: 1px 20px 0 0;
}

#mainColumn .drawers.faculty p {
	font-size: 11px;
	line-height: 1.5;	
	margin:0;	
}

#mainColumn .drawers.faculty a.handle {
	position: relative;
	color: #555;
	background-color: #FFF;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
	width: 614px;
	border-top: 1px solid #DDD;
	padding: 1px 0 1px 6px;
}

#mainColumn .drawers.faculty a.handle:hover {	
	background-color: #ccecf3;
	color: #000;
}

#mainColumn .drawers.faculty a.handle:hover span {
	color: #555;
}

#mainColumn .drawers.faculty a.handle.selected {	
	background-color: #EEE;
	color: #000;
}

#mainColumn .drawers.faculty a.handle.selected span {
	color: #555;
}

#mainColumn .drawers div {
	display: none;
}


@media print {
	.drawers div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important
	}
}


/* FORMS */


#formContainer p {
	margin: 0;
	padding: 0;	
	margin-left: 50px;	
}

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


#formContainer p.alert {
	display: block;
	margin: 0;
	font-size: 12px;
	color: #777777;
	font-weight: bold;
	padding: 2px 0 10px 0;
}


ol.forms {
	float: left;
	list-style: none;
	width: 350px;
}

ol.forms li {
	clear: left;
	float: left;
	line-height: 1.5;
	margin-bottom: 0.5em;
	width: 350px;
}

ol.forms label {
	color: #777777;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 1.2;
	text-align: left;
	width: 350px;
	padding:0;
}

ol.forms input {
	padding: 2px;
	border: 1px solid #
	float: left; 
	width: 350px; 
}

ol.forms textarea {
	float: left;
	height: 100px; 
	width: 350px; 
	margin: 2px 0 0 0;
	padding: 2px;
}

ol.forms input, ol.forms textarea, ol.forms button { 
	font-size: 11px;
}

ol.forms input, ol.forms textarea {
	border: 1px solid #DDD;
	font-family: Verdana, Arial, sans-serif;
}

ol.forms input:focus, ol.forms textarea:focus {
	outline-style:none;
	border: 1px solid #777777;
}

ol.forms .error { 
	display: block;
	margin: 0;
	font-size: 10px;
	color: #eb1d25; 		
}

ol.forms li.buttons {
	width: 350px;
	float: left;
	text-align: right;
}

ol.forms li.buttons input {
	float: left;
	width: auto;
	border: none;
	padding: 0;
	margin:0 4px 0 0;;
	color: #B1C2B9;
}

ol.forms input#resume {
	border: none;
}

/* SCROLLBAR SECTIONS */

.scroll-pane {
	height: 400px;
	overflow: auto;
	float: left;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #DDD;
}
.jScrollPaneDrag {
	position: absolute;
	background-color: #000;
	cursor: pointer;
	overflow: hidden;	
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/* TOOLTIPS */


#photoset div {
	height: auto;
	width: 100px;
	display: block;
	overflow: hidden;
	float: left;
	margin: 0 5px 0 0;

}

#photoset img {
	float: left;
/*	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 3px solid #000;
	border-right: 3px solid #000;*/
	margin: 0 0 5px 0;
	padding: 0;
}


#tooltip {
	width: 180px;
	position: absolute;
	z-index: 3000;
	background-color: #EEE;
	padding: 0;
	text-align: left;
	height: auto;
	opacity: .9;
}

#tooltip h3 {
	background-color: #000;
	color: #FFF;
	padding: 5px;
	font-size: 11px;
	margin: 0;
	font-weight: bold;

}

#tooltip div {
	margin: 0;
	border: 1px solid #DDD;
	padding: 4px 5px 10px 5px;
	font-size: 9px;
	line-height: 1.3;

}