/* 
SITE STYLES FOR AIT Bioscience 
------------------------------
*/

/* GENERAL CSS RESET STYLES */
body {
	background-color: #fff;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 			
	margin: 0;
	padding: 0;
}

	form {
		margin: 0;
		padding: 0;
	}
	
	img {
		border: 0;
	}
	
	/* removes Firefox "dashed" border around links */
	a:active, a:focus, input[type="image"] {
		-moz-outline-style: none;
	}
	
	/* used to fix bug in browser rendering images within hyperlinks */
	a img {
		margin: 0;
		padding: 0;
		vertical-align: bottom;
	}
	
	h1, h2, h3, h4, h5, h6, p {
		margin-top: 0;
	}

    hr {
        clear: both;
        height: 1px;
        color: #666666;
        background-color: #666666;
        padding: 0;
        border: 0;
    }

	.clearBoth {
		clear: both;
	}
	
	.ulFormat {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.dlFormat {
		margin: 0;
		padding: 0;
	}
	
		.dlFormat dd {
			margin: 0;
			padding: 0;
		}

/* LAYOUT STYLES */
	
	/* Site Header */
	#siteHeaderHomeWrapper {
		background-image: url('../images/bg_header_repeat.gif');
		background-position: bottom;
		background-repeat: repeat-x;		
	}
	
		#siteHeaderHomeBase {
			background-image: url('../images/bg_header_home_base.gif');			
			margin: 0 auto;
			width: 960px;
		}
		
			#siteHeaderHome {
				background-image:url('../images/bg_sectionhead_home.jpg');
				background-position: top right;
				background-repeat: no-repeat;				
				background-color: #9fad3e;
				height: 300px;
				margin: 0 auto;
				position: relative;
				width: 940px;
			}	

				#headerLogo {
					left: -23px;
					position: absolute;
					top: 41px;
					width: 377px;
				}

				#headerTagline {
					bottom: 34px;
					left: 25px;
					position: absolute;
				}
	
	#siteHeaderInteriorWrapper {
		background-image: url('../images/bg_header_repeat.gif');
		background-position: bottom;
		background-repeat: repeat-x;
		/*height: px*/
	}
	
		#siteHeaderInteriorBase {
			background-image: url('../images/bg_header_interior_base.gif');
			margin: 0 auto;
			width: 960px;
		}
	
			#siteHeaderInterior, .siteHeaderInterior {
				height: 210px;
				margin: 0 auto;
				position: relative;
				width: 940px;
			}
	
	/* Site Body */
	#siteBodyWrapper {
		background-image: url('../images/bg_body_repeat.gif');		
		background-position: 0px 14px;
		clear: both;			
	}
	
		#siteBodyWrapperDropShadow {
			background-image: url('../images/bg_body_repeat_top.gif');		
			background-position: 0px 0px;
			background-repeat: repeat-x;
		}

		#siteBodyBase {			
			background-image: url('../images/bg_body_base.png');
			background-repeat: repeat-y;			
			margin: 0 auto;
			width: 960px;
		}
		
			#siteBody {
				background-image: url('../images/bg_content_top.gif');
				background-repeat: repeat-x;
				min-height: 300px;
				height: auto !important;
				height: 300px;		
				margin: 0 10px;				
				padding: 20px 0 40px 0;
				width: 940px;				
			}

				#mainColumnLeft {
					float: left;
					margin-left: 23px;
					width: 275px;
				}

					/* Site Search */
					table#searchBox {
						margin: 0 0 30px 7px;						
						width: 186px;
					}

						.searchInput {
							border-bottom: 1px solid #d9deb2;
							border-left: 1px solid #d4dcc5;
							border-right: 1px solid #d9deb2;
							border-top: 1px solid #d4dcc5;
							color: #666;
							font-size: 10px;
							height: 12px;
							padding: 2px 5px;
							width: 154px;
						}

					/* Site Navigation */
					#mainColumnLeft ul#mainNavigation {
						border-top: 1px dotted #9fad3e;
						clear: both;
						font-size: 10px;
						list-style: none;
						margin: 0 0 40px 7px;
						padding: 0;						
						width: 186px;
					}
						#mainNavigation img {
							padding: 2px 3px 0 0;
							vertical-align: top;
						}
		
						#mainNavigation li, #mainNavigation li.offState {
							border-bottom: 1px dotted #9fad3e;														
							font-size: 10px;
							padding: 3px 0;																			
						}
						
							#mainNavigation li a {
								color: #718c3f;								
								font-size: 10px;								
								text-decoration: none;
							}
							
							#mainNavigation li a:hover, #mainNavigation li a:active {
								color: #333;																
							}
							
								#mainNavigation li.onState {
									border: 0;
									color: #333;
									padding: 3px 0 0 0;
								}						
								
									#mainNavigation ul.mainNavigationSub {
										border-top: 1px dotted #9fad3e;										
										font-size: 10px;
										list-style: none;
										margin: 3px 0 0 0;
										padding: 0;									
									}
									
										#mainNavigation .mainNavigationSub li {
											border-bottom: 1px dotted #9fad3e;																						
											font-size: 10px;						
											padding: 3px 0 3px 12px;
										}									
										
										#mainNavigation .mainNavigationSub li.last {
											border-bottom: 0;											
											font-size: 10px;								
											padding: 3px 0 3px 12px;											
										}
											#mainNavigation .mainNavigationSub li a {
												color: #9fad3e;																								
												font-size: 10px;	
												text-decoration: none;
											}
											
												#mainNavigation .mainNavigationSub li a:hover, #mainNavigation .mainNavigationSub li a:active {
													color: #666;																								
												}
												
													#mainNavigation .mainNavigationSub li.onSubState {
														border-bottom: 1px dotted #9fad3e;
														border-top: 1px dotted #9fad3e;														
														color: #666;													
														font-size: 10px;	
														padding: 3px 0 3px 12px;
													}

					/* Callout Module */	
					.calloutModule {
						background-image: url('../images/bg_callout_repeat.gif');
						margin-bottom: 7px;
						width: 275px;
					}
			
						.calloutModule dt {
							background-image: url('../images/bg_callout_heading.gif');
							color: #718c3f;
							font-size: 12px;
							height: 25px; 
							padding: 22px 0 0 24px;							
						}

							.calloutModule dt span {		
								clear: none;
								text-transform: uppercase;
							}

						.calloutModule dd {
							background-image: url('../images/bg_callout_footer.gif');
							background-position: bottom;
							background-repeat: no-repeat;
							color: #718c3f;
							font-size: 10px;
							line-height: 12px;
							padding: 10px 24px 17px 24px;
						}

							.calloutModule dd p {
								margin-top: 0;
							}

					/* News Module */
					.newsModule {
						background-image: url('../images/bg_module_repeat.gif');
						background-repeat: repeat-y;
						float: left;
						
						margin-bottom: 7px;
						width: 275px;
					}
					
						.newsModule dt {
							background-image: url('../images/bg_module_heading.gif');
							color: #FFF;
							font-size: 12px;							
							height: 25px;
							padding: 22px 25px 0 25px;
							width: 225px;
						}
	
							.newsModule dt span {		
								clear: none;
								text-transform: uppercase;
							}


						.newsModule dd {
							background-image: url('../images/bg_module_footer.gif');
							background-position: bottom;
							background-repeat: no-repeat;
							float: left;
							font-size: 10px;
							padding: 15px 25px 17px 25px;
						}
	
							.newsModule dd table {
								background-image: none;												
							}
		
								.newsModule dd table th, .newsModule dd table td {
									background-image: none;
									float: left;
									padding: 0;
									vertical-align: top;
								}
	
									.newsModule dd table th {										
										width: 70px; 
									}
	
									.newsModule dd table td {
										float: left;
										padding-left: 15px;
										width: 140px;
									}
		
										.newsModule dd table td ul {
											margin: 0;
											padding-left: 1em;
										}	
										
											.newsModule dd table td ul li {
												line-height: 12px;
												margin-bottom: 5px;
											}	
		
												.newsModule dd table td ul li a {
													color: #718c3f;
												}
					
													.newsModule dd table td ul li a:hover, .newsModule dd table td ul li a:active {
														color: #333;
													}

				#mainColumnRight {
					float: left;
					line-height: 16px;
					margin: 5px 23px 0 35px;
					width: 584px;
				}

					/* Home Page Styles */
		
					#contentPaddingHome {						
						padding: 15px 7px 0 7px;
					}

					/* Home Feature */
					#homeFeatureContainer {						
						background-image: url('../images/bg_feature_separator.gif');
						background-repeat: repeat-y;
						background-position: 290px 3px;							
						position: relative;
						width: 584px;
					}
						
	
						#featureContainer1 {							
							left: 0;							
							position: absolute;
							top: 0;
							z-index: 3;
						}
	
						#featureContainer2 {
							left: 0;							
							position: absolute;
							top: 0;
						}
	
		
							.featureHeader, .featureFooter {
								font-size: 0;
								line-height: 0;
							}
		
							.featureContent {
								background-image: url('../images/bg_feature_repeat.gif');
								background-repeat: repeat-y;
								float: left;
								height: 140px;
								position: relative;
								width: 584px;
							}
		
								.featureContent ul {
									min-height: 120px;
									height: auto !important;
									height: 120px;
									width: 584px;
								}
		
									.featureContent ul li {
										float: left;
										margin-left: 37px;
										width: 255px;
									}
				
										.featureContent ul li dl dt {
											font-size: 0;
											line-height: 0;
											height: 70px;
										}
		
										.featureContent ul li dl dd.leftItem {
											padding: 5px 20px 0 8px;
										}
		
										.featureContent ul li dl dd.rightItem {
											padding: 5px 25px 0 3px;
										}
			
											.featureContent ul li dl dd p {
												color: #FFF;
												font-size: 11px;
												line-height: 13px;
												margin-bottom: 10px;
											}

												.featureContent ul li dl dd a {
													color: #FFF;
												}
					
												.featureContent ul li dl dd .moreLink {
													color: #E0E0E0;
												}

					/* Interior Styles */
					#contentPaddingInterior {			
						clear: both;
						padding: 5px 17px 0 7px;
					}

						#breadCrumbBlock {							
							font-family: Verdana, Arial, Helvetica, sans-serif;						
							font-size: 10px;							
							padding: 0 0 10px 0;			
						}
						
							#breadCrumbBlock p {
								float: left;
								line-height: 12px;
								margin-top: 0;
								padding-left: 7px;
								width: 400px;
							}


							#breadCrumbBlock a {
								color: #718C3F;
								font-size: 10px;
								margin-top: 0;
							}
							
								#breadCrumbBlock a:hover, #breadCrumbBlock a:active {
									color: #718C3F;
									text-decoration: underline;
									font-size: 10px;
								}
							
							#toolBarBlock {
								float: right;
								margin-left: 0px;								
								padding-bottom: 10px;
								width: 170px;						
							}

								#toolBarBlock img {
									float: right;
									padding-left: 10px;
								}

					.rightRail {
						clear: right;
						float: right;
						margin: 0 0 15px 30px;
						width: 200px;
					}	

						.caption {
							color: #9fad3e;
							font-size: 9px;
							line-height: 12px;
						}

	/* Site Footer */
	#siteFooterWrapper {
		background-image: url('../images/bg_footer_repeat.gif');
		background-repeat: repeat-x;
		clear: both;
	}

		#siteFooterBase {
			background-image: url('../images/bg_footer_base.gif');
			height: 100px;
			margin: 0 auto;
			width: 960px;			
		}
		
			#siteFooter {							
				margin: 0 auto;
				padding-top: 20px;
				width: 880px;
			}
			
				#siteFooter table {					
					width: 100%;
				}

					#siteFooter table td {
						height: 18px;
					}

					#siteFooter table td.alignRight {
						text-align: right;					
					}

					#siteFooter p {							
						font-size: 9px;
						margin: 0 0 15px 0;
					}
					
						#siteFooter	a {
							color: #666;						
							font-size: 9px;
						}

/* Site Content Styles */
h1 {
	color: #9fad3e;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
}

h2 {
	color: #718c3f;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
}

h3 {	
	font-size: 14px;
	font-weight: normal;
}

h4, h5, h6 {
	font-size: 12px; 
	font-weight: bold;
}

.contentHighlight {
	color: #9fad3e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 	
}

.contentHighlightDark {
	color: #718c3f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 	
}

.contentText {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 	
}

a {
	color: #718c3f;
	text-decoration: none;
}
	a:hover, a:hover {
		text-decoration: underline;
	}

.floatLeft {
	float: left;
	text-align: left;
	caption: Float Left;
}

.floatRight {
	float: right;
	text-align: right;
	caption: Float Right;
}

.noBorder {
	border: 0;
	caption: Remove Borders;
}

.clearBoth {
	clear: both;
	visible: false;
}

.clearLeft {
	clear: left;
	visible: false;
}

.clearRight {
	clear: right;
	visible: false;
}

img.imgLeftAlign {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
	caption: Image Position Left;
}

img.imgRightAlign {
	float: right;
	padding-left: 20px;
	padding-bottom: 10px;
	caption: Image Position Right;
}

hr {
	clear: both;
	height: 1px;
	color: #999999;
	background-color: #999999;
	margin: 15px 0;
	padding: 0;
	line-height: 1px;
}