@charset "UTF-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image:url(../images/home-header.jpg);
	background-repeat: no-repeat;
}

.trials #globalcontainerhome {
	z-index: 2;
	top: 270px;
	position: absolute;
	padding: 0px; 	
	background: #FFFFFF;
	height: 800px;
	overflow: hidden;
	width: 100%;
	background-image:url(../images/main-area-gradient.gif);
	background-repeat: repeat-x;
}

.trials #globalcontainer {
	z-index: 2;
	top: 125px;
	position: absolute;
	padding: 0px; 	
	background: #FFFFFF;
	min-height: 800px;
	overflow: hidden;
	width: 100%;
	background-image:url(../images/main-area-gradient.gif);
	background-repeat: repeat-x;
}


.trials #container {
	position: relative;
	display: block;
	z-index: 5;
	width: 980px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.trials #header {
	height: 105px; 
	padding: 0px;
	width: 980px;
	margin: 0 auto;
}

.trials #logo {
	width: 200px; 
	height: 95px; 
	padding-left: 20px;
	float:left;
}

.trials #nav {
	height: 125px; 
	padding: 0px;
	text-align:right;
}

.trials #mainImage {
	text-align: center;
}

.trials #mainContent {
	padding: 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size: .85em;
	min-height: 250px;
}
.trials #footer {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	width: 980px;
	margin: 0 auto;
}

.trials #copyright {
	float: right;
	text-align:right;
	font-size: .7em;
	color: #757575;
}

.trials #bannerarea {
	text-align:center;
	padding-top: 30px;
}

.trials #tlaads {
 	float:left; 
 	width:250px;
 	border: 1px solid #e9e9e9;
}

.footertext {
	font-size: .7em;
	color: #757575;
}

.headertext {
	font-size: 1.1em;
	font-weight:bold;
	color:#693232;
}

.smalltext {
	font-size: .9em;
	color: #333333;
}

/* accordion */

.basic  {
	width: 200px;
	border: 0px solid black;
}

.basic div { }

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	margin: 0px;
	padding: 10px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	color: white;
	height: 22px;
	/*background-image: url("../images/accordion.png");*/
}
.basic a.selected {
	color: black;
	/*background-image: url("../images/accordion.png");*/
}


/* javascript menu styles */
ul.menu {list-style:none; margin-top:15px; padding:0; float:right}
ul.menu * {margin:0px; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; text-align:center; font-size: .9em}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:45px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:140px; margin:0}
ul.menu ul li a {display:block; padding:2px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:100px; top:0px}
ul.menu .menulink {border:0px solid #aaa; padding:5px 7px 7px; width:100px}
ul.menu .menulink:hover, ul.menu .menuhover {background-color:#4}
ul.menu .topline {border-top:0px solid #aaa}