/**************************************/
/***   BMT MAIN STYLE DEFINITIONS   ***/
/**************************************/
/*
	The main colors for the BMT site are:
		x-lt. blue	-	#bad6ff
		lt. blue	-	#b2d1ff
		blue		-	#99c2ff
		steel blue	-	#397fbf
		dk. blue	-	#2d4d6f
		pink		-	#c95b9e
		dk. pink	-	#C93290
		lt. gray	-	#6d7db2
		dk. gray	-	#6d737d
*/


/****************************/
/***     PAGE STYLE &     ***/
/***  ALIGNMENT ELEMENTS  ***/
/****************************/

body {
    font: 80%  Verdana, Tahoma, Helvetica, Arial, sans-serif;
    background-color: #2d4d6f;
    color: #000000;
    margin: 0px;
	}

a {
	text-decoration: none;
	}
a:link {
	color: #c93290;
	}
a:visited {
	color: #c93290;
	}
a:active {
	color: #c95b9e;
	}
a:hover {
	text-decoration: underline;
	color: #c93290;
	}
	
a.sponsored:link {
	font-family: Arial, sans-serif; 
	font-size: 8pt; 
	color: #33CC00;
	}
a.sponsored:hover {
	font-family: Arial, sans-serif; 
	font-size: 8pt; 
	color: #33CC00;
	text-decoration: underline;
	}

/**************************/
/***  ELEMENT DEFAULTS  ***/
/**************************/
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
	}
table {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
tbody {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
hr {
	height: 1px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
p {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
div {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}


/*********************/
/***  DIV CLASSES  ***/
/*********************/
div.content-row {
	width: 100%;
	}

/***  SPACER  ***/
div.spacer {
	position: relative;
	clear: both !important;
	height: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}



/**********************/
/***  TEXT CLASSES  ***/
/**********************/
p.normal-text {
	margin-bottom: 10px;
	line-height: normal;
	}
	
h1 {
	display: block;
	font-size: 2em;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 15px;
	}
h2 {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 2em;
	margin: 0px;
	}
h3 {
	display: block;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.5em;
	text-decoration: underline;
	margin: 0px;
	}
.bmt {
	font-family: "Calisto MT", "Times New Roman", sarif;
	font-weight: bold;
	font-size: 1.1em;
	}
.bmt-h1 {
	font-family: "Calisto MT", "Times New Roman", sarif;
	font-weight: bold;
	font-size: 1.2em;
	}
.bmt-normal {
/*	This is used on the "Our Services" page
	rather than the ".bmt" class because the
	larger BMT overwhelmed all the small headers
	on that page.
*/
	font-family: "Calisto MT", "Times New Roman", sarif;
	font-weight: bold;
	font-size: 1.0em;
	}

/****************************/
/***  CONTAINER ELEMENTS  ***/
/****************************/
#container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	background-color: #2d4d6f;
/*	border: 2px dashed #000000; */
	}
	#container-centered {
		position: relative;
		top: 0px; 
/*		bottom: 0px; */
		width: 800px;
		margin-right: auto;
		margin-left: auto;
		padding: 0px;
		background-color: #397FBF;
		display: block;
	/*	border: 1px dotted #00FF00; */
		}
	
	#container-centered-nocode {
		border: 0px;
		margin: 0px;
		padding: 0px;
		}

	#who-knows {
		position: absolute;
		top: 0px;
		width: 800px;
		border: 0px;
		margin: 0px;
		padding: 0px;
		}

/***************************/
/***  MASTHEAD ELEMENTS  ***/
/***************************/
#header {
	position: absolute;
	top: 0px;
	width: 800px;
	height: 100px;
	background-image: url("../graphics/header_gradient.jpg");
	background-repeat: repeat-x;
	background-color: #2d4d6f; 

/*	border: 2px solid #000000; */
	}
	#header-left {
		position: absolute;
		top: 0px;
		width: 200px;
		height: 100px;
	/*	background-color: #76511C; */
		}
	#header-right {
		position: absolute;
		top: 0px;
		left: 200px;
		width: 600px;
		height: 100px;
		margin: 0px;
		}
		/* The banner elements are within the header. */
		#banner-text {
			position: relative;
			width: 400px;
			height: 100px;
			}
		#banner-image {
			position: absolute;
			top: 0px;
			left: 350px;
			width: 250px;
			height: 100px;
			}
	/* The stripes below the banner */
	#stripes {
		position: absolute;
		top: 100px;
		width: 800px;
		height: 18px;
		margin: 0px;
		padding: 0px;
		}

/****************************/
/***  MAIN BODY ELEMENTS  ***/
/****************************/
/* Aside from the container element
   outer-main, there's the side nav,
   the inner-main, and the footer.  */

#container-main {
	position: absolute;
	top: 118px;
	width: 798px;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-color: #397fbf;
	border: 1px solid #c95b9e;
	}

	#column-left {
		float: left;
		}
	#column-right {
		float: right;
		}
	
#container-index {
	width: 778px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
	}
	#front-page-map {
		margin-left: auto;
		margin-right: auto;
		width: 778px;
		}


/******************/
/***  SIDE NAV  ***/
/******************/
#outer-nav {
	position: relative;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 205px;
	margin: 0px;
	padding: 0px;
/*	border: 1px solid red; */
	}
#inner-nav {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 10px;
	width: 185px;
	background-color: #2d4d6f; 
/*	border: 1px solid green; */
	}

.sidenav-cell {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
.sidenav-cell-blue {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #2d4d6f;
	}

/* top row */ 
	#nav-upper-left {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 10px;
		height: 10px;
		}
	#nav-upper-middle {
		position: relative;
		top: 0px;
		left: 10px;
		height: 10px;
		width: 165px;
		}
	#nav-upper-right {
		position: absolute;
		top: 0px;
		left: 175px;
		height: 10px;
		width: 10px;
		}

/* second nav row - buttons */
	#nav-content-box {
		position: relative;
		top: 0px;
		left: 0px;
		padding-left: 10px;
		padding-right: 10px;
		height: auto;
		width: 165px;
		color: #c95b9e;
		}
	#nav-content-box.a {
		color: #c95b9e;
		}
	#nav-content-box.a:link {
		color: #c95b9e;
		}
	#nav-content-box.a:visited {
		color: #c95b9e;
		}
	#nav-content-box.a:active {
		color: #c95b9e;
		}
	#nav-content-box.a:hover {
		text-decoration: underline;
		}
	.side-link-text {
		font-size: 12pt;
		font-weight: bold;
		color: #bad6ff;
		}
	.side-link-text:hover {
		color: #ffffff;
		}
	p.side-link {
		color: #bad6ff;
		padding: 0px;
		margin: 8px;
		text-indent: -8px;
		}
	
/* third row - filler */
	#nav-content-filler {
		position: relative;
		top: 0px;
		bottom: 0px;
		height: auto;
		width: 165px;
		padding-left: 10px;
		padding-right: 10px;
		}
	
/* fourth row - last */
	#nav-lower-left {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 10px;
		height: 10px;
		}
	#nav-lower-middle {
		position: relative;
		bottom: 0px;
		left: 10px;
		height: 10px;
		width: 165px;
		}
	#nav-lower-right {
		position: absolute;
		bottom: 0px;
		left: 175px;
		height: 10px;
		width: 10px;
		}

	/** TESTIMONIAL-BOX **/
	#testimonial-box {
		width: 165px;
		margin: 10px;
		padding: 10px;
		}
	/** TESTIMONIAL TEXT **/
	.testimonial-quote {
		font-family: Helvetica, Arial;
		font-size: 10pt;
		line-height: 14pt;
		color: #ffffff;
		margin-top: 14pt;
		margin-bottom: 10pt;
		}
	.testimonial-byline {
		font-family: Helvetica, Arial;
		font-style: italic;
		font-size: 9pt;
		text-align: right;
		color: #ffffff;
		margin-bottom: 0pt;
		}
	.testimonial-org {
		font-family: Helvetica, Arial;
		font-size: 9pt;
		text-align: right;
		color: #ffffff;
		margin-bottom: 10pt;
		}
		

	/** NATRI-BOX **/
	#natri-box {
		width: 165px;
		margin: 10px;
		margin-top: 15px;
		padding: 10px;
		text-align: center;
		}
	#natri-text {
		font-family: Helvetica, Arial;
		font-size: 10pt;
		color: #000000;
		}
	#natri {
		font-family: "Times New Roman";
		font-size: 10pt;
		color: #ffffff;
		}

/********************/
/***  INNER-MAIN  ***/
/********************/
#outer-main {
	width: 593px;
/* does nothing but fix the jumping
	div problem in IE ... apparently,
	has no height and seems to contain
	nothing, but ... 
	IF IT WORKS, DON'T FIX IT!
*/
	}

#inner-main {
	position: relative;
	top: 0px;
	margin: 10px;
	margin-left: 3px; 
	width: 580px;
	background-color: #397fbf;
/*	border: 1px solid red; */
	}

/*** MAIN UPPER ROW ELEMENTS ***/
.main-cell {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
.main-cell-blue {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #bad6ff;
	}

/* first row */ 
	#main-upper-left {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 10px;
		height: 10px;
		}
	#main-upper-middle {
		position: relative;
		top: 0px;
		left: 10px;
		height: 10px;
		width: 560px;
		}
	#main-upper-right {
		position: absolute;
		top: 0px;
		left: 570px;
		height: 10px;
		width: 10px;
		}
	
/* second row */
	#main-content-box {
		position: relative;
		top: 0px;
		left: 0px;
		padding-left: 10px;
		padding-right: 10px;
		height: auto;
		width: 560px;
		}

/* third row - filler */
	#main-content-filler {
		position: relative;
		top: 0px;
		bottom: 0px;
		height: auto;
		width: 560px;
		padding-left: 10px;
		padding-right: 10px;
		}

/* fourth row - bottom */
	#main-lower-left {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 10px;
		height: 10px;
		}
	#main-lower-middle {
		position: relative;
		bottom: 0px;
		left: 10px;
		height: 10px;
		width: 560px;
		}
	#main-lower-right {
		position: absolute;
		bottom: 0px;
		left: 570px;
		height: 10px;
		width: 10px;
		}


/****************/
/***  FOOTER  ***/
/****************/
#footer-outer {
	position: relative;
	width: 798px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: #397fbf;
	text-align: center;
/*	border: 1px solid red; */ 
	}
	
	/** TOP-BOX **/
	#top-box {
		position: relative;
		float: left;
		top: 0px;
		width: 200px;
		height: auto;
		padding: 0px;
		margin: 0px;
		text-align: center;
		}

	/** CREDIT-BOX **/
	#credit-box {
		position: relative;
		top: 0px;
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		text-align: center;
		border-top: 1px solid #000000;
		}

/***************/
/** HOME PAGE **/
/***************/
#home-services-box {
	position: relative;
	float: right;
	top: -160px;
	margin-left: 10px;
	padding-right: 40px;
	margin-bottom: -160px;
	width: 220px; 
	}
	#home-header {
		font-size: 1.1em;
		margin-bottom: 5px;
	}
  #home-services-list {
    margin: 0px;
    padding-left: -40px;
    }
	#home-services-box.li {
    margin-bottom: 5px;
    margin: 0px;
    padding: 0px;
    line-height: 1em;
    }
	.home-services-p {
		margin-bottom: 5px;
		margin-left: 17px;
		text-indent: -17px;
		line-height: 1em;
    }
  .home-services-text {
		color: #000000;
		font-weight: bold;
    }
	
#home-spacer {
	clear: right;
	}

/*********************/
/** CONTACT_US PAGE **/
/*********************/
.contact-office-box {
	width: 560px;
	text-align: left;
	border-top: 1px solid #000000;
	padding-top: 3px;
	margin-bottom: 5px;
	}
.contact-person-box {
	width: 530px;
	text-align: right;
	margin-bottom: 10px;
	}
.contact-office {
	font-size: 10pt;
	font-weight: bold;
	}
.contact-office-name {
	font-size: 10pt;
	}
.contact-office-address {
	font-size: 10pt;
	font-weight: bold;
	}
.contact-office-phone {
	font-size: 10pt;
	font-weight: bold;
	}

.contact-name {
	font-weight: bold;
	font-size: 11pt;
	}
.contact-title {
	font-size: 11pt;
	font-style: italic;
	}
.contact-phone {
	font-weight: normal;
	font-size: 11pt;
	}
.contact-fax {
	font-weight: normal;
	font-size: 11pt;
	}
.contact-email {
	font-weight: normal;
	font-size: 11pt;
	color: #000000;
	}


/*********************/
/** OUR_PEOPLE PAGE **/
/*********************/
.staff-name {
	font-style: italic;
	font-weight: bold;
	}
h3.staff-major {
	font-size: 12pt;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 5px;
	margin-bottom: 10px;
	}
h3.staff-minor {
	font-size: 11pt;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 5px;
	margin-bottom: 3px;
	}
p.staff-major-text {
	margin-bottom: 10px;
	line-height: normal;
	}
	
p.staff-minor-text {
	line-height: normal;
	}
p.op-affiliations {
	text-indent: -15px;
	margin-left: 15px;
	margin-bottom: 3px;
	}

/***********************/
/** OUR_SERVICES PAGE **/
/***********************/
#services-box {
	position: relative;
	width: 560px;
	}
	/* The height of services-left
	 * must be specified to be at
	 * least as high as the largest
	 * of the services-block
	 * containers.
	 */
	#services-left {
		position: relative;
		left: 0px;
		top: 0px;
		width: 138px;
		height: 730px;
		float: left;
		}
	#services-right {
		position: relative;
		width: 400px;
		margin-left: 10px;
		margin-right: 0px;
		float: right;
		}
	
.services-block {
/*	The javascript will make these
	blocks 'position: absolute' and
	'visibility: hidden' and will 
	change to 'visibility: visible'
	when the corresponding link is
	clicked in the services list.
*/
	position: relative;
	top: 0px;
	visibility: visible;
	}
h3.services-header {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 5px;
	margin-bottom: 7px;
	}
h3.services-header-minor {
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	}

span.article-title {
	font-style: italic;
	}

a.services-link:hover {
	text-decoration: underline;
	color: #c95b9e;
	}

p.services-list-item {
	font-size: 10pt;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 9px;
	text-indent: -9px;
	}
span.services-list-link {
	color: #000000;
	}


/********************/
/** WHATS_NEW PAGE **/
/********************/
h3.whatsnew-header {
	font-size: 12pt;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 15px;
	margin-bottom: 6px;
	}
.whatsnew-date {
	text-decoration: none;
	font-style: none;
	font-weight: bold;
	font-size: 1.1em;
	}
.whatsnew-name {
	font-weight: bold;
	}
	
/*********************/
/** EMPLOYMENT PAGE **/
/*********************/
#employment-box {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	}
.employment-address {
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 15px;
	}
.address-label {
	font-size: 10pt;
	font-weight: bold;
	line-height: normal;
	}