/* basic elements */
/*---------------------------------------------------*/
*{padding:0; margin:0}

body {
	background: #501111 url(img/tiled.jpg) repeat-x;
	font: normal 13px Georgia, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 1.5;
	color: #501;
	}
/* links */
/*---------------------------------------------------*/

a:link {
	text-decoration: none;
	color: #680605;
	}

a:visited {	
	text-decoration: none; 
	color: #333;
	}

a:hover, a:active {
	text-decoration: underline;
	color: #A21C10;
	}
/*---------------------------------------------------*/
/* main Fixed Content layout divs */

.container {
	width: 760px;
	margin: auto;
	background-image: url(img/contback.jpg);
	text-align: left;
	padding: 0 0 0 0;
	position: relative;
	top: 0px;
	
	}
#header {
	background-image: url(img/header.jpg);
	width: 760px;
	height: 298px;
	margin-top: 0;
	}
#globalNav {
	position: absolute;
	top: 182px;
	text-align: center;
	padding: 5px 0;
	width: 760px;
	height: 30px;
	}
#article {
	padding: 20px 10px;
	width: 525px;
	line-height: 1.4;
	word-spacing: 0.1em;
	}
#sideBar {
	position: absolute;
	left: 555px;
	width: 164px;
	top: 300px;
	height: 750px;
	margin: 0;
	padding: 20px 0;
	font-size: 90%;
	text-align: center;
	background-image: url(img/sidebar.png);
	background-repeat: no-repeat;
	}
	


#footer {
	width: 100%;
	height: 126px;
	background-image: url(img/footer.jpg);
	background-repeat: no-repeat;
	text-align: center;	
	}

/* main Fixed Content layout styling */

#header h1, h2 {
	display: none;
	}

#introWelcome {
	margin: 0;
	padding: 0 0 0 10px;
	height: 290px
	
	}
#introWelcome  h3, #section h3{
	margin-top: 1.6em;
	}

#introWelcome .p1, .p2  {
	margin: 15px 0 0 25px;
	padding: 0;	
	text-align: justify;		
	}

/*images*/
#introWelcome img.introimg{
	float: left;	
	border: 3px double #cdaa7b;
	margin: 0 10px 0 0;	
	padding: 3px 0 0 0;	
	background-color: #eed092;
}

#introWelcome .wFeature {
	behavior: url(iepngfix.htc);
	margin: 10px 0 0 55px;	
	}
#introWelcome .line { 
	background-image:  url(img/hrFeature.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 55px;
	width: 441px;
	height: 30px;
	top: 600px;
	padding: 0.2em;
	}

#spacing .seal {
 	 behavior: url(iepngfix.htc);
	 margin-top: 1em;
	 margin-left: 15em;
	 padding: 20px 0 20px 0;
  }
 .sbSeperator {
	margin-top: 0.6em;	
	behavior: url(iepngfix.htc);
	}

/* navMenu styling */

#globalNav ul {
		list-style-type:none;		
		}
#globalNav li {
		float:left;
		text-align: center;
		margin: 0 6px;
		padding: 5px 5px 15px 22px;
		}
#globalNav a:link, #globalNav a:visited {
		font: bold 1em Georgia, Helvetica, sans-serif;		
		color: #8E0807;
		text-decoration: none;
		display:block;
		}		
#globalNav a:hover {
	color: #B4392C;
	
		}		

/* right sidebar layout and content styling */	


#sideBar p {	
	padding: 0;	
	}

#sideBar  ul {
 	list-style:none;
	margin: 0;
	padding: 5px 0 0 0;	
	}
	
#sideBar li a:link, #sideBar li a:visited {			
	margin: 0;
	padding: 0;	
	display: block;	
	text-decoration: none;	
	width: 164px;
	height: 20px;
	}
	
#sideBar li a:hover{
	background: url(img/sbHover.png) no-repeat;
	behavior: url(iepngfix.htc);	 	
	 }

#listTitle  {
	margin: 0;
	padding: 0;		
	}

	#menuAbout,#menuHistory, #menuPeriod, #menuArchitectural, #menuArchive {

	}

/*---------------------------------------------------*/
/* image replacement technique headings */

#introWelcome h3 {
	background-image: url(img/welcome_intro.png);
	background-repeat: no-repeat;
	behavior: url(iepngfix.htc);
	width: 402px;
	height: 22px;
	overflow: hidden;
	line-height: 500px;
	margin: 13px 0 0 20px;
	padding-bottom: 5px;

	}

#tertiaryCopy h3 {
	background-image: url(img/history.png);
	behavior: url(iepngfix.htc);
	width: 149px;
	height: 18px;
	overflow: hidden;
	line-height: 500px;
	margin-top: 13px;
	margin-left: 20px;
	}
#additionalCopy h3 {
	background-image: url(img/period_feat.png);
	behavior: url(iepngfix.htc);
	width: 149px;
	height: 18px;
	overflow: hidden;
	line-height: 500px;
	margin-top: 13px;
	margin-left: 20px;
	}
#furtherCopy h3 {
	background-image: url(img/architec_design.png);
	behavior: url(iepngfix.htc);
	width: 180px;
	height: 18px;
	overflow: hidden;
	line-height: 500px;
	margin-top: 13px;
	margin-left: 20px;
	}
#introWelcome h3 span {
	display: none;
	}
#rationale h3 span {
	display: none;
	}

/*---------------------------------------------------*/
/* image replacement sidebar headings */



#listTitle h3 {
	overflow: hidden;
	line-height: 500px;
	margin-top: 0.1em;
	margin-bottom: 0.5em;
	background-image: url(img/fdetails.png);
	background-repeat: no-repeat;	
	behavior: url(iepngfix.htc);
	width: 164px;
	height: 45px;
	
	}
#menuAbout h3 {
	overflow: hidden;
	line-height: 500px;
	behavior: url(iepngfix.htc);
	background-image: url(img/aboutsb.png);
	background-repeat: no-repeat;
	width: 164px;
	height: 18px;
	margin-top: 0.3em;
	margin-bottom: 0.2em;
	
	
	}
#menuHistory h3 {
	overflow: hidden;
	line-height: 500px;
	behavior: url(iepngfix.htc);
	background-image: url(img/historysb.png);
	background-repeat: no-repeat;
	width: 164px;
	height: 18px;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	
	}
#menuPeriod h3 {
	overflow: hidden;
	line-height: 500px;
	behavior: url(iepngfix.htc);
	background-image: url(img/periodsb.png);
	background-repeat: no-repeat;
	width: 164px;
	height: 18px;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	
	}
#menuArchitectural h3 {
	overflow: hidden;
	line-height: 500px;
	behavior: url(iepngfix.htc);
	background-image: url(img/designplansb.png);
	background-repeat: no-repeat;
	width: 164px;
	height: 18px;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	
	}
#menuArchive h3 {
	overflow: hidden;
	line-height: 500px;
	behavior: url(iepngfix.htc);
	background-image: url(img/archivesb.png);
	background-repeat: no-repeat;
	width: 164px;
	height: 18px;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	
	}
#menuContact h3 {
	overflow: hidden;
	line-height: 500px;
	behavior: url(iepngfix.htc);
	background-image: url(img/contactsb.png);
	background-repeat: no-repeat;
	width: 164px;
	height: 18px;
	margin-top: 0.3em;
	margin-bottom: 0.2em;
	
	}

/*---------------------------------------------------*/
/* header quote link */	

#strapLine {
	position: absolute;
	left: 413px;
	width: 190px;
	top: 137px;
	padding: 0.2em;
	color: #501;
	height: 31px;
	}	
#strapLine h3{
	margin: 0;
	padding: 0 40px 0 0;
	text-align: right;
	letter-spacing: -1px;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;	
  }

/*---------------------------------------------------*/
/* Footer link styling */

#footer p.links {
	margin: 0;
	padding: 55px 0 0 0;
	text-align: center;
	font-size: 0.8em;
  }
#footer a:link {
	font-weight: bold;
	text-decoration: none;
	color: #8B6723;
	}
#footer a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #990000;
	}
#footer a:hover,  #footer a:active {
	text-decoration: none;
	color: #FFED9B;
	}
#footer p.legal {
	padding-top: 1.5em;
	text-align: center;
	font-size: 0.8em;
}
/*---------------------------------------------------*/
/* Page content contextual layout styling */

#section {
	margin: 0;
	padding: 0 10px;
	}
#section .p1, .p2, .p3 {
	margin: 15px 0 0 25px;
	padding: 0;	
	text-align: justify;
}
#section img.introimg{
	float: right;	
	border: 3px double #cdaa7b;
	margin: 0 0 0 10px;	
	padding: 0;	
	background-color: #f5e5b2;
}
/*---------------------------------------------------*/
/* Contextual Page Structuring -IN Progress */


#index .navContent-1, #index .navContent-2, #index .navContent-3, #index .navContent-4  {
	
	width: 440px;
	height: 100px;
	margin: 0 0 25px 0;
	padding: 0 0 10px 25px;
}
#index .navContent-1 h3 {
	behavior: url(iepngfix.htc);
	background-image: url(img/about.png);
	width: 50px;
	height: 18px;
	overflow: hidden;
	line-height: 500px;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px;
	}
#index .navContent-2 h3 {
	behavior: url(iepngfix.htc);
	background-image: url(img/history.png);
	width: 149px;
	height: 18px;
	overflow: hidden;
	line-height: 500px;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px;
	}
#index .navContent-3 h3 {
	behavior: url(iepngfix.htc);
	background-image: url(img/designPlan.png);
	width: 149px;
	height: 18px;
	overflow: hidden;
	line-height: 500px;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px;
	}
#index .navContent-4 h3 {
	behavior: url(iepngfix.htc);
	background-image: url(img/periodFeatures.png);
	width: 149px;
	height: 18px;
	overflow: hidden;
	line-height: 500px;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px;
	}
#index .navContent-1  p, #index .navContent-2 p, #index .navContent-3 p, #index .navContent-4 p {
	margin: 0;
	padding: 0 10px 0 0;
	line-height: 144%;
	font-size: 92%;
	text-align: justify;
}

#index .navContent-1 img, #index .navContent-2 img, #index .navContent-3 img, #index .navContent-4 img {
	
	float: left;	
	border: 3px double #cdaa7b;
	margin: 0 10px 0 10px;	
	padding: 3px;	
	background-color: #f5e5b2;
}
#index .navContent-1 p.more, #index .navContent-2 p.more, #index .navContent-3 p.more, #index .navContent-4 p.more {
	font-size: 82%;
	font-weight: bold;
	text-align: right;
	margin: 0;
	padding: 0 10px 0 0;
	}