/*Common elements*/
body {
background: #eaebec;
width: 850px;
font-family: "Lucida Grande", Lucida, Arial, sans-serif;
font-size: 15px;
margin: 0 auto;
padding: 0;
}

h1, h2, h3, h4 {
font-family: 'Trebuchet MS';
}

h2 {
color: #fe0000;
font-size: 22px;
margin: 30px 0 20px 0;
}

h3 {
font-size: 18px;
font-weight: normal;
margin: 35px 0 0 0;
}

h2 + h3 {
margin: 20px 0 0 0;
}

p {
line-height: 17px;
}

h3 + p {
margin-top: 9px;
}

li {
margin-bottom: 12px;
}

a {
color: #1967B2;
}

a:hover {
text-decoration: none;
}

img {
border: 0;
}

.red {
color: #fe0000;
}

/*Header styles*/
#head {
height: 120px;
background-color: #000;
}

#head h1, #head h2 {
color: #fff;
}

#head h1 {
font-size: 32px;
margin: 0;
padding: 23px 0 0 0;
}

#head h2 {
font-size: 18px;
font-style: italic;
margin: 6px 0 0 0;
}

#head img {
float: left;
padding: 1px 53px 0 30px;
}

#topNav {
float: right;
}

#topNav ul {
list-style-type: none;
margin: 0;
}

#topNav ul li {
float: left;
margin: 0;
}

#topNav a {
display: block;
background: #fe0000;
color: #000;
font-family: 'Trebuchet MS';
font-size: 16px;
font-weight: bold;
text-decoration: none;
padding: 3px 8px 2px 8px;
border-left: 1px dotted #fff;
border-bottom: 1px dotted #fff;
_border-left-style: solid;
_border-bottom-style: solid;
}

#topNav a:hover {
color: #000;
background: #c2c7c9;
}

/*Body Container -- holds left and right columns*/
#bodyContainer {
background: url('../images/leftNavBG.gif') top left repeat-y;
background-color: #fff;
border-top: 3px solid #fe0000;
border-right: 1px solid #303943;
}

/*Left Container - holds study info, left nav and login form*/
#leftContainer {
float: left;
width: 175px;
background: #c0c3c6;
margin: 0 18px 0 0;
padding-bottom: 25px;
border-left: 1px solid #303943;
}

#studyInfo {
margin: 30px 0;
}

#studyInfo ul {
list-style-type: none;
font-family: 'Trebuchet MS';
font-size: 13px;
margin: 0;
padding: 0;
}

#studyInfo li {
margin: 0;
padding: 0 0 2px 8px;
}

#leftNav ul {
list-style-type: none;
margin: 0 0 15px 0;
_margin-bottom: 0;
padding: 0;
border-bottom: 1px solid #fff;
_border-bottom: none;
}

#leftNav li {
font-family 'Trebuchet MS';
font-size: 15px;
margin: 0;
border-top: 1px solid #fff;
}

#leftNav li.login {
background: #303943;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 3px 8px;
}

#leftNav a {
display: block;
background: #303943;
color: #fff;
text-decoration: none;
padding: 3px 8px;
}

#leftNav a:hover, #leftNav li.selected a {
background: #575d5f;
}

#login {
font-family: 'Trebuchet MS';
font-size: 14px;
font-style: bold;
}

#login span, #login input {
margin-left: 8px;
}

#login .label {
font-weight: bold;
}

#login input {
margin-bottom: 9px;
}

#login input {
width: 155px;
}

#login .button a {
color: #e0e1e3;
background: #303943;
text-decoration: none;
font-weight: bold;
padding: 2px 6px;
border: 1px dotted #fff;
_border: 1px solid #fff;
}

#login .button a:hover {
background: #575d5f;
}

/*Right container -- main content area*/
#rightContainer {
padding: 5px 150px 25px 20px;
margin-left: 177px;
padding-top: 5px;
padding-bottom: 25px;
}


/*Logos */
#logos {
height: 91px;
background: #fff;
margin: 0 auto;
border-top: 2px solid #303943;
border-left: 1px solid #303943;
border-right: 1px solid #303943;
}

#logos h3 {
line-height: 18px;
background: #303943;
color: #fff;
font-size: 14px;
font-weight: normal;
width: 159px;
margin: -23px 0 0 0;
padding: 2px 8px 0 8px;
border-top: 1px solid #fff;
}

#logos img {
float: left;
padding: 3px 16px 0 16px;
}


/*Footer styles*/
#footer {
clear: left;
font-family: 'Trebuchet MS';
font-size: 11px;
background: #000;
color: #fff;
/*padding: 9px 8px 12px 8px;*/
padding: 3px 8px;
border-top: 3px solid #fe0000;
}

#footer a {
color: #fff;
}