body { margin-top: 0;background:#63645f; }

#root {
	width:970px;
	margin:0px auto 0px auto;
	background:url('../images/bg-root.png') left repeat-y;
}

#base {
	width:920px;
	margin:0px auto 0px auto;
	background:#b3b3a9;
}

#nav {
	height:46px;
	background:url('../Parts/insideMenuBar1.jpg') left no-repeat;
	padding-left:130px;
	font-size:11px;
	font-family:arial;
}

#nav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#nav > ul > li {
	position:relative;
	float:left;
	margin-right:10px;
	padding:0px 13px 0px 13px;
	text-align:center;
	height:46px;
	line-height:16px;
}

#nav ul li td {
	height:46px;
	vertical-align:middle;
}

#nav ul li a {
	color:#FFF;
	text-decoration:none;
}

#nav > ul > li:hover {
	cursor:pointer;
	background:url('../Parts/menuBkgd1.gif') repeat-x;
}

#nav > ul > li:hover td a {
	color:#000;
}

#nav > ul > li.active { background:url('../Parts/menuBkgd1.gif') repeat-x; }
#nav > ul > li.active td a { color:#000; }

#nav ul.sub > li.active > a { color:#000; }

#nav ul li ul.sub {
	display:none;
	position:absolute;
	left:0px;
	margin:0px;
	padding:0px;
	background:url('../images/bg-drop-down.png') repeat;
	text-align:left;
	line-height:13px;
}

#nav ul li ul.sub li {
	float:none;
	text-align:left;
	margin:0px;
	padding:8px 13px 8px 13px;
}

#nav ul li ul.sub li:hover a {
	color:#000;
}

#header {
	height:89px;
	background:url('../images/bg-header.jpg') left 1px no-repeat;
}

#header .random-images img {
	float:right;
	width:75px;
	height:60px;
}

#base > #main {
	padding:10px 20px 10px 20px;
	overflow:auto;
}

.study-info {
	width:385px;
	float:left;
	padding-top:10px;
}

.questionnaire p.sub-headline {
	color: #fff; 
	font-size: 18px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	line-height: 22px; 
	margin-top: 8px; 
	margin-bottom: 10px;
}

.study-info p, .questionnaire p {
	color: #000; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style:normal;
	line-height: 15px; 
	margin: 8px 0px 0px 0px; 
	padding:0px;
}

.study-info p.headline, .questionnaire p.headline  { 
	color: #fff; 
	font-size: 24px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	line-height: 28px; 
	margin-top: 8px; 
	margin-bottom: 10px;
	padding-bottom:10px;
}

.study-info p.sub-headline {
	font-weight:bold;
	margin-top:16px;
}

.questionnaire {
	width:440px;
	float:left;
	margin-left:25px;
}

.questionnaire > .main {
	padding:2px 20px 0px 20px;
	margin:0px;
	background:#85857d;
}

.questionnaire .text-area {
	width:390px;
	height:100px;
	padding:5px;
	font-size:11px;
}

.questionnaire .button
{
	background:#41403C;
	color:#FFFFFF;
	padding:6px 10px 5px 10px;
	border:none;
	margin:0px;
	font-size:10px;
}

.questionnaire .button:hover
{
	cursor:pointer;
}

#footer {
	width:970px;
	height:50px;
	margin:0px auto 0px auto;
	background:url('../images/bg-footer.jpg') left no-repeat;
}

#footer > div {
	padding:20px 27px 0px 27px;
}
