* {
margin:0px;
padding:0px;
}

body {
text-align:center;
background:url(images/back.jpg) #FFFFFF;
font-size:14px;
font-family: Helvetica, Arial;
}

ul {
padding:0px;
margin:0px;
}

a {
color:#cc9900;
text-decoration:none;
}

#page {
width:100%;
clear:both;
}

#headerouter {
width:100%;
background:url(images/header.jpg) top left repeat-x #000000;
height:59px;
text-align:center;
}

#header {
width:960px;
height:59px;
text-align:left;
margin:auto;
}

#header ul#nav {
list-style:none;
margin:0px;
padding:0px;
float:left;
width:580px;
padding-left:50px;
padding-top:16px;
}

#header ul#nav li {
display:block;
float:left;
line-height:59px;
padding-left:5px;
font-size:13px;
}

#header ul#nav li a {
color:#FFFFFF;
text-decoration:none;
display:block;
float:left;
height:25px;
padding-right:10px;
}

#header ul#nav li a span {
display:block;
line-height:25px;
padding-left:10px;
}

#header ul#nav li a:hover, #header ul#nav li a.active {
background:url(images/menuhover.jpg) no-repeat scroll top right;
}

#header ul#nav li a:hover span, #header ul#nav li a.active span {
background:url(images/menuhover.jpg) no-repeat;
}

#header ul#nav li ul li {
padding:0px;
}

#header ul#nav li ul a {
border:none;
line-height:30px;
display:block;
width:270px;
height:30px;
padding-left:10px;
color:#FFFFFF;
text-decoration:none;
margin:0px;
}

#header ul#nav li ul a:hover  {
background:#000000;
}

#header ul#nav li {
float:left;
list-style:none;
}

#header ul#nav ul {
position:absolute;
display:none;
}

#header ul#nav li ul {
float:left;
position:absolute;
z-index:1000;
background:#222222;
top:42px;
width:280px;
list-style:none;
overflow:hidden;
padding:0px;
border:1px solid #000000;
}

#header ul#nav li ul li {
border-bottom:1px solid #000000;
width:100%;
list-style:none;
text-align:left;
}

#header ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li:hover ul ul ul ul{
display:none;
}

#header ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li li li li:hover ul{
display:block;
}

#header .right {
float:left;
line-height:59px;
}

#header .right p {
float:left;
color:#FFFFFF;
border-left:1px solid #5c5c5c;
padding-top:15px;
line-height:26px;
padding-left:15px;
padding-right:15px;
}

#header .right p span {
color:#cc9900;
font-weight:bold;
}

#header .right p.trialrepository a, #header .right p.login a {
color:#FFFFFF;
}

#header .right p.trialrepository span a {
color:#cc9900;
font-weight:bold;
}

#bannerouter {
background:url(images/banner.jpg) bottom center repeat-x #FFFFFF;
height:250px;
text-align:center;
}

#banner {
margin:auto;
width:960px;
text-align:left;
height:250px;
background:url(images/bannerfront.jpg) no-repeat bottom right;
}

#banner .left {
padding-left:70px;
width:615px;
float:left;
}

#banner .left a.logo img {
border:none;
}

#banner .left a.logo {
margin-top:32px;
clear:both;
display:block;
}

#banner .left .tagline {
padding-top:13px;
}

#banner .right {
margin-left:615px;
padding-top:50px;
padding-right:55px;
}

#banner .right p {
color:#FFFFFF;
font-size:14px;
}

#banner2outer {
width:100%;
clear:both;
background:url(images/banner2.jpg) bottom left repeat-x #cc9900;
height:148px;
text-align:center;
}

#banner2 {
width:890px;
margin:auto;
padding-top:12px;
position:relative;
overflow:hidden;
padding-left:70px;
}

#banner2 img {
padding-right:20px;
float:left;
}

#mainouter {
	width:100%;
	clear:both;
	text-align:center;
	background:url(images/main.jpg) top left repeat-x #003366;
	height:350px;
}

#main {
text-align:left;
width:880px;
margin:auto;
position:relative;
overflow:hidden;
padding-left:70px;
}

#main .left {
width:213px;
float:left;
}

#main .center {
float:left;
width:387px;
}

#main .right {
width:250px;
float:left;
padding-top:18px;
}

#main h2 {
color:#cc9900;
font-size:20px;
padding-top:18px;
padding-bottom:14px;
padding-left:14px;
}

#main .widget {
background:url(images/mainwidget.jpg) repeat-x;
margin-right:20px;
padding:10px;
}

#main .widget p {
padding-bottom:10px;
color:#FFFFFF;
font-size:13px;
font-family:Helvetica, Arial;
line-height:18px;
}

#main .widget .top {
	height:200px;
	overflow:hidden;
}

#main .widget .bottom a.learnmore {
color:#FFFFFF;
background:url(images/learnmore.jpg) no-repeat left center;
padding-left:20px;
text-decoration:none;
line-height:20px;
}

#main .right p.mainright {
font-size:19px;
text-align:left;
color:#FFFFFF;
line-height:25px;
}

#main .right p.mainright span {
color:#cc9900;
font-weight:bold;
}

#footerouter {
clear:both;
width:100%;
text-align:center;
height:48px;
background:url(images/footer.jpg) repeat-x #000000;
}

#footer {
margin:auto;
text-align:left;
width:960px;
color:#FFFFFF;
font-size:13px;
}

#footer .left {
padding-left:70px;
float:left;
width:350px;
line-height:46px;
}

#footer .right {
float:right;
padding-right:45px;
width:350px;
text-align:right;
line-height:46px;
}

#mainouterinner {
width:100%;
clear:both;
text-align:center;
background:url(images/inner_main.jpg) repeat-x bottom center #000000;
}

#maininner {
background:url(images/inner_maintop.jpg) repeat-y bottom center;
width:870px;
margin:auto;
text-align:left;
margin:auto;
}

#maininner_two {
background:url(images/inner_maintop2.jpg) repeat-x bottom center;
width:850px;
padding:0 10px 30px 10px;
position:relative;
overflow:hidden;
}

#maininner #contentarea {
float:left;
width:540px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}

#maininner #contentarea p {
padding-left:15px;
padding-top:15px;
}

#maininner #contentarea h1 {
padding-left:15px;
color:#cc9900;
font-weight:normal;
font-size:20px;
}

#maininner #contentarea h2 {
padding-left:15px;
color:#FFFFFF;
font-weight:normal;
font-size:20px;
padding-top:15px;
height:38px;
background:#cc9900;
}

#maininner #sidebar {
float:left;
width:235px;
background:url(images/sidebar.jpg) bottom left repeat-x #000000;
padding:15px;
}

#maininner #sidebar p {
color:#FFFFFF;
padding-bottom:15px;
}

#maininner #sidebar p.title {
color:#cc9900;
padding-bottom:0px;
}

.pagetitle {
	color: #000;
	float: none;
	font-size: 18px;
	font-weight: bold;	
}
.pagecontent {
	color: #000;
	font-size: 12px;
	line-height: 125%;	
}
.whatsnewevenrow {
	vertical-align: text-top;
	text-align: left;
	font-size: 11px;
	color: #000;
	background-color: #D3D3F1;
	padding: 5px;
}
.whatsnewoddrow {
	vertical-align: text-top;
	text-align: left;
	font-size: 11px;
	color: #000;
	background-color: #DFE2FF;
	padding: 5px;
}

