@charset "utf-8";
/* CSS Document */

body {background-color:#333333; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#031b29;}
body img {border:0px;}

sup {font-size:8px; }

ul {margin-left:0px; padding-left:17px;}
li {list-style-type:square; margin-bottom:15px;}

.clear {display:block; clear:both;}

#main {width:987px; background-color:#ffffff; margin: 0 auto;}

#header {width:987px; height:82px; background-image:url(../images/header-bg.jpg); padding-top:27px;}
	#logo {float:left;}
	#tagline {float:right; margin-top:8px;}

/*#nav {width:957px; height:31px; background-color:#eec035; border-bottom:6px solid #f4d74a; padding-left:30px; padding-top:0px; text-align:left;}
	#nav a {color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; text-decoration:none; padding:8px 15px 8px 15px; _padding-bottom:6px; display:block; float:left; position:relative;} 
	#nav a:hover {background-color:#f4d74a;}*/
	.nav-on {background-color:#f4d74a;}
	.sup {font-size:8px; position:absolute; top:4px; right:4px;}

#nav { width: 957px; height: 31px; background: #eec035; border-bottom: 6px solid #f4d74a; padding: 0 0 0 30px; text-align: left; }	
#jsddm { margin: 0; padding: 0; height: 31px; }
#jsddm li {	float: left; list-style: none; }
#jsddm li a { display: block; padding: 8px 15px 8px 15px; _padding-bottom: 6px; text-decoration: none; color: #000; white-space: nowrap; font-size: 17px; font-weight: bold; position: relative; }
#jsddm li a:hover {	background: #f4d74a; } 		
#jsddm li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; width: 200px; z-index: 10; } 
#jsddm li ul li { float: none; display: inline; } 
#jsddm li ul li a {	width: auto; background: #f4d74a; font-size: 9pt; } 
#jsddm li ul li a:hover { background: #eec035; }




	
/*  HOME STYLES	  */
	
#home-left {width:574px; background-color:#f4d74a; float:left; height:900px; margin: -14px 0 0 0; .margin: 0 0 0 0; }
	

#home-left-top {width:574px; background-color:#ffffff; height:384px;}
	#home-content-top {font-size:17px; padding:35px 50px 0 46px; line-height:200%}

#home-left-bot {width:450px; font-size:17px; padding:35px 50px 0 46px; line-height:150% }
	#home-left-bot h1 {font-weight:bold; font-size:17px; margin:5px 0 15px 0;}
	#home-left-bot a {font-weight:bold; text-decoration:underline; color:#000000;}
	#home-left-bot a:hover {text-decoration:none;}

#home-right {width:413px; background-color:#004770; float:right; height:875px; color:#ffffff; text-align:center; padding-top:25px; margin: -14px 0 0 0; .margin: 0 0 0 0; }
	#home-right h1 {font-weight:bold; font-size:14px; margin:5px 0 15px 0;}


/*  CHILD STYLES	  */

#main-child {width:987px; background-image:url(../images/child-bg.gif); margin: 0 auto; position: relative; }
	#child-left {width:170px; float:left; display: inline; background-color:#0172b4; padding:25px 0px 15px 15px; position: absolute; left: 0; top: 160px; z-index: 1; color: #f4d74a; line-height: 1.4; font-size: 13px; }
	#child-left a {color:#ffffff; text-decoration:none; font-weight:bold; font-size:13px; }
	#child-left a:hover {text-decoration:underline;}
	#child-left img {position:absolute; top:260px; left:15px;}
		#child-left ul {margin-left:-15px; .margin-left:0px; margin-top:5px;}
		#child-left li {list-style-type:square; color:#eec035; margin-left:15px; .margin-left:0px; margin-bottom:10px;}	
		#child-left li a {color:#ffffff; font-size:12px; font-weight:bold; text-decoration:none;}
		#child-left li a:hover {text-decoration:underline;}
	
	#child-main {width:792px; float:right; display: inline; margin: -14px 0 0 0; .margin: 0 0 0 0; }
		#child-header {height:143px;}
		#child-header h1 { color:#ffffff; font-size:21px; margin:0 0 0 29px; padding-top:112px; font-weight:bold;}
			.about {background-image:url(../images/header-about.jpg); }
			.vda {background-image:url(../images/header-vda.jpg); }
			.clinical {background-image:url(../images/header-clinical.jpg); }
			.news {background-image:url(../images/header-news.jpg); }
			.contact {background-image:url(../images/header-contact.jpg); }
		
	#child-content {padding:10px 29px 29px 29px; font-size:14px; line-height:150%;}
		#child-content h1 { color:#004770; font-size:19px; font-weight:bold; margin-top:12px; margin-bottom:5px;}
		#child-content h2 { color:#0172b4; font-size:17px; font-weight:bold; margin-top:12px; margin-bottom:5px;}
		#child-content h3 { color:#0172b4; font-size:15px; font-weight:bold; margin-top:12px; margin-bottom:5px;}
		#child-content p { margin-top:0px; margin-bottom:20px; font-size:}
		#child-content a {font-weight:bold; text-decoration:underline; color:#000000;}
		#child-content a:hover {text-decoration:none;}
		
		
#animationBox{
background:#F4D74B;
border:1px solid #EEC036;
width:146px;
padding:10px 19px 19px 19px;
float:right;
margin-left:30px;
margin-bottom:25px;
margin-top:8px;
text-align:center;
}

#animationBox h2{
padding-top:0;
text-align:left;
color:#004770;
}

#animationBox p{
text-align:left;
}

#animationBox ul{
text-align:left;
margin:12px 2px;
}

#animationBox li{
margin-bottom:5px;
font-size:12px;
line-height:150%
}

#animationBox a{
color:#187CB9;
margin-top:5px;
}

.animationBox{
clear:both;
float:left;
margin-bottom:20px;
width:100%;
}

.animationBox a{
color:#187CB9;
margin-top:5px;
}

.animationBox h2{
color:#000;
font-size:1em;
}

.animationBox img{
float:left;
margin-right:30px;
}

.animationBox p{
float:left;

margin-top:0px;
}



		
.no-h2 {padding-top:12px;}

.anim-table { margin-top:-20px;}
		
		
.right {float:right; margin-left:20px; margin-bottom:20px; margin-top:8px; border:solid 1px #d0d0d0; padding:2px; background-color:#ffffff;}
.left {float:left; margin-right:20px; margin-bottom:20px; margin-top:8px; border:solid 1px #d0d0d0; padding:2px; background-color:#ffffff;}
.table-child {padding-top:15px;}

#footer {width:987px; height:30px; background-color:#eec035; padding-top:0px; text-align:center; font-size:11px; padding-top:36px;}
#footer a {color:#000000;}
#footer a:hover {text-decoration:none;}


/* video styles */
.hmVideo { width: 285px; height: 225px; text-align: center; margin: 0 auto; }

/* expander styles */
.expander-cont ol { list-style-type: none; }
	.expander-cont ol li { list-style-type: upper-alpha; }
		.expander-cont ol li ol li { list-style-type: decimal; }
			.expander-cont ol li ol li ol li { list-style-type: lower-alpha; }
				.expander-cont ol li ol li ol li ol li { list-style-type: lower-roman; }
				
sup, sub { font-size: 7pt; }


/* Koronis compendium form */
input.text { font-family: arial, sans-serif; font-size: 14px; padding: 1px; }
.msg { color: red; font-weight: bold; }
.suc { color: #009933; font-weight: bold; }