/* CSS Document */

/* Colour lists

Yellow - #ffffcc;
Mid blue - #007bc7;
Dark blue - #004b7a;
Burnt orange - #c78f00; 
Light faded blue - #6666ff
Pale faded blue - #9999ff
*/

/* Common styles for text and backgrounds */

body	{
		font-family:verdana, arial, helvetica, sans-serif;
		text-align:center;
		background: #fff;
		font-size:12px;
		}

p		{
		margin:0 10px 10px;
		padding:0px;
		}

a:link {
		color:#c78f00;
		text-decoration:none;
		}
	
a:visited {
		color:#c78f00;
		text-decoration:none;
		}
	
a:hover {
		color:#007bc7;
		text-decoration:none;
		}
		
h1 		{
		font-size:28px;
		font-weight:900;
		}
						
h2 		{
		font-size:14px;
		padding:0px;
		vertical-align: bottom;
		margin-top: 0px;
		margin-bottom: 0px;
		}
						
h3 		{
		font-size:14px;
		padding:0px;
		vertical-align: bottom;
		margin-top: 22px;
		margin-bottom: 14px;
		}
						
h4		{
		font-weight:bold;
		}
						
h5 		{
		font-size:14px;
		line-height:14px;
		margin:0px 0px 16px 0px;
		padding:0px;
		font-style: italic;
		}
						
h6 		{
		line-height:14px;
		font-size:11px;
		font-weight: normal;
		}
			
blockquote {
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:14px;
		line-height:20px;
		margin-left:20px;
		margin-right:40px;
		padding:3px;
		border-style: dotted;
		border-width: 2px;
		border-color: #007bc7;
		font-style: italic;
		}

/* Styles for individual areas */

div#header {
		background: #007bc7;
		border:3px solid #fff;
		padding:0em;
		padding-bottom: 0.75em;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-opera-border-radius:8px;
		-khtml-border-radius:8px;
		border-radius:8px;
        behavior: url(/generic/css/border-radius.htc);
		}

div#header h1 {
		margin:0;
	  	padding-left:10px;
		background: #EEE;
		color: #79B30B;
		display: none;
		
		}
		
div#container {
		text-align:left;
		background: #fff;
		border:3px solid #eeeeFF;
		padding:1em;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-opera-border-radius:8px;
		-khtml-border-radius:8px;
		border-radius:8px;
		behavior: url(/generic/css/border-radius.htc);
		}
		
div#content, div#contentonecolumn{
		margin-top:8px;
		}
		
div#content li, div#contentonecolumn li 	{
		font-size:14px;
		padding:0px;
		vertical-align: bottom;
		margin-top: 14px;
		margin-bottom: 14px;
		}
				
div#content p, div#contentonecolumn p	{
		margin:0 10px 10px;
		font-size:13px;
		line-height:18px;
		padding:0px;
		}

div#content h4, div#contentonecolumn h4	{
		margin:0 10px 10px;
		font-size:14px;
		line-height:20px;
		padding:0px;
		font-weight:bold;
		}
		
div#info {
		background:#eeeeFF;
		margin:3px;
		margin-top:8px;
		border:0px solid #fff;
		padding:1em;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-opera-border-radius:8px;
		-khtml-border-radius:8px;
		border-radius:8px;
		behavior: url(/generic/css/border-radius.htc);
		}
		
div#info h3 	{
		font-size:12px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
		}

div#info h1 {
	color: white;
	background: #007bc7;
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	padding: 7px 0 7px 7px; /*31px is left indentation of header text*/
	padding-left: 10px;
	font-size:15px;
	margin-top:0;
}

div#info h2 {
	color: white;
	background: #007bc7;
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	padding: 7px 0 7px 7px; /*31px is left indentation of header text*/
	padding-left: 10px;
	padding-top: 0;
	font-size:12px;
}
		
div#navigation {
		background:#eeeeFF;
		margin:3px;
		margin-top: 8px;
		border:0px solid #fff;
		padding:1em;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-opera-border-radius:8px;
		-khtml-border-radius:8px;
		border-radius:8px;
		behavior: url(/generic/css/border-radius.htc);
		}
		
div#search {
		background:#eeeeFF;
		margin:3px;
		margin-top: 8px;
		border:0px solid #fff;
		padding:1em;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-opera-border-radius:8px;
		-khtml-border-radius:8px;
		border-radius:8px;
		behavior: url(/generic/css/border-radius.htc);
		}
		
div#footer {
		background: #007bc7;
		color: #fff;
		border:0px solid #fff;
		padding:1em;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-opera-border-radius:8px;
		-khtml-border-radius:8px;
		border-radius:8px;
		behavior: url(/generic/css/border-radius.htc);
		}
		
div#footer p {
		margin:0;
		padding:5px 10px
		}
		
div#categoryitem {
		float:left;
		position:relative;
		width:350px;
		margin-right: 10px;
		margin-left:10px;
		margin-bottom: 10px;
		border:0px solid #fff;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-opera-border-radius:8px;
		-khtml-border-radius:8px;
		border-radius:8px;
		background:#eeeeFF;
		
		}
		
div#categoryitem h2{
		background:#007bc7;
		color:#FFF;
		padding-top: 10px;
		padding-bottom:10px;
		padding-left:20px;
		border:0px solid #fff;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-opera-border-radius:8px;
		-khtml-border-radius:8px;
		border-radius:8px;
	
		}

div#categoryitem h3{
		margin-left:10px;
		padding-right:10px;
		}

div#categoryitem p{
		padding-top:10px;
		}
		
/*Style for images within category index */		
.categoryimage{
		float:left;
		padding:10px;
		border:none;
		}
		
.categorygo{
		position:absolute;
		top: 5px;
		right: 10px;
		border: none;
		}

.largethumbphoto{ 
		margin-left:120px;
		}

/* Styles for layouts */

div#container {
		width:950px;
		margin:0 auto;
		}
		
div#content {
		float:left;
		width:740px
		}

div#contentonecolumn {
		float:left;
		width:950px
		}
		
div#categoryitem {
		float:left;
		width:350px
		}
		
div#info {
		float:right;
		width:170px
		}
		
div#navigation {
		float:right;
		clear:right;
		width:170px
		}
		
div#search {
		float:right;
		clear:right;
		width:170px
		}
		
div#footer {
		clear:both;
		width:926px;
		}
		
/*tooltip styling*/
.navtext {
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:11px;
		border-width:2px;
		border-style:outset;
		border-color:darkgray;
		layer-background-color:tan;
		background-color:tan;
		color:black;
		}

/*breadcrumb styling*/
.mp_backlinks {
		font-family:verdana, arial, helvetica, sans-serif;
		line-height:11px;
		font-size:9px;
		font-weight: normal;
		}
	
/*fancy javascript popup image styling*/
		
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
		position: absolute;
		left: 0;
		top: 0;
		width: auto;
		padding: 10px;
		padding-bottom: 0;
		background: #313131;
		visibility: hidden;
		z-index: 10;
		cursor: hand;
		cursor: pointer;
		}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
		font: bold 16px Tahoma;
		letter-spacing: 5px;
		line-height: 1.1em;
		color: white;
		padding: 5px 0;
		text-align: right;
		}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
		background-color: white;
		}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
		position: absolute;
		visibility: hidden;
		border: 1px solid black;
		background-color: #EFEFEF;
		padding: 5px;
		z-index: 5;
		}
		
/* Main Menu Styling */

.mainmenu{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid white; /*bottom horizontal line that runs beneath tabs*/
}

.mainmenu ul{
	margin: 0;
	padding: 0;
	padding-left: 10px; /*offset of tabs relative to browser left edge*/
	font: bold 12px Verdana;
	list-style-type: none;
}

.mainmenu li{
	display: inline;
	margin: 0;
}

.mainmenu li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 7px 8px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: white;
	background: #007bc7; /*background of tabs (default state)*/
}

.mainmenu li a:visited{
	color: white;
}

.mainmenu li a:hover, .mattblacktabs li.selected a{
	background: #3366cc; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/* Sub Menu Styling */

.submenu{
	width: 170px; /*width of menu*/
}

.submenu .headerbar {
	color: white;
	background: #007bc7;
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	padding: 7px 0 7px 7px; /*31px is left indentation of header text*/
}

.submenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.submenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.submenu ul li a{
	color: black;
	background: #eeeeFF;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	border-bottom: 1px solid #3366cc; /*bottom horizontal line that runs beneath tabs*/
}

.submenu ul li a:visited{
	color: black;
}

.submenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #3366cc;
}

/* Test styling for tabbed area */

div#slideshowwrap {
		background:#007bc7;
		margin:0px auto;
		margin-top: 0px;
		border:0px solid #fff;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-opera-border-radius:8px;
		-khtml-border-radius:8px;
		border-radius:8px;
		behavior: url(/generic/css/border-radius.htc);
		width:500px;
		height:350px;
		text-align:center;
		}
		
div#slideshowwrap h1{
		color: #fff;
		padding-top: 1em;
		font-size:14px;
		text-align:left;
		padding-left:20px;	
		}

div#slideshowwrap p{
		font-size:10px;
		margin:0px;
		padding: 0px;
		}

/* Styles for use on tabbed map and document images */
div#mapitem {
		float:left;
		position:relative;
		width:650px;
		margin-right: 10px;
		margin-left:10px;
		margin-bottom: 10px;
		border:0px solid #fff;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-opera-border-radius:8px;
		-khtml-border-radius:8px;
		border-radius:8px;
		behavior: url(/generic/css/border-radius.htc);
		background:#eeeeFF;
		}
		
div#mapitem h2{
		background:#fff;
		color:#000;
		padding-top: 10px;
		padding-bottom:10px;
		padding-left:20px;
		border:1px solid #007bc7;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-opera-border-radius:8px;
		-khtml-border-radius:8px;
		border-radius:8px;
		behavior: url(/generic/css/border-radius.htc);
		}

div#mapitem h3{
		margin-left:10px;
		padding-right:10px;
		}

div#mapitem p{
		padding-top:10px;
		}
		
.mapimage{
		float:left;
		padding:10px;
		}
		

/* Navigation pop-ups for MHBM */
.navtext {
		width:150px;
		font-size:12pt;
		border-width:2px;
		border-style:outset;
		border-color:darkgray;
		layer-background-color:tan;
		background-color:tan;
		color:black;
		}