body {
	font-size : 74%;
	margin : 0;
	background-color : #42735c;
	background-image : url("../images/background-gradient.gif");
	background-position : top;
	background-repeat : repeat-x;
}
p, td, div, input, select, textarea, h1, h2, h3 {
	font-family : verdana, sans-serif;
	color : #000;
}
h1, h2, h3 {
	margin : 0;
}
p, td, div, input, select, textarea, h3 {
	font-size : 1.0em;
}
p, td, div {
	line-height : 1.5em;
}

div, td, table, textarea, span {
	box-sizing : content-box;
	-moz-box-sizing : content-box;
}
td {
	vertical-align : top;
}
img {
	border : 0;
}

a, a:active {
	color : #0082b2;
}
	a:hover {
		color : #1da6d9;
	}
	a:visited {
		color : #5b8898;
	}

h1 {
	font-size : 1.6em;
	color : #4f7c7e;
	margin-bottom : 1.0em;
}
h2 {
        font-size : 1.4em;
        color : #4f7c7e;
        margin-bottom : 1.0em;
}

#topnav {
	vertical-align : bottom;
	line-height : 33px;
	background-color : #507e69;
	padding-left : 32px;
	/*width : 472px;*/
	height : 68px;
}
	#topnav ul {
		list-style-type : none;
		margin : 0;
		margin-left : 6px;
		padding-left : 6px;
	}
		#topnav ul li {
			display : inline;
			margin : 0;
			height : 30px;
			
		}
	#topnav a, #topnav a:active, #topnav a:visited {
		padding : 9px 5px 15px 5px;
		color : #fff;
		text-decoration : none;
		font-size : 1.0em;
		font-weight : bold;
	}
		#topnav a:hover {
			background-color : #689782;
		}
	
#leftborder {
	width : 1px;
	background-image : url("../images/Slice_14.gif");
	background-repeat : repeat-y;
}
	
#left {
	/* width with padding: 171px 
	 * NOTE: spacer images below must have width adjusted when this is changed
	 */
	padding : 25px 16px 10px 16px;
	width : 139px;
	background-color : #fff;
}
	#left img.spacer {
		width : 139px;
		height : 1px;
	}
	#left .nav {
		font-weight : bold;
		font-size : 1.0em;
		line-height : 1.3em;
	}
		#left .nav ul {
			list-style-type : none;
			margin : 0;
			margin-left : 0px;
			padding-left : 0px;
		}
			#left .nav ul li {
				margin-bottom : 1.0em;
			}
		#left .nav a, #left .nav a:active {
			color : #006b93;
			text-decoration : none;
		}
			#left .nav a:hover {
				color : #1da6d9;
			}
			#left .nav a:visited {
				color : #658895;
			}

#content {
	width : 100%;
	background-color : #fff;
	padding : 10px 20px 20px 0;
}
	#content .content {
		max-width : 800px;
	}

#right {
	/* width with padding: 146px 
	 * NOTE: spacer images below must have width adjusted when this is changed
	 */
	padding : 0px 12px 10px 12px;
	width : 147px;
	background-color : #e9ede9;
}
	#right img.spacer {
		width : 147px;
		height : 1px;
	}
	#right h2 {
		font-size : 1.4em;
		color : #4f7c7e;
		margin : 0 0 0.4em 0;
	}

#rightborder {
	width : 7px;
	background-image : url("../images/Slice_22.gif");
	background-repeat : repeat-y;
}

#footer {
	width : 100%;
	background-color : #fff;
	color : #9cada9;
	font-size : 0.8em;
	text-align : center;
	padding-right : 30px;
}
	#footer a, #footer a:active, #footer a:visited, #footer a:hover {
		color : #9cada9;
	}

div.newssectionarticle {
	margin-bottom : 1.2em;
}
div.newssectionarticle h2 {
	margin-bottom : 0;
	font-size : 1.3em;
}
div.newssectionarticle div.date {
	margin-top : 0.3em;
	font-style : italic;
}
div.newssectionarticle div.summary {
	margin-top : 0.6em;
}

.right { float: right; }
.left { float: left; }

img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.caption { text-align : center; margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:90%; color: black }
.caption .text { width : 170px; text-align : center; margin-top : 0.4em; margin-left : auto; margin-right : auto;}

/* ie sucks. tell ie something different that other browsers will ignore. otherwise, the margin auto's will
   cause the div to expand. */
.caption .text { margin-left : 0 !ie; margin-right : 0 !ie; }