/* Sept. 2010: This style sheet has been altered to make the old archive exhibit pages match the new website redesign, changing just the style and not the structure of the pages.  This is a temporary fix until these exhibits can be absorbed into the OLDA database website.  This affects the Architecture of SPS, Vanished Buildings, Postcard Exhibit, WW1, and WW2 exhibits.*/ 
*
{
	padding: 0em;
	margin: 0em;
}
body 	{
	background: #fff url(/images/bg.gif) repeat fixed;
	padding: 35px 0px 35px 0px;
	font-size: small;
	font-family:Verdana, Tahoma, Arial, Serif;
	color: #333333;
	font-size:0.85em;
	
	}
	
	#date {
	position: absolute;
  right: 154px;
  top:400px;
  z-index: 100;
  visibility: hidden;
}

#content, #footer
{
	z-index: 2;
	position: relative;
	/*
		The width value below controls the overall width of the design. By default it's set to 82%
		(so it'll take up 82% of the browser window's width). You can set it to a different percentage
		value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
	*/
	width: 82%;
	border: solid 7px #fff;
	background-color: #fff;
	margin: 0 auto;
}


 
 /* BEGIN Header elements*/
#header
{
	position: relative;
	width: 100%;
	height: 9em;
	background: #630000 url(/images/topbg4.gif) repeat-x;
	margin-bottom: 2px;
}

#headercontent
{
	position: absolute;
	bottom: 0em;
	padding: 0em 2.0em 1.3em 2.0em;
	}

#headercontent h1
{
	font-weight: normal;
	font-size: 2.5em;
}
#headercontent h1 a:link, #headercontent h1 a:visited
{
	color:#fd6;
	text-decoration:none;
	border:none;
}
#headercontent h1 a:hover, #headercontent h1 a:active
{
	text-decoration:none;
	color:#fff;
	border:none;
}
#headercontent h2
{
	font-size: 1.0em;
	font-weight: normal;
	color: #f29222;;
}

#headerpic
{
	position: relative;
	height: 149px;
	background: #fff url(/images/header3.jpg) repeat-x bottom left;
	margin-bottom: 2px;
}
/* END header elements*/ 

/* BEGIN Menu Elements*/
#menu
{
	position: relative;
	background: #436084 url(/images/menubg3.gif) repeat-x top left;
	height: 3.5em;
	padding: 0 1.0em;
	margin: 0 0 2px;
}

#menu ul
{
	padding:1em 0 0 0;
	margin:0;
}

#menu ul li
{
	position: relative;
	display: inline;
	padding:0;
	margin:0;
}

#menu ul li a:link, #menu ul li a:visited
{
	color: #fff;
	padding: 0.5em 1.0em 0.9em 1.0em;
	text-decoration: none;	
	border:none;
}

#menu ul li a:hover, #menu ul li a:active
{
	background: #82b9ff url(/images/menuactive6.gif) repeat-x top left;	
	border:none;
	color: #436084;
} 

#menubottom
{
	background: #fff url(/images/border1.gif) repeat-x;
	height: 14px;
	margin-bottom: 1.5em;
}

/* END Menu Elements */

/* BEGIN block & title elements */
#pgtitle, #subhead, #subhead2 {
 left: 40px;
}

.block, .topopage, .copyright {
  padding-left: 40px;
}

#pgtitle {
	position: absolute;
	top: 316px;
	clear: both;
	}

#pgtitle h2 {
	margin: 0;
	padding-top: 1.8em;
	font-size : 2em;
	color: #af0000;
	font-family: "Trajan Pro", Verdana, Arial, Helvetica, sans-serif;
	}
	
#subhead, #subhead2 {
  position: absolute;
  top: 401px;
}	

#subhead2 h3 {
  visibility: hidden;
}

#subhead p {
  font-weight: bold;
}

#subhead h2, #subhead2 h2, #subhead2 h3   {
	color: #af0000;
	font-family: "Trajan Pro", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 1.5em;
	
	}

.block	{
    padding-top: 125px;
    padding-right: 415px;
    padding-bottom: 150px;
  	border-bottom: solid 1px #eaeaea;
	  margin: 2em 0;	
}


.block ul {
list-style-type:none;
}
			
.block h4 a 
{
	text-decoration:none;
	color:#990000;	
	border:none;
}

.topopage {
    color: #787878;
  font-size: 0.75em;
  padding-right: 415px;
}

.copyright
{
  color: #787878;
  font-size: 0.75em;
}

/* END block & title elements */

/* BEGIN Sidebar style elements */



.box
{
	background: #f5fafe url(/images/boxbg7.gif) repeat-x;
	padding: 1.5em;
	border-top: solid 1px #436084;
	border-bottom: solid 1px #436084;
	margin-bottom: 1.0em;
	text-align:left;
}

img.profile_left
{
	position: relative;
	float: left;
	margin: 0.5em 0.9em 0.5em 0em;
}

p#profile {
 font-size: 0.9em;
}

.sidebar
{
	margin: 0;
	
	width: 25.0em;
}
.sidebar ul
{
	list-style:none;
	margin:0.5em 0 0;	
}

.sidebar li 
{
	margin:1em 0;
	padding:0.5em;
}

.sidebar li li 
{
	margin:0;
	padding:0.5em;
	background:none;
}
.sidebar li li li
{
	margin:0;
	padding:0.5em 0 0 1em;
}
/* END Sidebar style elements */

/* BEGIN Sidebar Menu style elements */
.sidebar_menu
{
	margin: 0;
	float: left;
	width: 25.0em;
  font-family: Verdana, Tahoma, Arial, Serif;
  font-size:1.0em; 
}
.sidebar_menu ul, .sidebar_menu li
{
  padding:0;
  margin:0;
}
.sidebar_menu li
{
 list-style-type: none;
}
li.sidebar_menu_box
{
	background: #f5fafe url(/images/boxbg7.gif) repeat-x;
	padding: 1.5em;
	border-top: solid 1px #436084;
	border-bottom: solid 1px #436084;
	margin-bottom: 0;
	text-align:left;
	height:405px;
}
li.sidebar_menu_box ul li 
{
  float:left;
  margin-right:1px;
  position:relative;
}
li.sidebar_menu_box ul li a, li.sidebar_menu ul li a:visited
{
  display:block;
  text-decoration:none;
  color:#900;
  width:300px;
  height:2.2em;
  text-align:left;
  
  background:none;
  line-height:1em;
  padding-top:.5em;
  border-top:1px solid #82b9ff;
  border-bottom:1px solid #dcebfe;
  
  
}
li.sidebar_menu_box ul li ul, li.sidebar_menu_box ul li:hover ul li ul 
{
  display: none;
}
li.sidebar_menu_box ul li:hover a
{
  color:#fff;
  background:#436084 url(/images/sb_menuactive.gif) repeat-x top left;
  border-top:1px solid #436084;
  border-bottom:1px solid #849bb8;
  border-left:1px solid #436084;
  border-right:1px solid #436084;
}
li.sidebar_menu_box ul li:hover ul 
{
  display:block;
  position:absolute;
  top:0;
  right:301px;
  width:227px;
}
li.sidebar_menu_box ul li:hover ul li a.hide
{
  background:#dfc184;
  color:#fff;
}
li.sidebar_menu_box ul li:hover ul li:hover a.hide
{
  width:225px;
}
li.sidebar_menu_box ul li:hover ul li a
{
  display:block;
  background:#82b9ff url(/images/sb_menubg.gif) repeat-x top left;
  color:#900;
  width:225px;
  border-top:1px solid #82b9ff;
  border-bottom:1px solid #dcebfe;
  border-left:1px solid #dcebfe;
  border-right:1px solid #dcebfe;
}
li.sidebar_menu_box ul li:hover ul li a:hover, li.sidebar_menu_box ul li:hover ul li:hover ul li a:hover
{
  background:#436084 url(/images/sb_menuactive.gif) repeat-x top left;
  color:#fff;
}
li.sidebar_menu_box ul li:hover ul li:hover ul
{
  display:block;
  position:absolute;
  right:227px;
  top:0;
  color:#fff;
}
li.sidebar_menu_box ul li:hover ul li:hover ul li a
{
  display:block;
  width:225px;
  background:#82b9ff url(/images/sb_menubg.gif) repeat-x top left;
  color:#900;
}
/* END Sidebar Menu style elements */

	
/* BEGIN Footer elements*/

#footer
{
	position: relative;
	height: 2.0em;
	z-index: 2;
	clear: both;
	padding-top: 5.0em;
	background: #fff url(/images/border2.gif) repeat-x 0 2.5em;
	font-size: 0.86em;
	
}

#footer .left
{
	position: absolute;
	left: 2em;
	bottom: 1.2em;
}

#footer .right
{
	position: absolute;
	right: 2.0em;
	bottom: 1.2em;
}
/* END Footer elements*/

/* BEGIN Global style elements */
.bold 
{
	font-weight: bold;
	color: #630000;
}

.italic  {
	font-style: italic;
	}
p
{
	line-height: 1.4em;
	margin: 0 0 0.5em;
}

a
{
	color: #990000;
	text-decoration: none;
	border-bottom: none;
	
}
a:hover
{
	text-decoration: none;
	border-bottom:#cc0000 1px solid;
	
}

h1,h2,h3,h4,h5,h6 
{
	font-family:"Trebuchet MS", Lucida, Georgia, Verdana, Arial, Serif;
}
h3,h4
{
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: left;
	line-height:1.6em;
}
h3
{
	font-size: 1.7em;
	padding-left: 24px;
	background-image: url(/images/db1b.gif);
	color:#900;
}
h4
{
	font-size: 1.6em;
	background-image: none;
	padding-left: 0;
}
h3 span
{
	font-weight: normal;
	font-size:60%;
	color:#999;
}
h5 
{
	font-size:1.2em;
}
h6{ font-size:1.1em;}
.contentarea
{
	padding-top: 1.3em;
}

ul, ol 
{
	margin:1em;
	padding:0;
}
li 
{
	margin:0 1em;
	padding:0.7em;
}

dl 
{
	margin:1em 0px;
}
dt 
{
	font-weight:bold;
}
dd 
{
	margin:0.5em 1em;
	padding:0;
}
img
{
	border: solid 1px #dcdcdc;
	padding:3px;
}

.bold 
{
	font-weight: bold;
	color: #630000;
}
.bold660000 {
color:#660000;
font-size:1.1em;
font-weight:bold;
}
 /* END global style elements*/


/* Hidden DIVs */
#header2 {
  visibility: hidden;
  height: 1px;
}

#myGallery{
  visibility: hidden;
}

#menudiv {}

#rightblock	{	
  height: 0;
	visibility: hidden;
}