/* Styles local to your site */
/* make this site Fixed Width! */

body {
	min-width: 97%;
	/* zoom is for stupid IE bugs */
	zoom: 1;
}

#wrap {
	background: #fff;
	margin: 0.8em auto 4em auto !important;
	width: 97%;
	min-width: 950px;
	max-width: 950px;
}

/* position of toplinks has to be readjusted for the LSA header */

#topLinks2 {
	margin-top: -56px !important;
}

/* different banner background */
#headerNewStretchy {
	background: #006094 url('../images/banner/LSABannerBkgd.jpg') top left no-repeat !important;
}

/* end of fixed-width directives */


/* The following div styling classes are built to contain an image and an h6. 
Enclose the caption for the image in the h6, and place it after the image.
the image's width is used to drive the explicit width of the div by a javascript that runs
on every page. The containing div's width doesn't have to be manually supplied with an in-line style
the style 'imageBoxLeft' floats left; 'imageBoxRight' floats right; please put a
clearing div after the div containing the image if you need the next paragraph to 
be 'cleared' of the image. */

div.imageBoxLeft {
		float: left;
		padding-right: 15px;
		padding-top: 6px;
		padding-bottom: 1px;
		margin-bottom: 5px;
		padding-left: 2px;
}
	
div.imageBoxRight {
		float: right;
		padding-left: 15px;
		padding-top: 6px;
		padding-bottom: 1px;
		margin-bottom: 5px;
		padding-right: 5px;
}
	
div.imageBoxLeft img, div.imageBoxRight img {
		border: 1px solid #666;
		margin-bottom: 1px;
}

div.imageBoxLeft h6, div.imageBoxRight h6 {
		font-size: 1em;
		font-style: italic;
		font-weight: normal;
		text-align: left;
		margin: 1px;
		color: #333333;
	}	
	
div#pubs p {
	text-indent: -20px !important;
	margin-left: 30px;
}

/* this talk2 class makes pretty tables like in jcsda */

div.newGrid {
	padding: 6px;
	border: 1px solid #F1C52B;
}

table.newGrid {
	border-width: 1px 0px 0px 1px;
	border-color: #F1C52B; /* #F1C52B (orange for JCSDA); #FBD64E; */
	border-style: solid;
	background-color: #fff;
	padding: 3px;
	border-collapse: collapse; 
	width: 100%;
}

table.newGrid th {
	border-width: 0px 1px 0px 0px;
	border-color: #F1C52B;
	border-style: solid;	
	color: #444;
	background-color: #FBF7D3;
}

table.newGrid caption {
	font-weight: bold;
	text-align: left;
	color: #282888;
	font-size: 1.1em;
	margin-top: 0px;
	padding: 5px;
}

table.newGrid td, table.newGrid th {
	padding: 6px;
	border-bottom: 1px solid #F1C52B;
	border-right: 1px solid #F1C52B; 
}

table.newGrid th h3, table.newGrid td h3 {
	padding: 0px !important;
	margin: 0px !important;
	color: #282888;
	text-align: left !important;
}