html { 
	min-height: 100%; 
	padding-bottom: 1px;
	background: #FBF9E7
 }
body {
	margin: 0;
	font: 100%/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	color: #666;
	background: #FBF9E7 url(../img/body_bg.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrap {
	min-width: 930px;
	font-size: 83%;
}

	#content {
		position: relative;
		z-index: 10;
		background: url(../img/content_bg.png) repeat-y;
		/*overflow: hidden  
Kerstin Commented this out because it was causing problems in DW
It did not seem to affect any browsers during the QA process	
		*/
	}
		#content .inner {
			padding-bottom: 1px; 
			background: url(../img/aside_bg.png) 100% 0 repeat-y;
			overflow: hidden
		}
	
		.nav {
			float: left;
			width: 200px;
			background: url(../img/nav_bg.jpg) no-repeat
		}
		
		.section {
			position: relative;
			margin-left: 200px;
			background: url(../img/article_shadow.jpg) repeat-x
		}
			.section .inner { 

			}
		
				.article {
					margin-right: 200px;
					padding: 80px 25px 2em 25px;
					background: url(../img/article_bg.jpg) no-repeat
				}
				
				* html #content, * html .section, * html .article { height: 1% }
				* html .section { left: -3px; margin-right: -3px }
				* html .section .inner { float: left }
				
				.aside {
					position: relative;
					float: right;
					width: 200px;
					color: #FFF
				}

/*------ general styles ------*/
a { text-decoration: underline; color: #7EB050; font-weight: bold; }
a:hover, a:focus, a:active { color: #CC6600; }
h1, h2, h3, h4, h5 { 
	margin: 1em 0 .5em; 
	line-height: 1.2;
	font-family: Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}
h2 { font-size: 170% }
h3 { font-size: 140% }
h4 { font-size: 120% }
h5 { font-size: 100% }

p { margin: 0 0 1em; line-height: 1.5 }
ul, ol { padding-left: 1.5em; margin: 0 0 1em 1.5em; line-height:1.1em; }
li { margin-bottom: .5em; line-height: 1.5; }
ol { list-style: decimal }
.alpha { list-style: lower-alpha }
.roman { list-style: lower-roman } 
.no-bullet { padding-left: 0; list-style: none }
img { border: 0 }
abbr { border-bottom: 1px dotted }
abbr:hover { cursor: help }
address { font-style: normal }
blockquote, q { quotes: none }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

.offset { 
	position: absolute;
  left: -999em;
  overflow: hidden; 
}

/*------ header ------*/
.header { 
	position: relative;
	height: 160px;
	background: url(../img/header_bg.jpg) 0 43px no-repeat
}

	#logo { 
		position:absolute;
		top: 7px;
		left: 209px 
	}
	
	.header form {
		position: absolute;
		top: 20px;
		right: 100px;
		width: 200px;
		height: 25px;
		background: url(../img/search_input_bg.png) no-repeat
	}
		.header input, .header button {
			border: 0;
			background: none;
			padding: 0;
		}
		.header button {
			position: absolute;
			left: 1px; top: 0;
			width: 22px;
		}
		.header input { 
			position: absolute;
			top: 4px; left: 25px;
			width: 165px;
			color:#666;
			font-size:88%; 
		}
	

/*------ content ------*/


	/*----- Quick Links --------- */

.quick {
	position: absolute;
	top: 40px; right: 225px;
	width: 304px;
	height: 29px;
	background: url(../img/quick_bg.png) no-repeat;
	z-index: 100;
}
	.quick div {
		margin: 4px;
		padding: 2px 4px 0;
		border: 1px solid #FFF;
		background: url(../img/quick_arrow.png) 100% 0 no-repeat;
		color: #333;
		font-size: 82.5%;
		text-transform: uppercase;
 	}
		.quick div a {
			color: #333;
			text-decoration: none
		}	
	
	.quick ul {
		position: absolute;
		left: -999em;	
		width: 294px;
		margin: 0;
		padding: 0;
		background: #D8E7CA;
		border: 1px solid #FFF;
		list-style: none;
		text-transform: none
	
	}
	.quick div:hover ul { top: 23px; left: 4px; }
		.quick li { margin: 0 }
			.quick ul a { 
				display: block;
				width: 284px;
				padding: 3px 5px; 
			}
			.quick ul a:hover { background: #8AAB78; color: #FFF }
			

		
/*------ sidebars ------*/
.side div, .side p, .side ul { margin: 0 15px }

.side h2 {
	padding: .2em 15px;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;		
}
.side h3 {
	padding: .2em 15px;
	font-size: 110%;
	text-transform: uppercase;		
}
.side h4 {
	padding: .2em 15px;
	font-size: 110%;
}

/* left */
.nav {
	padding-top: 165px;
	font-size: 82.5%
}
	.nav ul {
		padding: 0;
		list-style: none
	}
	.nav h2 {
		color: #333;
		background: #D5E4C5;
		border-bottom: 1px dotted #7EB050;
	}	
		.nav a { text-decoration: none }
		
/* right */
.aside { padding: 1em 0 }
	.aside p {margin-bottom:0; margin-top:1em; line-height: 1.2em;}
	.aside img {
		position: relative;
		margin-left: 2px
	}
	.aside ul { padding-left: 8px }
	.aside h2 {
		color: #FFF;
		background: #759B5F;
		border-bottom: 1px dotted #FFF;
	}
	.aside a { 
		color: #FFF;
		background:url(../img/arrow_white.gif) no-repeat center right;
		padding-right:10px; 
		text-decoration:none; 
		font-weight:bold;
	}
* html .aside a { display: inline-block; }
*+ html .aside a { display: inline-block; }
/*------ footer ------*/

.footer {
	clear: both;
	position: relative;
	padding: 0 0 1em;
	font-size: 67.5%;
	background: #FBF9E7 url(../img/footer_shadow.png) repeat-x
}
	.footer p {
		position: relative;
		min-height: 0;
		margin: 0;
		padding: 152px 0 0 100px;
		background: url(../img/footer_bg.jpg) no-repeat;
		color: #A2B491
	}
	* html .footer p { height: 1% }