/* ---------------------
	Title: Celsion Corporation working stylesheet
	Filename: screen.css
	
	Table of Contents:
		Section Title (Searchstring)			Description
		
		General Styles(=General):				Set font sizes, Page backgrounds, etc
		Master #container Styles(=Master):		Placing, sizing, styling the main container
		Branding Styles(=Branding):				Logos, taglines, branding info
		Navigation Styles(=Nav):				The navigation bar; internal and external
		Content Styles(=Content):				The main content of the page
		Multi-Column Styles(=Multicol):			The cases where the content needs to be in multiple columns
		Credit/Footer Styles(=Footer):			The footer
		Universal Styles(=Uni):					Classes and elements that apply throughout ('clear', 'blue', etc)
---------------------- */

/* =General
---------------------- 
	General Styles applied to 'normalize' things
	Notes:
		EM styling generally following (http://www.clagnut.com/blog/348/) from this point 10px=1em, 11px=1.1em, etc
---------------------- */
html {
	padding: 0;
	margin: 0;
	font-size: 100%; /* ensures font consistency across browsers */
	height: 100%; /* for footer-stick */
}
body {
	padding: 0;
	margin: 0;
	font-size: 12px; /* correct value for IE6 */
	line-height: 1.6;
	background: #E2EFF8;
	text-align: center;/* fix IE5 bug that doesn't honor margin auto */
	font-family: Arial, sans-serif;
	height: 100%; /* for footer-stick */
}
body.home {
	background: #E2EFF8;
}
html > body {
	font-size: 12px; /* correct value for non-IE6 browsers */
}
p {
	padding: 0;
	margin: 0 0 12px 0;
}

INPUT, SELECT, TH, TD {font-size: 12px}
H1 {font-size: 18px; color: #1A2674;} 
H2 {font-size: 16px; color: #1A2674;} 
H3 {font-size: 14px; color: #1A2674;} 
H4 {font-size: 13px; color: #1A2674;}  
H5 {font-size: 12px; color: #1A2674;} 


img, a img {
	border: none;
}
hr {
	height: 1px;
	color: #bbb;
}

a:link {
	color: #C64700;
	text-decoration: underline;
}
a:visited {
	color: #990000;
	text-decoration: underline;
}
a:hover, a:active {
	color: #1A2674;
	text-decoration: underline;
}



/* =Master
---------------------- 
	Master Container
	Notes:
		margin: 0px auto; centers the container horizontally except in IE5, which is fixed in the body tag
---------------------- */
#container {
	position: relative; /* for footer-stick */
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	font-size: 12px; /* displayed at 12px */
	text-align: center; /* keep the next level down (1000px wide) centered */
	height: auto !important; /* for footer-stick */
	height: 100%; /* for footer-stick */
	min-height: 100%; /* for footer-stick */
	color: #000;
}

/* =Navigation */

#navHome a {
	display: block;
	width: 1000px;
}

#nav {
	padding-top: 0 !important;
	margin-top: 0 !important;
	padding-top: 0;
	padding-bottom: 0;
	width: 1000px;
	margin: 0;
	height:43px;
}

#nav ul {
		list-style: none outside;
	}
	

		/* Level 1 UL */
		#nav-main ul {
			margin: 0 0 0 0;
			padding: 0 0 0 30px;			
		}
			/* Level 1 LI */
			#nav-main ul li {
				float: left;
				display: inline;
				position: relative;
				clear: none;
				margin: 0;
				padding: 0;
				color: #fff;
				font-weight: bold;
				font-size: 1.1em !important;
				font-size: 13px; /* Part 2 of ugly fix */
				border-right: none;
				border-bottom: none;
				cursor: pointer;				
			}

				/* Level 1 A */
				#nav-main ul li a {
					margin: 0;
					padding: 0 0;
					display: block;
					margin-bottom: 0px;					
				}
				#nav-main ul li a:link, #nav-main ul li a:visited {
					color: #fff;
					text-decoration: none;					
				}
				#nav-main ul li.last a:link, #nav-main ul li.last a:visited {				
					background: transparent url(../images/nav-bottom.gif) top right no-repeat;
					border: none;
				}
				/*#nav-main ul li.last a:hover{				
					height:25px;
					background: transparent url(../images/nav-bottom-over.gif) top right no-repeat;
					border: none;
				}
					#nav-main ul li a.current:link, #nav-main ul li a.current:visited {
					color: #FCA803;
					background: #fff url(../images/bg/nav_main_acurrent1_bg.gif) top right no-repeat;
				}
				#nav-main ul li.last a:link, #nav-main ul li.last a.current:link, #nav-main ul li.last a.current:visited {
					color: #FCA803;
					height:25px;
					background: transparent url(../images/nav-bottom.gif) top right no-repeat;
					border: none;
				}*/
				
				#nav-main ul li a:hover, #nav-main ul li a:active {
					color: #FCAF17;
					text-decoration: none;	
					border: none;				
				}
				#nav-main ul li.last a:hover, #nav-main ul li.last a:active {
					color: #1A2674;
					background: transparent url(../images/nav-bottom-over.gif) top right no-repeat;		
					border: none;	
				}
				#nav-main ul li.lastw210 a:hover, #nav-main ul li.lastw210 a:active {
					color: #1A2674;
					background: transparent url(../images/nav-bottom-210-over.gif) top right no-repeat;		
					width: 168px;
					border: none;	
				}
				#nav-main ul li.lastw160 a:hover, #nav-main ul li.lastw160 a:active {
					color: #1A2674;
					background: transparent url(../images/nav-bottom-160-over.gif) top right no-repeat;		
					width: 118px;
					border: none;	
				}
				#nav-main ul li.lastw173 a:hover, #nav-main ul li.lastw173 a:active {
					color: #1A2674;
					background: transparent url(../images/nav-bottom-173-over.gif) top right no-repeat;		
					width: 131px;
					border: none;						
					
				}
				
					/* Level 2 UL */
					#nav-main ul li ul {
						display: none;
						position: absolute;
						top: 1.8em;
						left: 0px;
						z-index: 200;
						list-style: none outside;
						width: 150px;
						margin: 17px 0 0 0px;
						padding: 0;
						background: #fff;
					}
					
					/* Level 2 UL - width 210px */
					#nav-main ul li ul.w210 {
						display: none;
						position: absolute;
						top: 1.8em;
						left: 0px;
						z-index: 200;
						list-style: none outside;
						width: 210px;
						margin: 17px 0 0 0px;
						padding: 0;
						background: #fff;
					}
					#nav-main ul li ul.w160 {
						display: none;
						position: absolute;
						top: 1.8em;
						left: 0px;
						z-index: 200;
						list-style: none outside;
						width: 160px;
						margin: 17px 0 0 0px;
						padding: 0;
						background: #fff;
					}
					
					#nav-main ul li ul.w173 {
						display: none;
						position: absolute;
						top: 1.8em;
						left: 0px;
						z-index: 200;
						list-style: none outside;
						width: 173px;
						margin: 17px 0 0 0px;
						padding: 0;
						background: #fff;
					}
						/* Level 2 LI */
						#nav-main ul li ul li {
							clear: none;
							margin: 0;
							padding: 0;
							color: #1A2674;
							font-weight: bold;
							font-size: 0.8em !important;
							font-size: 0.85em;
							border: none;
							border-bottom: solid 1px #FFE6A2;
						}
							/* Level 2 LI  width 210px */
						#nav-main ul li ul li.w210 {
							clear: none;
							margin: 0;
							padding: 0;
							color: #1A2674;
							font-weight: bold;
							font-size: 0.8em !important;
							font-size: 0.85em;
							border: none;
							border-bottom: solid 1px #FFE6A2;
							width: 210px;
						}
						#nav-main ul li ul li.w160 {
							clear: none;
							margin: 0;
							padding: 0;
							color: #1A2674;
							font-weight: bold;
							font-size: 0.8em !important;
							font-size: 0.85em;
							border: none;
							border-bottom: solid 1px #FFE6A2;
							width: 160px;
						}
						#nav-main ul li ul li.w173 {
							clear: none;
							margin: 0;
							padding: 0;
							color: #1A2674;
							font-weight: bold;
							font-size: 0.8em !important;
							font-size: 0.85em;
							border: none;
							border-bottom: solid 1px #FFE6A2;
							width: 173px;
						}
						#nav-main ul li ul li.last {
					      background: transparent url(../images/nav-bottom.gif) top right no-repeat;
							border: none;
						}
						
						#nav-main ul li ul li.lastw210 {
					      background: transparent url(../images/nav-bottom-210.gif) top right no-repeat;
							border: none;
						}
						
						#nav-main ul li ul li.lastw160 {
					      background: transparent url(../images/nav-bottom-160.gif) top right no-repeat;
							border: none;
						}
						#nav-main ul li ul li.lastw173 {
					      background: transparent url(../images/nav-bottom-173.gif) top right no-repeat;
							border: none;						
						}
							/* Level 2 A */
							#nav-main ul li ul li a {
								display: block;
								text-align: left;
								width: 108px;
								padding: 4px 21px;
								margin: 0;
							}
							#nav-main ul li ul li.w210 a {
								display: block;
								text-align: left;
								width: 168px;
								padding: 4px 21px;
								margin: 0;
							}
							#nav-main ul li ul li.w160 a {
								display: block;
								text-align: left;
								width: 118px;
								padding: 4px 21px;
								margin: 0;
							}
							#nav-main ul li ul li.w173 a {
								display: block;
								text-align: left;
								width: 131px;								
								padding: 4px 21px;
								margin: 0;
							}
							#nav-main ul li ul li a:link, #nav-main ul li ul li a:visited {
								color: #1A2674;
								text-decoration: none;
								background: transparent;
							}
							#nav-main ul li ul li a.current:link, #nav-main ul li ul li a.current:visited, #nav-main ul li.last ul li a.current:link, #nav-main ul li.last ul li a.current:visited, #nav-main ul li ul li.last a.current:link, #nav-main ul li ul li.last a.current:visited {
								color: #1A2674;
								background: #FCAF17;
							}
							#nav-main ul li ul li a:hover, #nav-main ul li ul li a:active, #nav-main ul li ul li a.current:hover, #nav-main ul li ul li a.current:active {
								color: #1A2674;
								text-decoration: none;
								background: #FCAF17;
							}
							#nav-main ul li ul li.last a:hover, #nav-main ul li ul li.last a:active, #nav-main ul li ul li.last a.current:hover, #nav-main ul li ul li.last a.current:active {
					      	background: transparent url(../images/nav-bottom-over.gif) top right no-repeat;
								border: none;
							}
							#nav-main ul li.w210 ul.w210 li.lastw210 a:hover, #nav-main ul li.w210 ul.w210 li.lastw210 a:active, #nav-main ul li.w210 ul.w210 li.lastw210 a.current:hover, #nav-main ul li.w210 ul.w210 li.lastw210 a.current:active {
					      	background: transparent url(../images/nav-bottom-210-over.gif) top right no-repeat;
								border: none;
							}
							#nav-main ul li.w160 ul.w160 li.lastw160 a:hover, #nav-main ul li.w160 ul.w160 li.lastw160a:active, #nav-main ul li.w160 ul.w160 li.lastw160 a.current:hover, #nav-main ul li.w160 ul.w160 li.lastw160 a.current:active
							 {
					      	background: transparent url(../images/nav-bottom-160-over.gif) top right no-repeat;
								border: none;
							}
							#nav-main ul li.w173 ul.w173 li.lastw173 a:hover, #nav-main ul li.w173 ul.w173 li.lastw173a:active, #nav-main ul li.w173 ul.w173 li.lastw173 a.current:hover, #nav-main ul li.w173 ul.w173 li.lastw173 a.current:active
							 {
					      	background: transparent url(../images/nav-bottom-173-over.gif) top right no-repeat;
								border: none;
							}
							#nav-main ul li ul li a.haschildren:link, #nav-main ul li ul li a.haschildren:visited {
								background: transparent url(../images/icons/arrow_cccccc.gif) 155px 50% no-repeat;
							}
							#nav-main ul li ul li a.haschildren:hover, #nav-main ul li ul li a.haschildren:active {
								background: #000 url(../images/icons/arrow_cccccc.gif) 155px 50% no-repeat;
							}
							
								/* Level 3 UL */
								#nav-main ul li ul li ul {
									display: none;
									position: absolute;
									top: -1px;
									left: 150px;
									z-index: 220;
									list-style: none outside;
									width: 100%;
									margin: 0 0 0 0px;
									padding: 0;
									background: #8c8c8c;
									border-top: solid 1px #000;
								}
									/* Level 3 LI */
									#nav-main ul li ul li ul li {
										clear: none;
										margin: 0;
										padding: 0;
										color: #eee;
										font-weight: bold;
										font-size: 1em;
										border: none;
										border-bottom: solid 1px #9e9e9e;
									}
									#nav-main ul li ul li ul li.last {
										border-bottom:none;
									}
										/* Level 3 A */
										#nav-main ul li ul li ul li a {
											display: block;
											width: 128px;
											padding: 4px 21px;
											margin: 0;
										}
										/* Level 3 A - width 210px;*/
										#nav-main ul li ul li ul li.w210 a {
											display: block;											
											padding: 4px 21px;
											margin: 0;
										}
										#nav-main ul li ul li ul li a:link, #nav-main ul li ul li ul li a:visited {
											color: #eee;
											text-decoration: none;
											background: transparent;
										}
										#nav-main ul li ul li ul li a.current:link, #nav-main ul li ul li ul li a.current:visited, #nav-main ul li ul li ul li.last a.current:link, #nav-main ul li ul li ul li.last a.current:visited {
											color: #eee;
											background: #555;
										}
										#nav-main ul li ul li ul li a:hover, #nav-main ul li ul li ul li a:active, #nav-main ul li ul li ul li.last a.current:hover, #nav-main ul li ul li ul li.last a.current:active {
											color: #1A2674;
											text-decoration: none;
											background: #FCAF17;
										}
					
					/* This makes the hover magic work */
					#nav-main ul li:hover ul, #nav-main ul li.over ul {
						display: block;
					}
					/* This preserves cascade order so the level 3 ul isn't always showing */
					#nav-main ul li ul li ul, #nav-main ul li:hover ul li ul, #nav-main ul li.over ul li ul {
						display: none;
					}
					/* This restores the hover magic to level 3 ul */
					#nav-main ul li:hover ul li:hover ul, #nav-main ul li.over ul li.over ul {
						display: block;
					}
		
	
	
	

#content-left {
	width: 200px;	
	float: left;	
	text-align: right;
	padding: 20px 0 20px 0;
}

#content-left, #content-left a{
	color: #1A2674;
	text-decoration: none;
}

#content-left ul li{
	list-style-type: none;
	padding: 5px 0 5px 0;
}

#content-right {
    color: #1A2674;
	float: right;
	text-align: left;
	width: 690px; 		
	padding: 20px 20px 20px 0;	
}	

#content-right a{
	color: #1B9EEE;
	text-decoration: none;
}

#content-right a:hover, a:active {
	color: #FFA334;
}

#content-right .newsBox {background: url(../images/box_3.jpg) no-repeat; }
#content-right .newsBox p {font-size: 11px; width: 149px; padding: 35px 10px 10px 15px; margin-right: 10px;}
#content-right .newsBox .news1 {font-size: 11px; width: 149px; padding: 15px 10px 0 15px; margin-right: 10px;}
#content-right .newsBox .news2 {font-size: 11px; width: 149px; padding: 5px 10px 10px 15px; margin-right: 10px;}
/* Headings */
h3, h4, h5, h6 {margin: 0 0 1em 0; padding: 0;}


/* =Footer
----------------------
	Credit/footer styles: Usually the copyright/company info
	Notes:
---------------------- */
#siteinfo {	
   clear:both;
	position: relative; /* for footer-stick */
	bottom: 8px;
	height: 5em;
	padding: 0;
	margin: -5em auto 0; /* negative margin makes footer-stick work */
	width: 1000px;	
	font-size: 11px;
	color: #1A2674;
	z-index: 210;
}
	#siteinfo-legal {
	   width: 260px;
		float: left;
		text-align: center;
		display: inline;
		padding: 20px 0 5px 15px;
	}
	#siteinfo-links {
	   width: 690px;
		float: right;
		text-align: left;
		display: inline;
		padding: 20px 20px 5px 0;
	}
	#siteinfo a:link, #siteinfo a:visited {
		color: #1A2674;
		text-decoration: none;
	}
	#siteinfo a:hover, #siteinfo a:active {
		color: #1A2674;
	}

/* =Uni
----------------------
	Universal styles: Styles that apply to elements found throughout the site
	Notes:
		The best example of this is the "clear" div
---------------------- */
.clear {
	clear: both;
	height: 1%;
	font-size: 1%;
	line-height: 1;
	width: 100%;
	margin: 0;
	padding: 0;
}


.listLeft {
	float: left; width: 10%;
}

.listRight {
	float: left; width: 90%;
}