/* Global */
html{font-size: 100%;}
body{background: #fff; color: #333; font-size: 62.5%; font-family: Verdana, Lucida, sans-serif; height: 100%;}

/* Layout */
#wrapper{background: url(../images/layout.jpg) 0 -34px; width: 996px; margin: 0 auto;}
#Header{position: relative; background: url(../images/header.jpg) no-repeat; height: 206px;}
	#logo{position: absolute; top: 65px; right: 0; display: block; background: url(../images/logo.png) no-repeat; width: 220px; height: 84px;}
#Container{background-position: 0 100%; background-repeat: no-repeat;}
	#Container{background-image: url(../images/layoutHome.png);}
	#Container.governance{background-image: url(../images/layoutKeys.png);}
	#Container.operations{background-image: url(../images/layoutCogs.png);}
	#Container.member-achievements{background-image: url(../images/layoutCamera.png);}
	#Container.service-performance-indicators{background-image: url(../images/layoutWatch.png);}
	#Container.financial-statements{background-image: url(../images/layoutBooks.png);}
#Layout{width: 100%; min-height: 562px; height: 562px; height: auto!important; overflow: auto;}

/* SIFR */
h1.sectionTitle, h1.pageTitle {visibility: hidden;}
	#sectionHeading h1{color: #AB7E27; position: absolute; top: 25px; left: 50px; height: 150px; vertical-align: bottom; line-height: 118px; font-size: 32px; font-weight: normal;}
	#sectionHeading h1.LetterCount1 .sIFR-flash{width: 750px!important;}
	#sectionHeading h1.LetterCount2 .sIFR-flash{width: 750px!important;}
	#sectionHeading h1.LetterCount3 .sIFR-flash{width: 750px!important;}
	#sectionHeading h1.LetterCount5 .sIFR-flash{width: 750px!important;}
	#sectionHeading h1.LetterCount6 .sIFR-flash{width: 750px!important;}

	/* Page Title & fix for IE6 */
	#content h1.pageTitle{height: 55px;}
	* html #content h1.pageTitle{position: relative; margin-bottom: 0!important;} /* Removes bottom margin, toggles relative positioning to house the inner embedded flash */

	.sIFR-flash{vertical-align: top; height: 80px;}
	* html .sIFR-flash{position: absolute;} /* Makes absolute, thus reducing the improper bigger gap between the title and the content */

/* Navigation */
#nav{float: left; width: 265px; margin: 10px 90px 0 0;}
	#nav li{background: url(../images/navLi.png) repeat-x; padding-left: 65px; margin-bottom: 17px;}
	#nav a{display: block; color: #6d2901; font-size: 1.2em; text-decoration: none; font-weight: bold; text-transform: uppercase; padding: 12px 0;}
		#nav a:hover, #nav .current a, #nav .section a{color: #473200;}
		#nav ul li{background: none; padding-left: 0; margin-bottom: 0;}
			#nav ul a{color: #a3997f!important; font-size: 0.9em; font-weight: normal; padding: 2px 0 2px 5px;}
			#nav ul a:hover, #nav ul .current a, #nav ul .section a{color: #473200!important;}
			#nav a:active, #nav ul a:active{color: #cd9426;}

/* Content */
#content{float: left; width: 545px; padding-bottom: 270px;}


/* PEOPLE PAGES */
#imageCol {float: left; position: relative; left: -40px; margin-bottom: 4em;}
.narrowCol {display: inline; font-size: 1em!important; margin-left: 235px; width: 352px;}
.narrowCol {margin-top: -1.2em; }

#content .printLink {margin-top: 20px !important; }

