/* MAIN SITE CSS FILE
----------------------------------------- */


body {
	background: url(/site/images/body_bg.gif) top repeat-x #163455;
	margin:0;
	padding: 0 0 0 0;
	font-family: arial, sans-serif;
	color: #333;
	font-size: 12px;
}


.expandForPrint,
.expandForTextOnly {
	display: none;
}

.clear,
.clr {
	clear: both;
	height: 1px;
	overflow: none;
	display: block;
}

p {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

a, a:visited {
	color: #0067bc;
	text-decoration: none;
}

/* headings
----------------------------------------- */
h1, h3, h4 {
	color: #009ec3;
	text-transform: none;
}

h1 {
	font-size: 20px;
	font-weight: normal;
}
	
h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
	h2 span {
		font-size: 12px;
	}
	
h3 {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
	h3 a, h3 a:visited {
		color: #009ec3;
	}
h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0;
}



/* Main content areas
----------------------------------------- */



#container {
  width: 777px;
  margin: 0 auto;
  position: relative;
}
#container, x:-moz-any-link { opacity: 0.9999; }
#container, x:-moz-any-link, x:default { opacity: 1; }
/* Hack for safari only */
/*\*/
	html>body*#container { opacity: 1; }
/**/

	#mainContent {
		float: right;
		width: 554px;
		line-height: 1.4em;
		margin: 0 0 0 0;
		background: #FFF;
	}
	
	.picR 	{
		float: right;
		margin-left: 14px;
		margin-bottom; 5px;
		}
		
		#splashImage {
			height: 173px;
			background: black;
			position: relative;
			overflow: hidden;
		}
			#splashImageText {
				position: absolute;
				bottom: 0;
				left: 0;
				height: 15px;
				z-index: 200;
				width: 554px;
				background: url(/site/images/bar.jpg) bottom left no-repeat;
			}
				#splashImageText div {
					position: absolute;
					bottom: 2px;
					left: 0;
					height: 13px;
					width: 551px;
					background: url(/site/images/splash_text_shadow.png) bottom right repeat-y;
					font-size: 10px;
					color: #ccc;
					text-align: right;
					padding: 1px 3px 0 0;
					line-height: 10px;
				}
				*html #splashImageText div {
					bottom: 1px;
					background: none;
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/images/splash_text_shadow.png', sizingMethod='scale');
				}
				
						
#topNavigation {
	background: url(/site/images/nav_bg.gif) 0 0px repeat-x;
	padding: 0 0 0 43px;
	height: 31px;
	border-top: 1px solid #000;
}
		
		#topNavigation a {
			float: left;
			display: inline;
			margin: 0 0 0 1px;
			font-size: 0.7em;
		}
			#topNavigation a span {
				display: block;
				background: url(/site/images/nav_mask.gif) bottom repeat-x;
			}

		#n_home {
			background-image: url(/site/images/n_home.gif);    /* rollover state */
			width: 69px;
			height: 36px;
		}
			#n_home span {
				width: 69px;
				height: 36px;
			}
		#n_information {
			background-image: url(/site/images/n_information.gif);    /* rollover state */
			width: 106px;
			height: 36px;
		}
			#n_information span {
				width: 106px;
				height: 36px;
			}
		#n_funding {
			background-image: url(/site/images/n_funding.gif);    /* rollover state */
			width: 91px;
			height: 36px;
		}
			#n_funding span {
				width: 91px;
				height: 36px;
			}
		#n_networking {
			background-image: url(/site/images/n_networking.gif);    /* rollover state */
			width: 110px;
			height: 36px;
		}
			#n_networking span {
				width: 110px;
				height: 36px;
			}
		#n_training {
			background-image: url(/site/images/n_training.gif);    /* rollover state */
			width: 89px;
			height: 36px;
		}
			#n_training span {
				width: 89px;
				height: 36px;
			}
	
		/* common */
		.rollover { display: block; } /* Allow setting widths and heights */
		.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
		.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
		.rollover:hover span { visibility: hidden; } /* 'rolls over' the image */
		.rollover .current { visibility: hidden; }
		/* END navigation*/
			
			
			
			
				
		#content {
			padding: 30px 20px 15px 20px;
			margin: 0 0 20px 0;
			min-height: 250px;
			height: auto !important;
			height: 250px;
		}
			#content h1 {
				font-weight: bold;
				font-size: 20px;
				margin: 0 0 10px 0;
				border-bottom: 1px solid #eaeaea;
				padding: 0 0 5px 0;
			}
		
		#logos {
			clear: both;
			margin-top: 10px;
			height: 60px;
			padding-top: 22px;
			border-top: 1px solid #eaeaea;
			margin: 0 20px;
		}
		#nonJsLogos {
			text-indent: -9999px;
			overflow: hidden;
			height: 5px; 
		}
		#slidebox {
			display:block;
			height:50px;
			margin:0 auto 0;
			overflow:hidden;
			padding:0;
			position:relative;
			text-align:left;
			white-space:nowrap;
			width:516px;
		}
		#slidebox a {
			margin: 0 11px 0 0;
			margin: 0;
		}
		#slidebox a img {
			border: 0;
			
		}
		
		
		
			#logosx ul {
				position: relative;
			}
			#logosx li {
				float: left;
				display: inline;
				margin: 0 11px 0 0;
				font-size: 0.7em;
			}
				#logosx a {
					display: block;
				}
	
			#logos_1 {
				background-image: url(/site/images/linkicons/on_01.gif);    /* rollover state */
				width: 83px;
				height: 35px;
			}
				#logos_1 a {
					background-image: url(/site/images/linkicons/off_01.gif);    /* rollover state */
					width: 83px;
					height: 35px;
				}
			#logos_2 {
				background-image: url(/site/images/linkicons/on_02.gif);    /* rollover state */
				width: 106px;
				height: 35px;
			}
				#logos_2 a {
					background-image: url(/site/images/linkicons/off_02.gif);    /* rollover state */
					width: 106px;
					height: 35px;
				}
			#logos_3 {
				background-image: url(/site/images/linkicons/on_03.gif);    /* rollover state */
				width: 65px;
				height: 35px;
			}
				#logos_3 a {
					background-image: url(/site/images/linkicons/off_03.gif);    /* rollover state */
					width: 65px;
					height: 35px;
				}
			#logos_4 {
				background-image: url(/site/images/linkicons/on_04.gif);    /* rollover state */
				width: 102px;
				height: 35px;
			}
				#logos_4 a {
					background-image: url(/site/images/linkicons/off_04.gif);    /* rollover state */
					width: 102px;
					height: 35px;
				}
			#logos #logos_5 {
				background-image: url(/site/images/linkicons/on_05.gif);    /* rollover state */
				width: 107px;
				height: 35px;
			}
				#logos_5 a {
					background-image: url(/site/images/linkicons/off_05.gif);    /* rollover state */
					width: 107px;
					height: 35px;
				}
			#logos #logos_6 {
				background-image: url(/site/images/linkicons/on_06.gif);    /* rollover state */
				width: 107px;
				height: 35px;
			}
				#logos_6 a {
					background-image: url(/site/images/linkicons/off_06.gif);    /* rollover state */
					width: 107px;
					height: 35px;
				}
			#logos #logos_7 {
				background-image: url(/site/images/linkicons/on_07.gif);    /* rollover state */
				width: 107px;
				height: 35px;
			}
				#logos_7 a {
					background-image: url(/site/images/linkicons/off_07.gif);    /* rollover state */
					width: 107px;
					height: 35px;
				}
		
				/* common */
			#logos .rollover { } /* Allow setting widths and heights */
			#logos .rollover a:hover { background:none; } /* 'rolls over' the image */
			/* END navigation*/
		
		
		
		#mainContent .bottom {
			background: url(/site/images/content_bottom.gif) bottom left no-repeat;
			height: 15px;
			clear: both;
		}



/* sidebar
----------------------------------------- */


	#sidebar {
		width: 223px;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		font-size: 11px;
	}
		#sidebar #logo {
			color: #FFF;
			background: url(/site/images/logo.gif) top right no-repeat;
			height: 205px;
			margin: 0 0 15px 0;
		}
		
		#sidebar #mediaLogo {
			color: #FFF;
			background: url(/site/images/media_logo.gif) 40px 0 no-repeat;
			height: 30px;
			margin: 0 0 10px 0;
		}
			#sidebar #mediaLogo a {
				height: 30px;
				display: block;
			}
		

		#sidebar #menu {
		}
			#sidebar #menu h2 {
				background: url(/site/images/sidebar_top_color0.gif) top right no-repeat;
				color: #FFF;
				margin: 0;
				font-weight: normal;
				text-transform: uppercase;
				font-size: 16px;
				padding: 11px 17px 3px 17px;
				height: 22px;
			}
			#sidebar #menu h3 {
				background: url(/site/images/sidebar_middle_color0.gif) bottom right no-repeat;
				color: #FFF;
				font-weight: normal;
				margin: 0;
				padding: 5px 17px;
				font-size: 15px;
			}
			
			#sidebar #menu .bottom {
				height: 5px;
				overflow: hidden;
				background: url(/site/images/sidebar_bottom_color2.gif) top right repeat;
			}
			
			#sidebar #menu .area {
				padding: 10px 17px;
				background: url(/site/images/sidebar_area_color2.gif) top right repeat-y #e8f5fa;
			
			}
						*html #sidebar #menu .area { padding-bottom: 10px; }
				#sidebar #menu .area ul {
					list-style: none;
					margin: 0;
					padding: 0;
				}
					#sidebar #menu .area ul li {
						clear: both;
						margin: 0 0 8px 0;
						padding: 2px 0 0 18px;
						min-height: 14px;
						height: auto !important;
						height: 14px;
						background: url(/site/images/sidebar_pgicon_color2.gif) top left no-repeat;
					}
						#sidebar #menu .area a,
						#sidebar #menu .area a:visited  {
							font-weight: bold;
							color: #333;
							text-decoration: none;
						}
						#sidebar #menu .area ul li.active a,
						#sidebar #menu .area ul li.active a:visited  {
							color: #009ec3;
							font-weight: bold;
							text-decoration: none;
						}
				#sidebar #menu .area ul.search {
					padding: 0;
					margin: 0;
					min-height: 18px;
					height: auto !important;
					height: 18px;
				}
					#sidebar #menu .area ul.search li {
						background: url(/site/images/sidebar_searchicon_color0.gif) 0 4px no-repeat;
						padding: 0 0 0 18px;
						margin: 0;
					}
						#sidebar #menu .area ul.search input {
							border: 1px solid #CCC;
							width: 140px;
							font-size: 1em;
							padding: 2px;
							margin: 0;
						}
				
				#sidebar div.search {
					margin: 0 0 20px 0;
					padding: 0;
					background: url(/site/images/sidebar_searchicon_color0.gif) 0 22px no-repeat;
				}
			
			
				/* other bits 
				--------------------------------- */
				
				#sidebar .link {
					display: block;
					clear: left;
					padding: 6px 0 0 0;
					margin: 0 0 3px 0;
					min-height: 10px;
					height: auto !important;
					height: 10px;
					font-weight: bold;
				}
					#sidebar .next a {
						background: url(/site/images/sidebar_arrow_color0.gif) 1px 0px no-repeat;
						padding-left: 18px;
					}
					
					#sidebar  .next a, 
					#sidebar .next a:visited {
						text-decoration: none;
					}
					#sidebar .next a:hover {
						text-decoration: underline;
					}		
	
				
				.mailingListInput {
					border: 1px solid #CCC;
					width: 162px;
					font-size: 1em;
					padding: 2px;
				}
	

/* footer */
#footer {
	clear: both;
	margin: 0 0 40px 223px;
	padding: 6px 5px 0 5px;
	width: 544px;
	color: #fff;
	font-size: 11px;
}
	#footer a,
	#footer a:visited {
		color: #fff;
		font-weight: normal;
	}
	#footer #artlogic {
		color: #ccc;
		padding: 3px 0 0 0;
		display: block;
	}
		#footer #artlogic a,
		#footer #artlogic a:visited {
			color: #ccc;
			font-weight: normal;
		}



/* other bits 
--------------------------------- */

.link {
	display: block;
	clear: left;
	padding: 6px 0 0 0;
	margin: 0 0 3px 0;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	font-weight: bold;
}
	.next a {
		background: url(/site/images/pointer.gif) 1px 0 no-repeat;
		padding-left: 18px;
	}
	
	.next a, 
	.next a:visited {
		color: #333;
							text-decoration: none;
		font-weight: bold;
	}
	.next a:hover {
		text-decoration: underline;
	}
	
	.back a {
		background: url(/site/images/back.gif) 0px 0px no-repeat;
		padding-left: 10px;
	}
	
	.back a, 
	.back a:visited {
		color: #333;
							text-decoration: none;
		font-weight: bold;
	}
	.back a:hover {
		text-decoration: underline;
	}	
					
					
/* pagination
------------------------------------ */

.previousNext {
	padding: 20px 0 0 0;
	clear: both;
	border-top: 1px solid #CCC;
	font-size: 0.95em;
	height: 25px;
}
			#events .previousNext {
				border: 0;
				padding: 10px 0 0 0;
				margin: 0 0 10px 0;
			}
	.menuContainer {
		float: right;
	}
		.menuContainer select {
			border: 1px solid #999;
			font-size: 11px;
		}
	
	.pipe1, .pipe2 {
		display: none;
	}
	
	.links {
		float: left;
	}
		.previousLink {
			border-right: 1px solid #666;
			padding: 0 5px 0 0;
		}
			.previousLink a {
				background: url(/site/images/back.gif) top left no-repeat;
				padding: 0px 0 3px 8px;
			}
		.nextLink {
			padding: 0 0 0 5px;
		}
			.nextLink a {
				background: url(/site/images/next.gif) top right no-repeat;
				padding: 0px 8px 3px 0;
			}
			
	.disabled {
		color: #999;
	}





/* form controls */

.dropDownInput {
	width: 150px;
	border: 1px solid #CCC;
	font-size: 1em;
}

.textInput {
	width: 150px;
	border: 1px solid #CCC;
	font-size: 1em;
}


.information_recordRowBreakField {
	border-top: 1px solid #CCC;
	padding: 5px 0 0 0;
	margin: 0 0 10px 0;
}
.recordRowHeading {
	margin: 0 0 3px 0;
}
.recordRowLink {
	font-weight: normal;
}
.recordRowMore {
	margin: 0 0 20px 0;
	font-weight: bold;
	font-size: 0.95em;
}



.recordRowBreakField {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eaeaea;
	font-size: 17px;
	padding-top: 10px;
	color: #0067bc;
	width: 100%;
	clear: both;
	float: left;
	display: inline;
}

#news {
	
}
	#news ul {
		margin: 0;
		padding: 0;
		list-style: none;	
	}
		#news li {
			padding: 0 0 5px 0;
			margin: 0 0 15px 0;
			border-bottom: 1px solid #eaeaea;
			width: 100%;
			float: left;
			display: inline;
			clear: both;
		}
		#news li .link {
			float: left;
			clear: none;
			margin-right: 20px;
		}
	

.glossaryTerm	{
			font-weight: bold; }