/*** GLOBAL ***/

* { margin: 0; padding: 0; }

p { margin: 0.5em 0 1.0em 0; }

img { border-width: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0.5em 0 0.2em 0; }

html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}

body {
	background: #fff;
	color: #000;
	margin: 0;
	padding: 0;
}

	body, table {
		font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
		font-size: 16px;
	}

		* html body, * html table  { font-size: medium; }

h1 { font-size: 1.4em; line-height: 1.4em; font-weight: normal; }
h2 { font-size: 1.2em; line-height: 1.2em; font-weight: normal; }
h3 { font-size: 1.1em; line-height: 1.2em; font-weight: normal; }

form { display: inline; }

.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

ul.normal { padding: 5px 0 5px 25px; }
ol { padding: 5px 0 5px 25px; }

a.iconlink { padding-left:10px; background: url(/images/icon.gif) no-repeat top left; }

/*** OVERALL LAYOUT ***/

#skiptomain { display: none; }

#wrapper {
	width: 962px;
	font-size: 0.8em;
	margin: 30px auto 0 auto;
}

	#pagecontainer {
		width: 962px;
	}

		#pagefull {
			clear: both;
			width: 960px;
			padding: 0;
			margin: 1px;
			color: #000;
			background: transparent;
		}

		#header {
			width: 960px;
			height: 85px;
			background: #fff;
			text-align: center;
			color: #fff;
			border-top: 1px solid #ccc;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
		}

			/* #topnav is now controlled by suckerfish.css */

			#toplogo {
				width: 200px;
				height: 85px;
				float: right;
				margin: 0 50px 0 0;
				padding: 0;
			}

				* html #toplogo { margin: 0 25px 0 0; }

		#maincontent {
			clear: both;
			width: 960px;
			padding: 0;
			margin: 0;
			color: #000;
			line-height: 1.3em;
			font-size: 0.95em;
			background: #fff;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
		}

			#maincontent a:link, #maincontent a:visited { color: #b00; text-decoration: none; }
			#maincontent a:active, #maincontent a:hover { color: #e13; text-decoration: underline; }

			#maincontenttop {
				width: 960px;
				height: 230px;
				padding: 0;
				margin: 0;
				background: #212;
			}

				#maincontenttopimage {
					float: left;
					width: 620px;
				}

				#maincontenttopfeatures {
					float: right;
					padding: 10px 0 0 10px;
					width: 330px;
					line-height: 1.1em;
					color: #fff;
					font-size: 0.9em;
				}

					.pagefeature {
						float: left;
						width: 100px;
						margin: 0 10px 0 0;
						font-size: 0.9em;
					 }

			#maincontentbottom {
				width: 960px;
				padding: 0;
				margin: 0;
				background: #888;
				color: #fff;
			}

				#maincontentbottomleft {
					float: left;
					width: 560px;
					padding: 10px 10px 10px 50px;
				}

				#maincontentbottomright {
					width: 340px;
					color: #fff;
					float: right;
					font-size: 0.9em;
					line-height: 1.1em;
					padding: 0;
				}

	#footer {
		width: 960px;
		padding: 5px 0 6px 0;
		height: 26px;
		margin: 0;
		font-size: 0.9em;
		color: #666;
		border-top: 10px solid #333;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

			#footerleft {
				padding: 0 0 0 50px;
				width: 400px;
				float: left;
				line-height: 26px;
			}

				#footerleft img {
					float: left;
					margin-right: 10px;
				}

			#footerright {
				padding: 0 20px 0 0;
				width: 400px;
				float: right;
				text-align: right;
				font-size: 0.9em;
				line-height: 26px;
			}

	#footer a:link, #footer a:visited { color: #000; text-decoration: none; }
	#footer a:hover { color: #000; text-decoration: underline; }

/* news */

h2.news-head {
	color: #b00;
	font-size: 1.2em;
	margin: 20px 0 0 0;
	padding: 0;
}

.news-date {
	color: #000;
	margin: 0;
	padding: 4px 0;
}

#news-sidebar {
	line-height: 1.4em;
	padding: 10px;
}

	#news-sidebar h3 {
		font-size: 1.2em;
		font-weight: bold;
	}

/*** thickbox popups ***/

html.thickboxer {
	overflow-y: auto;
}

body.thickboxer {
	background: #000;
	color: #fff;
}

#thickboxpopup {
	background: none;
	color: #fff;
	font-size: 0.8em;
	line-height: 1.5em;
	padding: 10px;
}

	#thickboxpopup a:link, #thickboxpopup a:visited {
		color: #e3173e;
		text-decoration: none;
	}

	#thickboxpopup a:hover, #thickboxpopup a:active {
		color: #666;
		text-decoration: underline;
	}

/*** people / offices ***/

	#office-selector {
		width: 320px;
		line-height: 1.3em;
		padding: 10px;
	}

		#office-selector h2 {
			color: #000;
			text-transform: uppercase;
		}

			#office-selector h2 a:link, #office-selector h2 a:visited { color: #000; text-decoration: underline; }
			#office-selector h2 a:active, #office-selector h2 a:hover { color: #fff; text-decoration: underline; }

			#office-selector h2.on-state a:link, #office-selector h2.on-state a:visited { color: #fff; text-decoration: underline; }
			#office-selector h2.on-state a:active, #office-selector h2.on-state a:hover { color: #e13; text-decoration: underline; }

	h2.office-personnel {
		color: #000;
		margin: 20px 0 10px 0;
		padding-bottom: 0;
	}

	p.office-personnel {
		margin: 0;
		padding: 0;
	}

	.personnel-names {
		width: 150px;
		display: block;
		float: left;
		margin-right: 10px;
	}
		#maincontent .personnel-names a:link, #maincontent .personnel-names a:visited { color: #fff; text-decoration: underline; }
		#maincontent .personnel-names a:active, #maincontent .personnel-names a:hover { color: #e13; text-decoration: underline; }

	.personnel-title {
		width: 370px;
		display: block;
		float: left;
		padding: 2px 0;
	}

	#people-page {
		width: 550px;
		margin: 0 0 0 0;
		padding: 0;
	}

		#people-page-lft {
			width: 170px;
			float: left;
			font-size: 0.9em;
			margin-right: 10px;
		}

			.pers-dets {
				margin: 2px 0;
				padding: 0;
			}

			#people-page-lft a:link, #people-page-lft a:visited { color: #fff; text-decoration: underline; }
			#people-page-lft a:active, #people-page-lft a:hover { color: #e13; text-decoration: underline; }

		#people-page-rgt {
			width: 370px;
			float: left;
		}