/* CSS Document */
/* CSS Document */
html {
height:100%;
margin-bottom:1px;
}
body {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:100%;
color:#333333;
margin:0;
padding:0;
text-align:center;
background-image:url(../images/bg.gif);
background-repeat:repeat-y;
background-position:center;
}
#container {
width:800px;
margin:0 auto;
text-align:left;
overflow:hidden;
}
/* LOGO
----------------------------------------------------*/
#logo {
width:250px;
height:130px;
float:left;
}
#logo h1 {
height:100px;
margin:20px 0px 0px 20px;
background:transparent url(../images/InVivoLogo.jpg) no-repeat top left;
}
#logo h1 span {display:none}
#logo h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
margin-left:27px;
margin-top:5px;
}
/* small vertical blue line */
#topLine {
background-image:url(../images/topLine.gif);
width:5px;
height:84px;
background-repeat:no-repeat;
float:left;
margin-top:20px;
}
/* TOP NEWS CONTENT
----------------------------------------------------*/
#newsPic {
padding-left:10px;
padding-right:10px;
width:60px;
float:left;
margin-top:35px;
}
#news {
width:425px;
float:left;
margin:32px 0px 0px 0px;
}
#news a {
text-decoration:none;
color:#000db1;
}
#news a:hover {
text-decoration:underline;
color:#000db1;
}
#news h3 {
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
}
#news h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000db1;
margin-bottom:0;
margin-top:5px;
}
#news p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:0.7em;
margin-top:0;
padding-right:23px;
}
/* TOP NAVIGATION
----------------------------------------------------*/
#topNav {
background:url(../images/nav.jpg) no-repeat;
height:40px;
width:800px;
float:left;
}
#topNav ul {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:7px 0px 0px 13px;
padding:0;
list-style-type:none;
}
#topNav ul li {display: inline;}
#topNav ul li a {
text-decoration:none;
padding:.2em 1em;
color:#333333;
}
#topNav ul li a:hover {
text-decoration:none;
padding:.2em 1em;
color:#000db1;
}
/* SIDE NAVIGATION
----------------------------------------------------*/
#sideNav {
width:190px;
float:left;
}
#sideNav h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000db1;
margin:0;
padding:30px 0px 0px 25px;
}
#sideNav ul {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0;
padding:30px 0px 0px 13px;
list-style-type:none;
}
#sideNav ul li {margin: 0.5em 0;}
#sideNav ul li a {
text-decoration:none;
padding:.2em 1em;
color:#333333;
}
#sideNav ul li a:hover {
text-decoration:none;
padding:.2em 1em;
color:#000db1;
}
/* side nav vertical blue line */
#sideLine {
background-image:url(../images/sideLine.gif);
width:7px;
height:402px;
background-repeat:no-repeat;
float:left;
margin-top:35px;
}
#longsideLine {
background-image:url(../images/longsideLine.gif);
width:7px;
height:650px;
background-repeat:no-repeat;
float:left;
margin-top:35px;
}
/* MAIN CONTENT
----------------------------------------------------*/
#content {
width:565px;
float:left;
padding:30px 0px 0px 20px;
}
#content p {
font-size:.8em;
line-height:16px;
}
#content li {
font-size:.8em;
line-height:16px;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position:0 1.2em;
padding-left:.9em;
padding-top:10px;
padding-bottom:10px;
}
#content ul {
list-style-type:none;
padding:0;
margin-left:1em;
}
#content h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000db1;
margin:0;
}
#content h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#000db1;
margin-bottom:0;
margin-top:5px;
}
#content a {
text-decoration:none;
color:#000db1;
}
#content a:hover {
text-decoration:underline;
color:#000db1;
}
/* NEWS PAGE CONTENT
----------------------------------------------------*/
#newsContainer {
width:565px;
float:left;
padding:30px 0px 0px 20px;
}
#newsContainer h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000db1;
margin:0;
}
#newsContainer h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#000000;
margin-bottom:0;
margin-top:10px;
}
.newsContent {
margin-right:160px;
font-size:.8em;
}
.newsContent a {
text-decoration:none;
color:#000db1;
}
.newsContent a:hover {
text-decoration:underline;
color:#000db1;
}
/* float news photos right */
.newsFloat {
float:right;
padding:10px 0px 0px 0px;
}
.newsItalic {font-style:italic;}
.newsDate {
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#000000;
font-weight:bold;
}
/* FOOTER
----------------------------------------------------*/
#footer {
background-image:url(../images/newsline.gif);
background-repeat:no-repeat;
margin-left:216px;
font-size:.8em;
width:565px;
float:left;
}
#footer p {padding:10px 0px 10px 95px;}
#footer a {
text-decoration:none;
color:#333333;
}
#footer a:hover {
text-decoration:none;
color:#000db1;
}
/* SITE MAP
----------------------------------------------------*/
#sitemapLeft {
float:left;
width:200px;
padding:10px 0px 10px 0px;
font-size:.9em;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
}
#sitemapRight {
width:200px;
float:left;
padding:10px 0px 10px 50px;
font-size:.9em;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
}
#sitemapLeft a {
text-decoration:none;
color:#333333;
}
#sitemapLeft a:hover {
text-decoration:none;
color:#000db1;
}
#sitemapRight a {
text-decoration:none;
color:#333333;
}
#sitemapRight a:hover {
text-decoration:none;
color:#000db1;
}
.sitemapPadding {padding-left:20px;}
.sitemapText {
font-size:1em;
font-weight:bold;
color:#333333;
}
/* CLASSES
----------------------------------------------------*/
.bluetext {color:#000db1;}
.blueline {padding-top:5px; padding-bottom:5px;}
.redtext {color:#FF0000;}
.graytext {color:#333333;}
.italictext {font-style:italic;}
.subhead {
font-family:Arial, Helvetica, sans-serif;
margin-top:5px;
font-size:.8em;
margin-bottom:20px;
}
.subhead2 {
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
font-weight:bold;
color:#000000;
}
.subhead3 {
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#000db1;
}
/* float images left of text */
.floatLeft {
float:left;
padding:0px 20px 5px 0px;
}
/* float images right of text */
.floatRight {
float:right;
padding:0px 0px 5px 20px;
}