/* @override http://www.osbornlane.com/css/base.css */

body {
	background: #FFFFFF;
	margin: 0;


/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;

/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-size: 62.5%;
}

.oneColFixCtr #container {
	width: 800px;
	

/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;


/* the auto margins (in conjunction with a width) center the page */
	padding-bottom: 70px;
	text-align: left;

/* this overrides the text-align: center on the body element. */
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
}

div#pageWrapper {
	width: 800px;
	margin: 0 auto;
}

div#sectionBar {
	background: #AAA08F;
	padding: 14px 0 8px 16px;
	color: white;
	font-size: 18px;
}

.pageFooter {
	background: #8F826D;
	font-size: 10px;
	line-height: 1.2em;
	padding: 12px 242px 16px 16px;
	color: white;
}

.pageFooter a {
	color: white;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

/* Content Pages ======================================= */

div.main_content {
	font-size: 1.2em;
	line-height: 1.5em;

}

div.otherContent {
	padding-top: 24px;
	padding-right: 260px;
	padding-bottom: 24px;
}

div.otherContent p {
	margin-top: 0.9em;
}

h2 {
	font-family: Trebuchet MS;
	font-size: 21px;
	font-weight: bold;
	color: #F26522;
	padding-bottom: 6px;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 21px;
	margin-bottom: 0;
}

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold
}

.realsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

table.personnel_table {
	width: 540;
	padding-top: 12px;
	cell-spacing: 0;
}

table.personnel_table td.col1 {
	padding: 5px 20px 5px 0px;
	border-top: 1px solid #BBBBBB;
	width: 200;
}

table.personnel_table td.col2 {
	padding: 5px 20px 5px 0px;
	border-top: 1px solid #BBBBBB;
	width: 340;
}

.spotlightTitle {
	margin-bottom: 12px;
}

div.spotlightIndex {
	margin-top: 1em;
}

/* Project Spotlight pages */

div.projectContent {
	padding-top: 10px;
	padding-bottom: 24px;
}

div.projectContent h2 {
	border-bottom: 1px solid #AAA08F;
	padding-bottom: 12px;
}

.projectPhotoCap {
	margin: 24px 0 0 0;
	width: 100%;
}

.SpotlightPic {
	width: 512px;
	vertical-align: top;
}

.SpotlightCaption {
	width: 260px;
	vertical-align: top;
	padding: 0 0 0 28px;
	line-height: 180%;
	color: #8F826D;
}

.SpotlightCaption p {
	margin: 0 0 0.7em 0;
}

.SpotlightCaption ul {
	padding-left: 0em;
	list-style-type: square;
}

.SpotlightCaption li {
	margin-left: 1.5em;
}


/* @group Drop Down Menus */

/*	The following css was arrived at by trial and error on 9th June 2008.
	It uses very specific selectors to override the default inline styles inserted
	by the Business Catalyst dynamic menu system. Some of these default styles
	are unnecessary (e.g. hardwired menu widths) and can only be overridden in this way.
	As of this date the BC CSS menu system is in beta, so it might change in the future.
	Hence this code may not continue to work!!
*/

div.navbar {
	background-color: #8F826D;
	color: white;
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 7px;
	padding-left: 16px;
	height: 20px;
}

div.navbar a {
	color: white;
}

div.navbar li li {
	line-height: 1.4em;		/* forces suitable line height in submenu items; works for now!! */
}

div.navbar div#cat_203681_divs ul#nav_203681 li {
	padding-right: 20px;	/* spaces main menu items out horizontally; still not working right because of hardwired widths in inline css from BC */
}

div.navbar li ul#navsub_203681_126154 a {
	border-top: none;	/* avoids double lines between menu items */
}

div.navbar li ul#navsub_203681_126155 a {
	width: 15em;	/* force these items wider so menu item text does not wrap */
	border-top: none;	/* avoids double lines between menu items */
}

/* @end */

/* @group Home Page Blog Posts */

/* These override entries from the Business Catalyst modules css file */

.blog-post h2.post-title {
	border-bottom: 1px solid #AAA08F;
	font-size: 16px;
	margin-bottom: 3px;
	padding-bottom: 4px;
}

.blog-post .post-details {
	color: #888;
	font-size: 11px;
	margin-bottom: 0.7em;
}

.blog-post .post-body {
	margin-bottom: 1.7em;
}

/* @end */