/**************************************************************************************
******* COMMON STYLES
***************************************************************************************/
body {
	background: #fff;
	color: #000000;
	font: normal 13px/13px Verdana, Helvetica, Arial, sans-serif ;
}
a, a:link, a:visited {color: #000000;}
#container {
	margin: 20px auto 0;
	width: 960px;
}
/**************************************************************************************
******* HEADER STYLES
***************************************************************************************/
#header {position: relative;}
	#header .logo {
		display: block;
		float: left;
		height: 100px;
		margin: 0 0 20px;
		width: 245px;
	}
	#header .tools {float: right;}
		#header .tools label,
		#header .tools input {
			display: block;
			float: left;
			line-height: 22px;
			margin: 0 0 0 5px;
		}
		#header .tools label {font: bold 0.9em/22px "Gotham Book", "Gotham", Verdana, Helvetica, Arial, sans-serif ;}
		#header .tools a,
		.content .control input,
		#newsCallout p.more a {
			background: #fff url(/elements/images/global/blueGradient22.jpg) 0 0 repeat-x;
			color: #fff;
			display: block;
			float: right;
			font: bold 0.875em/22px Verdana, Helvetica, Arial, sans-serif ;
			height: 22px;
			padding: 0 20px;
			width: auto;
		}
		.content .control input {float: none;}
		#header .tools a:hover,
		.content .control input:hover,
		.content .control input:focus,
		.content .control input:active,
		#newsCallout p.more a:hover,
		#newsCallout p.more a:focus,
		#newsCallout p.more a:active {background-position: 0 -22px;}
		#header .tools a {margin: 0 5px;}
		#header .tools input {
			background: #fff;
			border: 1px solid #6d6e70;
			height: 17px;
			padding: 0 0 3px;
			width: 150px;
		}
		#header .tools input.submit {
			background: #fff url(/elements/images/global/loginButtonBG.jpg) 0 0 repeat-x;
			border: none;
			cursor: pointer;
			height: 22px;
			padding: 0;
			text-indent: -9999em;
			width: 22px;
		}
		#header .tools input.submit:hover,
		#header .tools input.submit:focus,
		#header .tools input.submit:active {background-position: 0 -22px;}
	#header .navigation {
		background: #fff url(/elements/images/global/blueGradient40.jpg) 0 0 repeat-x;
		clear: both;
		display: block;
		height: 40px;
		position: relative;
	}
		#header .navigation li,
		#header .navigation li a {
			color: #fff;
			display: block;
			float: left;
		}
			#header .navigation li a {
				font-size: 1em;
				font-weight: bold;
				line-height: 40px;
				padding: 0 20px;
			}
			#header .navigation li:hover a,
			#header .navigation li a:hover,
			#header .navigation li.current a {background: transparent url(/elements/images/global/opaqueSquare.png) 0 0 repeat;}
			#header .navigation li ul {
				background: #a5a7a9;
				left: -9999em;
				position: absolute;
				top: 40px;
				z-index: 100;
			}
			#header .navigation li:hover ul,
			#header .navigation li.hover ul {left: auto;}
				#header .navigation li ul li {
					border-left: 1px solid #fff;
					margin: 5px 0;
				}
				#header .navigation li ul li:first-child,
				#header .navigation li ul li.first-child {border: none;}
					#header .navigation li ul li a {
						font-size: 0.9em;
						line-height: 15px;
						padding: 0 10px;
					}
					#header .navigation li ul li a,
					#header .navigation li:hover ul li a,
					#header .navigation li.current ul li a {background: none;}
					#header .navigation li ul li a:hover {color: #58595b;}
/**************************************************************************************
******* MIDDLE AREA STYLES
***************************************************************************************/
#middle {
	background: #a4dad4 url(/elements/images/global/middleBG.jpg) 0 0 repeat-x;
	margin: 25px 0 0;
	padding: 30px 0 0;
	position: relative;
}
	#middle h1 {
		background: #dcddde;
		color: #2d7ca7;
		font: bold 25px/25px "Gotham Bold", Verdana, Helvetica, Arial, sans-serif ;
		float: left;
		height: 25px;
		margin: 0 0 5px;
		padding: 0 0 0 50px;
		width: auto;
	}
	#middle h2 {
		font: bold 1em/1.1em "Gotham Bold", Verdana, Helvetica, Arial, sans-serif ;
		height: 22px;
		margin: 0 0 5px 0;
		padding: 0;
	}
	#middle p,
	#middle li {
		font-size: 1.025em;
		line-height: 1.5em;
		margin: 0 0 1.5em;
	}
	#middle a {
		color: #2d7ca7;
		font-weight: bold;
	}
	#middle #contentWrapper {background: transparent url(/elements/images/global/middleBGInverse.jpg) 0 bottom repeat-x;}
	#middle .content {
		background-position: right bottom;
		background-repeat: no-repeat;
		clear: both;
		margin: 0;
		padding: 10px 75px 20px 50px;
		position: relative;
	}
		#middle .content ul,
		#middle .content ol {margin: 0 0 1.5em 2em;}
		#middle .content ul {list-style: disc;}
		#middle .content ol {list-style: decimal;}
		#middle .content li {margin: 0 0 0.333em;}
		#middle ol.questions li {margin: 0 0 0.75em;}
			#middle ol.questions li strong {display: block;}
		#middle .content li * {font-size: 1em;}
		#middle .content .sandbag {
			clear: right;
			display: block;
			float: right;
			font-size: 0;
			height: 5px;
			line-height: 5px;
		}
		#middle .content h2 {width: 550px;}
		#middle .content .biographyBannerImage {
			background: #fff;
			border: 1px solid #2d7ca7;
			bottom: auto;
			float: left;
			margin: 0 1em 0.5em 0;
			padding: 1px;
			position: relative;
			right: auto;
		}
		#middle .content img.pageBannerImage {
			display: block;
			float: right;
			margin: 0 -75px -20px 10px;
		}
		#middle .content img.sidebar {margin: 0 -50px 20px 20px;}
		#middle .content #contactInfo {
			float: left;
			width: 340px;
		}
			#middle .content #contactInfo h2 {width: 340px;}
	#middle .shadowed {
		box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.333);
		-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.333);
		-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.333);
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#7ca5a0,direction=120,strength=5);
		/*filter:progid:DXImageTransform.Microsoft.DropShadow(offx=3,offy=3,color=#7ca5a0);*/
	}
	#middle .user-info {margin: 0 0 2em;}
		#middle .user-info div.column {
			float: left;
			width: 415px;
		}
			#middle .user-info div.column p {}
				#middle .user-info div.column p strong {}
/**************************************************************************************
******* FOOTER AREA STYLES
***************************************************************************************/
#footer {padding: 20px 0;}
	#footer p {
		font-size: 0.857em;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#footer a {text-decoration: underline;}