* {
	margin: 0px;
	padding: 0px;
}

img {
	border-style: none;
}

html, body {
	font: 15px/17px Arial, Helvetica, sans-serif;
	color: #676767;
	background: #CCCCCC;
	height: 100%;
	margin-bottom: 1px;
}

#wrapper {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}

#header {
}

#acc {
	width:980px;
	list-style:none;
	color:#676767;
	margin:0 auto 0px;
	position: relative;
}

#acc h3 {
	width:900px;
	cursor:pointer;
	color: #FFFFFF;
	height: 30px;
	font: normal 16px/30px "Times New Roman", Times, serif;
	padding-left: 80px;
}

#acc .biography h3 {
	background: #B2B2B2;
}

#acc .expertise h3 {
	background: #999999;
}

#acc .experience h3 {
	background: #808080;
}

#acc .contact h3 {
	background: #666666;
}

#acc h3:hover {
}

#acc .acc-section {
	background:#fff;
	overflow: hidden;
	position: relative;
}

#acc .acc-content {
	width:605px;
	padding:55px 75px 50px 300px;
	background:#F2F2F2;
}

.acc-content h2 {
	color: #B2BC36;
	font: normal 30px/30px "Times New Roman", Times, serif;
	margin-bottom: 14px;
	margin-top: 6px;
}

.acc-content li {
	list-style: disc outside;
	color: #B2BC36;
	margin-left: 15px;
	margin-bottom: 5px;
}

#biographyText {
	background: url(images/biography.jpg) no-repeat 280px 0px;
	width: 605px;
}

#expertiseText {
	background: url(images/expertise.jpg) no-repeat 288px 36px;
	width: 605px;
}

#experienceText {
	width: 605px;
	height: 406px;
	overflow: auto;
}

#experienceText p {
	margin-bottom: 38px;
}
#experienceText a {
	color: #676767;
	text-decoration: underline;
}
#experienceText a:hover {
	text-decoration: underline;
	color: #B2BC36;
}

#contactText {
	width: 605px;
}

#contactText p {
	margin-bottom: 18px;
}

#contactText a {
	color: #676767;
	text-decoration: none;
}

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

.twoColumns {
	margin-bottom: 38px;
}

.twoColumnsNoBottomBorder {
	margin-bottom: 0px;
}

#footer {
	background: #333333;
	height: 40%;
	position: relative;
	width: 980px;
}

#footerText {
	font: 25px/30px "Times New Roman", Times, serif;
	color: #FFFFFF;
	width: 475px;
	text-align: right;
	float: right;
	position: absolute;
	right: 70px;
	bottom: 50px;
}

#footerText h2 {
	color: #B2BC36;
	font-size: 30px;
	line-height: 35px;
	margin-bottom: 18px;
	font-weight: normal;
}

#gqLinks {
	font-size: 10px;
	text-align: right;
}

#gqLinks a {
	text-decoration: none;
	color: #676767;
}

.leftCol {
	float: left;
	width: 285px;
}

.rightCol {
	float: right;
	width: 285px;
}

.grey {
	color: #676767;
}

.clear {
	clear: both;
}



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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #666666;
}

.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: #B2BC36;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background: url(images/arrow-up.gif);
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background: url(images/arrow-down.gif);
}