/* =Body     
	----------------------------------------------- */
	
	body {	
		background: #fff url(../../images/header/header_bkg.jpg) repeat-x top left;
		margin: 0;
		padding: 0;
		font-family: verdana, arial, sans-serif;
		font-size: 1em;
		text-align: center;
		color: #000;
		}

	/* =Links
	----------------------------------------------- */

	a:link { 
		text-decoration: underline;
		color: #004E7F;
		}

	a:visited {
		text-decoration: underline;
		color: #004E7F;
		}

	a:hover {
		background-color: #C7DEE9;
		text-decoration: none;
		color: #000;
		}

	a:active { 
		background-color: #C7DEE9;
		color: #000;
		}

	/* =H
	----------------------------------------------- */
	h1#logo { 
		background: url(../images/header/l_header_bkg.jpg) no-repeat;
		position: absolute;
		top: 0;
		width: 240px;
		height: 171px;
		left: -35px;
		margin: 0;
		text-indent: -2000px;
		z-index: 2; /* always on top */
		}

	/* =Layout
	----------------------------------------------- */
	#wrapper {
		background: #fff url(../../images/body/bg-wrap.gif) no-repeat top left;
		position: relative;
		width: 730px;
		margin: 0 auto 0 auto;
		padding: 0;
		
		text-align: left;
		}
		
	#header {
		background: #FFDB00 url(../images/header/header_bkg.jpg) repeat-x bottom left;
		position: relative;
		width: 100%;
		height: 100px;
		}
		
	#content {
		float: left;
		width: 490px;
		margin: 80px 0 20px 15px;
		font-size: 1em;
		line-height: 1.5em;
		}

	#gallery {
		float: left;
		width: 100%;
		margin: 80px 0 20px 15px;
		font-size: 1em;
		}
		
	#sidebar {
		float: right;
		width: 190px;
		margin: 80px 0 0 0;
		color: #473C28;
		}

	#footer {
		clear: both;
		margin: 30px 0;
		padding: 0;
		border: 1px solid #ccc;
		border-width: 1px 0 0 0;
		font-size: 0.7em;
		color: #333;
		}
		
	#footer p {
		margin: 0;
		padding: 0;
		line-height: 2em;
		}
	
	/* =Navigation
	----------------------------------------------- */

	#nav {
		position: absolute;
		right: 0;
		bottom: 0;
		margin: 0;
		padding: 0;
		z-index: 1;
		}
		
	#nav ul {
		list-style: none;
		}	

	#nav li {
		float: left; /* IE needs the li floated otherwise they stack in a diagonal due to display block on the a link*/
		margin: 0;
		padding: 0;
		font-family: "Lucida Grande", sans-serif;
		}

	#nav a {
		background: #333 url(../images/menu/off_bg.gif) repeat-x top left;
		float: left;
		display: block;
		margin: 0 1px 0 0;
		padding: 4px 12px;
		border: 1px solid #9B8748;
		border-bottom: none;
		text-decoration: none;
		color: #fff;
		}
	
	#nav a:hover, body#intro #t-intro a, a#current {
		background: #fff url(../images/menu/on_bg.gif) repeat-x top left;
		padding-bottom: 4px;
		border-color: #727377;
		color: #333;
		}

	/* =Skip 
	----------------------------------------------- */

	#skip {
		display: none;
		}


	/* =Content
	----------------------------------------------- */

	#content h1, #gallery h1 {
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #000;
		font-family: "Myriad Web", "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
		font-size: 1.4em;
		font-weight: normal;
		text-align: justify;
		color: #000;
		}

	#content h2, #content h3, #gallery h2, #gallery h3 {
		margin-bottom: 2px;
		font-family: "Myriad Web", "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
		font-size: 1.3em;
		font-weight: normal;
		line-height: 1.5em;
		text-decoration: underline;
		color: #000;
		}

	#content h3 {
		font-size: 1.1em;
		}

	#content p {
		font-size: 0.8em;
		font-weight: normal;
		line-height: 1.8em;
		color: #333;
		}

	#content address {
		font-size: 0.8em;
		font-style: normal;
		}

	#content img {
		margin: 5px 0;
		background: url(../../images/bkg/backstripes.gif);
		padding: 8px;
		border: 1px solid #CCC;
		}
		}

	#content .left {
		float: left;
		margin: 0 5px 5px 0;
		}

	#content .right {
		float: right;
		margin: 0 0 5px 5px;
		}

	/* =Content form
	----------------------------------------------- */
	
	#content form {
		margin: 10px 0;
		}
		
	#content form dt {
		font-size: 0.8em;
		}
		
	#content dd.error {
		background: url(../images/icons/medium/alert.gif) no-repeat 0 4px;
		margin: 10px 0;
		font-size: 0.8em;
		font-weight: bold;
		}
		

	#content dd.error {
		background: url(../images/icons/medium/alert.gif) no-repeat 0 4px;
		padding: 0 0 0 20px;
		color: #CC0000;
		}
		
	#content form input, #content form textarea {
		padding: 5px;
		font-size: 0.8em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
	#content input.button {
		font-weight: bold;
		}	
		
	#content .flash {
		background: #FFFFCC;
		margin: 0.8em 0;
		padding: 5px;
		font-size: 0.8em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border: 1px solid #DDD;
		}
	
	/* =Content lists
	----------------------------------------------- */
	
	#content dl.document {
		background: url(../../images/icons/large/file_32.gif) no-repeat 0 5px;
		margin: 0 0 20px 0;
		padding: 5px 5px 5px 40px;
		font-size: 0.8em;
		}
		
	#content dl.alt {
		background: #f1f1f1 url(../../images/icons/large/file_32.gif) no-repeat 0 5px;;
		}	
		
	#content dt {
		font-weight: bold;
		}
			
	#content dd {
		margin: 0;
		}	
		
	#content dd.info {
		font-weight: bold;
		}		

	#content ul {
		margin: 0 0 20px 20px;
		padding: 0;
		list-style: none;
		font-size: 0.8em;
		}

	#content ul li {
		background: url(../../images/icons/bullet-dot-1.gif) no-repeat 0 50%;
		margin-left: 0;
		padding: 0 0 0 15px;
		}

	#content ul.archive {
		margin: 0 0 20px 20px;
		padding: 0;
		list-style: none;
		font-size: 0.8em;
		}

	#content ul.archive li {
		background: url(../../images/icons/news.gif) no-repeat 0 50%;
		margin-left: 0;
		padding: 0 0 0 20px;
		}

	#content ul.document, #content ul.link {
		margin: 10px 10px 10px 20px;
		padding: 0;
		list-style: none;
		font-size: 0.8em;
		}

	#content ul.document li {
		background: url(../../images/icons/medium/file.gif) no-repeat 0 4px;
		margin-left: 0;
		padding: 0 0 0 22px;
		}

	#content ul.link li {
		background: url(../../images/icons/medium/website.gif) no-repeat 0 4px;
		margin-left: 0;
		padding: 0 0 0 22px;
		}
	
	/* =Gallery
	----------------------------------------------- */
	
	#gallery p {
		font-size: 0.8em;
		}
	
	#gallery img {
		background: url(../../images/bkg/backstripes.gif);
		padding: 8px;
		border: 1px solid #CCC;
		}
		
	.photo {
		float: left;
		margin-top: 2em;
		margin-right: 62px;
		width: 180px;
		height: 200px;
		text-align: center;
		line-height: 1.5em;
		font-size: 0.8em;
		}
		
	.photo span {
		display: block;
		font-size: 0.85em;
		}
		
	.photo img a {
		text-decoration: none;
		}

	/* =Sidebar Panels
	----------------------------------------------- */

	#sidebar .panel {
		margin: 0 0 25px 0;
		font: normal 0.7em Verdana, Arial, sans-serif;
		color: #333;
		}

	#sidebar .panel h2,  #sidebar .panel .pages h2 {
		background: #5E5E5E url(../images/corners/top_left.jpg) no-repeat top left;
		margin: 0 0 0 0;
		padding: 6px 12px;
		font: bold 110% Arial, sans-serif;
		text-transform: uppercase; 
		color: #fff;
		}

	#sidebar .panel ul {
		background: #eee url(../images/corners/bottom_right.jpg) no-repeat 100% 100%; 
		/* Round rect corner bottom right sits in the UL and not the <div> due to weird issue in ie6 and the bottom panel */
		margin: 0;
		padding: 10px 15px 15px 15px;
		line-height: 1em;
		list-style: none;
		}

	#sidebar .panel ul li {
		background: url(../images/icons/bullet-dot-1.gif) no-repeat 0 8px;
		margin: 0;
		padding: 0 0 0 13px;
		line-height: 1.3em;
		}
		
	#sidebar .panel ul li.backup {
		background: url(../images/icons/arrow-up.gif) no-repeat 0 7px;
		margin: 0;
		padding: 0 0 0 13px;
		}

	#sidebar .panel ul ul {
		background: none;
		padding: 0px; /* We do not want the padding inherited from the first UL declaration */
		}

	#sidebar .panel a, 
	#sidebar .panel span {
		display: block; 
		border-bottom: 1px solid #D8D8D8;
		padding: 4px 2px;
		text-decoration: none;
		color: #606352;
		}

	#sidebar .panel span {
		background-color: transparent;
		color: #606352;
		}

	#sidebar .panel a:visited {
		color: #606352;
		}

	#sidebar .panel a:hover {
		background-color: #C7DEE9; 
		color: #000;
		}