.blue { color: #40576B; } 
.blueheader { color: #40576B; font-family: Arial, Geneva, Helvetica, sans-serif; font-weight: bold; font-size: 18px; }
.blueheader1 { font-size:12px; font-weight:bold; font-color:darkblue; } 
.bold { font-weight:bold; }
.border {border-style: dotted; border-color:#003367; border-width:2pt;padding:10pt;}
.border1 { border-style: solid; border-color:#DBD2D2; border-width:1pt; padding:3pt; border-collapse:separate; table-layout:auto; color:#000000; }
.redborder1 { border-style: solid; border-color:#DCC6C6; border-width:1pt; padding:3pt; border-collapse:separate; table-layout:auto; color:#000000; }
.redborder2 { border-style: dotted; border-color:#DCC6C6; border-width:1pt; padding:3pt; border-collapse:separate; table-layout:auto; color:#000000; }
.disclaimer { font-size:10px; }
.pwhite { color: #ffffff; font-weight:bold; font-size:12px;} 
.12 { font-size:12px; } 
.red { color: darkred; } 
.white { color: #ffffff; padding-left: 5px;} 

B.orange { color: #C28900; }
LI { font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 11px; color: #494949; line-height:1.50em; }
TD { font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 11px; color: #494949; line-height:1.50em;  }
DIV { font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 11px; color: #494949; line-height:1.50em; }
INPUT.small { font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #ffffff; background-color: #9BB1C6; }	
A:link { text-decoration: none; font-family: Arial, Geneva, Helvetica, sans-serif; font-weight: none; font-size: 11px; text-decoration: underline; color: #ad2a2a; }		 
A:active { text-decoration: none; font-family: Arial, Geneva, Helvetica, sans-serif; font-weight: none; font-size: 11px; text-decoration: underline; color: #ad2a2a; }
A:visited { text-decoration: none; font-family: Arial, Geneva, Helvetica, sans-serif; font-weight: none; font-size: 11px; text-decoration: underline; color: #ad2a2a; }
A:hover { text-decoration: none; font-family: Arial, Geneva, Helvetica, sans-serif; font-weight: none; font-size: 11px; text-decoration: underline; color: #e59876; }

.projects h3 { margin:0; padding:2px; border-bottom:1px dotted #CCCCCC; color:#666; }
.projects a { text-decoration:none; }
.projects li { list-style:none; }
.projects ul { margin-top:10px; }

.team-member {
	background-color:#FDFBFB;
	width:49%;
	vertical-align:top; 
	padding: 6px 3px 6px 6px;
	border:1pt solid #DBD2D2;
}

p.bio {
	margin-top: 6px;
}

p.team-image {
	margin-top: 0px;
}

.team-image img {
	margin-right: 6px;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
div.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 226px;
	height:810px;
}

/*	
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {
	/* this cannot be too large */
	height:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
div.scrollable div.items div {
	float:left;
}

/* you may want to setup some decorations to active the item */
div.items div.active {
	border:1px inset #ccc;
	background-color:#fff;
}