@charset "utf-8";
/* Common */
html, body { height:100%; }
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background: #0068b3 url(../images/bodybg.jpg) repeat-x;
	margin: 0px;
}
table { border:none; }
ul { margin:0px; padding:0px; }
ul li { list-style:none; }
img { border:none; }
form { margin:0px; padding:0px; }
a,a:hover { outline:none; text-decoration:none; }
a { color: #257CBB; text-decoration:none; }
a:hover { color: #FF9900; }
p { margin:10px 0px;}

.clear { clear:both; height:0px; }
.container { width:935px; height:auto; margin:0 auto; padding:0px 15px; clear:both; }
.btMore { display:block; width:70px; height:20px; background: url(../images/button.png) no-repeat -76px 0px; text-indent:-9999px; }
.btMore:hover { background: url(../images/button.png) no-repeat -76px -20px; }
.btDetail { display:block; width:70px; height:20px; background: url(../images/button.png) no-repeat; text-indent:-9999px; }
.btDetail:hover { background: url(../images/button.png) no-repeat 0px -20px; }
a.gototop { background: url(../images/gototop.jpg) no-repeat; width:46px; height:15px; display:block; float:right; margin-right:120px; text-indent:-9999px; }
span.pdf { background: url(../images/pdf.gif) no-repeat; padding-left: 22px; margin-top:4px; display:block; line-height:17px; }
span.doc { background: url(../images/doc.gif) no-repeat; padding-left: 22px; margin-top:4px; display:block; line-height:17px; }

/* Header */
#header {
	width: 100%;
	height: 120px;
	background: #FFF url(../images/topsky.jpg) no-repeat center top;
}
#logo{ width:180px; height:110px; background: url(../images/osel_logo.jpg) no-repeat bottom left; float:left; margin-left:15px; }
#topnav { width:725px; height:60px; margin-top:55px; margin-right:10px; background: url(../images/topnav.png) no-repeat; float:right; }

#topnav li {
	float: left;
	list-style: none;
}
#topnav li ul {
	position: absolute;
	visibility: hidden;
}
#topnav li ul li {
	list-style: none;
	margin:0px;
	padding:0px;
}


#topnav li a, #topnav li span {  height:60px; text-indent:-9999px; display:block; position:relative; }
#topnav li a.home, #topnav li span.home { width:70px; }
#topnav li a.home:hover { background: url(../images/topnav.png) no-repeat 0px -60px; }
#topnav li span.home { background: url(../images/topnav.png) no-repeat 0px -120px; }

#topnav li a.company, #topnav li span.company { width:90px; }
#topnav li a.company:hover { background: url(../images/topnav.png) no-repeat -69px -60px; }
#topnav li span.company { background: url(../images/topnav.png) no-repeat -69px -120px; }

#topnav li:hover a.company { background: url(../images/topnav.png) no-repeat -69px -60px; }
#topnav li ul li a.management { display:block; width:128px; height:35px; background: url(../images/topnav.png) no-repeat 0px -188px; position:absolute; left:-16px; top:-8px; }
#topnav li ul li a.scientific { display:block; width:128px; height:35px; background: url(../images/topnav.png) no-repeat 0px -230px; position:absolute; left:-16px; top:27px; }
#topnav li ul li a.management:hover { background: url(../images/topnav.png) no-repeat 0px -325px; }
#topnav li ul li a.scientific:hover { background: url(../images/topnav.png) no-repeat 0px -367px; }


#topnav li a.clinical, #topnav li span.clinical { width:164px; }
#topnav li a.clinical:hover { background: url(../images/topnav.png) no-repeat -160px -60px; }
#topnav li span.clinical { background: url(../images/topnav.png) no-repeat -160px -120px; }

#topnav li:hover a.clinical { background: url(../images/topnav.png) no-repeat -160px -60px; }
#topnav li ul li a.lactinv { display:block; width:160px; height:36px; background: url(../images/topnav.png) no-repeat -130px -188px; position:absolute; left:2px; top:-8px; }
#topnav li ul li a.lactinv:hover {  background: url(../images/topnav.png) no-repeat -130px -325px; }
#topnav li ul li a.other { display:block; width:160px; height:36px; background: url(../images/topnav.png) no-repeat -130px -230px; position:absolute; left:2px; top:27px; }
#topnav li ul li a.other:hover {  background: url(../images/topnav.png) no-repeat -130px -367px; }


#topnav li a.research, #topnav li span.research { width:190px; }
#topnav li a.research:hover { background: url(../images/topnav.png) no-repeat -324px -60px; }
#topnav li span.research { background: url(../images/topnav.png) no-repeat -324px -120px; }

#topnav li:hover a.research { background: url(../images/topnav.png) no-repeat -324px -60px; }
#topnav li ul li a.publications { display:block; width:155px; height:35px; background: url(../images/topnav.png) no-repeat -290px -188px; position:absolute; left:16px; top:-8px; }
#topnav li ul li a.intellectual { display:block; width:155px; height:35px; background: url(../images/topnav.png) no-repeat -290px -230px; position:absolute; left:16px; top:27px; }
#topnav li ul li a.mucocept { display:block; width:155px; height:35px; background: url(../images/topnav.png) no-repeat -290px -265px; position:absolute; left:16px; top:55px; }
#topnav li ul li a.publications:hover { background: url(../images/topnav.png) no-repeat -290px -325px; }
#topnav li ul li a.intellectual:hover { background: url(../images/topnav.png) no-repeat -290px -367px; }
#topnav li ul li a.mucocept:hover { background: url(../images/topnav.png) no-repeat -290px -402px; }



#topnav li a.announcements, #topnav li span.announcements { width:132px; }
#topnav li a.announcements:hover { background: url(../images/topnav.png) no-repeat -513px -60px; }
#topnav li span.announcements { background: url(../images/topnav.png) no-repeat -513px -120px; }

#topnav li a.contact, #topnav li span.contact { width:78px; }
#topnav li a.contact:hover { background: url(../images/topnav.png) no-repeat -645px -60px; }
#topnav li span.contact { background: url(../images/topnav.png) no-repeat -645px -120px; }

/* Home Banner */
#homebanner { margin:2px auto 0px; width:100%;}

/* Home Content */
#homecontent { margin:0px auto; width:965px; min-height:385px; overflow:auto; background: url(../images/homecontent.png) no-repeat bottom center; }
div.announcements { width:220px; padding:0px 16px 0px 53px; float:left; }
div.aboutOsel { width:356px; padding:0 20px ; float:left; }
div.oselsMission { width:190px; padding:0px 15px 100px; float:left; }
div.announcements h1, div.oselsMission h1, div.aboutOsel h1 { margin:0px; padding:0px; height:40px; background-image: url(../images/hometitle.jpg); background-repeat:no-repeat; text-indent:-9999px; }
div.oselsMission h1 { background-position: 0px -40px; }
div.oselsMission span { text-decoration:underline; font-weight:bold; display:block; margin-bottom:2px; }
div.aboutOsel h1 { background-position: 0px -80px; }

div.announcements p{ margin:9px 3px; }
div.announcements span { text-decoration:underline; font-weight:bold; display:block; margin-bottom:2px; }
div.announcements a { color: #666; text-decoration:none; }
div.announcements a:hover { color: #257CBB; text-decoration:underline; }

#homecontent p{ color:#666666; line-height:18px; margin:6px 3px; }


/* subPage Banner */
#banner { width:965px; height:150px; margin:2px auto 5px; background: url(../images/banner.png) no-repeat; }
#bannerCompany { width:919px; height:140px; margin:12px auto 0px; background: url(../images/Company.png) no-repeat; }
#bannerClinical { width:919px; height:140px; margin:12px auto 0px; background: url(../images/Clinical.png) no-repeat; }
#bannerResearch { width:919px; height:140px; margin:12px auto 0px; background: url(../images/Research.png) no-repeat; }
#bannerAnnouncements { width:919px; height:140px; margin:12px auto 0px; background: url(../images/Announcements.png) no-repeat; }
#bannerContact { width:919px; height:140px; margin:12px auto 0px; background: url(../images/Contact.png) no-repeat; }

/* subPage Content */
#contenttop { width:965px; height:15px; margin:5px auto 0px; background: url(../images/contenttop.png) no-repeat 0 -10px; }
#contentbottom { width:965px; height:25px; margin:0px auto 5px; background: url(../images/contentbottom.png) no-repeat; }
#content { width:965px; min-height:400px; margin:0px auto; background: url(../images/contentmiddle.png) repeat-y; }

#path { height:28px; background: url(../images/pathline.jpg) no-repeat bottom left; float:right; color:#AAA; margin-right:50px; padding:0px 5px 0px 100px; }
#path a { color:#AAA; padding: 0px 2px; }
#path a:hover { text-decoration:underline; }

/* subPage Left Nav */
#leftnav { width:170px; float:left; }
#leftnav span, #leftnav a { display:block; height:48px; line-height:40px; font-size:13px; font-weight:bold; padding:0px 20px 0px 40px;  }
#leftnav span { background: url(../images/leftnav.png) no-repeat; color:#FFF; cursor:default; }
#leftnav a { background: url(../images/leftnav.png) no-repeat 0px -48px; color:#0068b3; } 
#leftnav a:hover { background: url(../images/leftnav.png) no-repeat; color:#FFF; } 
#leftnav span.s2, #leftnav a.s2 { display:block; height:55px; line-height:17px; font-size:13px; font-weight:bold; padding:9px 20px 0px 40px;  }
#leftnav span.s2 { background: url(../images/leftnav.png) no-repeat 0px -96px; color:#FFF; cursor:default; }
#leftnav a.s2 { background: url(../images/leftnav.png) no-repeat 0px -160px; color:#0068b3; } 
#leftnav a.s2:hover { background: url(../images/leftnav.png) no-repeat 0px -96px; color:#FFF; } 

#leftnav span.s3, #leftnav a.s3 { display:block; height:75px; line-height:17px; font-size:13px; font-weight:bold; padding:9px 20px 0px 40px;  }
#leftnav span.s3 { background: url(../images/leftnav.png) no-repeat 0px -225px; color:#FFF; cursor:default; }
#leftnav a.s3 { background: url(../images/leftnav.png) no-repeat 0px -306px; color:#0068b3; } 
#leftnav a.s3:hover { background: url(../images/leftnav.png) no-repeat 0px -225px; color:#FFF; } 

#rcontent { float:left; width:700px; padding:0px 20px 40px; font-size:13px; }
#rcontent p { margin:15px 0px; line-height:18px; color:#666; }
#rcontent strong { color:#333333; font-size:14px; line-height:19px; }
#rcontent table { background-color:#EDC789; }
#rcontent table td, #rcontent table th{ background-color:#FFF; text-align:left; padding:5px;}
#rcontent table.year { background-color:#FFF; }
#rcontent table.year th { border-top:1px solid #EEE; padding:28px 0px; font-size:14px; vertical-align:top; width:80px; }
#rcontent table.year td { border-top:1px solid #EEE; padding:15px 0px; }
#rcontent table.year td ul li{ padding:10px 0px; list-style:square; color:#666; line-height:19px; }

#rcontent table.yel tr th { background-color:#FCF3E2; }
#rcontent table.yel tr.otd td { background-color:#FEFDFA; }

#rcontent table.managerlist { background-color:#FFF; }
#rcontent table.managerlist tr th { background: url(../images/picframe.png) no-repeat; width:125px; vertical-align:top; padding:12px 6px; }

#rcontent ul li { padding:3px 0px; color:#999999; }
#rcontent ul.num { margin-left:20px; }
#rcontent ul.num li { padding:10px 0px; list-style:decimal; color:#666; line-height:19px; }
#rcontent a{ color:#666; text-decoration:underline; }
#rcontent a:hover{ color:#DC8816;}
#rcontent h2 { font-size:17px; color:#444; }
#rcontent h2.line { border-bottom:1px solid #EEE; padding-bottom:10px; margin-bottom:20px; }

#rcontent strong.title { color:#1179C2; background-color:#E5F2F8; font-size:13px; padding:5px; }
#rcontent h1 { height:35px; margin:2px 0px 20px; background-image: url(../images/contenttitle.jpg); background-repeat:no-repeat; text-indent:-9999px; }
h1.company { background-position: 0px 0px; }
h1.management { background-position: 0px -35px; }
h1.scientific { background-position: 0px -70px; }
h1.clinical { background-position: 0px -105px; }
h1.research { background-position: 0px -140px; }
h1.publications { background-position: 0px -175px; }
h1.intellectual { background-position: 0px -210px; }
h1.announcements { background-position: 0px -245px; }
h1.contact { background-position: 0px -280px; }
h1.lactinV { background-position: 0px -315px; }
h1.otherPubs { background-position: 0px -350px; }
h1.mucocept { background-position: 0px -385px; }



/* Footer */
#footer {
	width: 100%;
	height: 80px;
	color:#92C1E3;
	text-align:center;
	background: #0068b3 url(../images/bodybottom.jpg) no-repeat top center;
}
#footer p { margin:5px; line-height:19px; }
#footer a { color:#92C1E3; text-decoration:underline; padding: 0px 2px; font-weight:bold; }
#footer a:hover { color:#FFFFFF; }