html, body{ height: 100%; } /* commented backslash hack v2 \*/ 

body {
	padding: 0;
	margin: 0;
	text-align: center;
}

a { outline: none; }

/* ***************************************************************************************************** */
/* main divs */

#Outer{
	position: relative;
	margin: auto;
	width: 100%;
	min-height: 100%;	
	text-align: center;
	background: White url(../images/layout/bg_body.png) repeat-y center;
}

* html #Outer{ height: 100%; }

#HeaderTop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 10px;
	background: #BFCE30 url(../images/layout/bg_green.png) repeat-y center;
}

#HeaderBottom {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 100%;
	height: 80px;
	background: #5F5B99 url(../images/layout/bg_purple.png) repeat-y center;
}

#Container{
	position: relative;
	margin: 0px auto 0px auto;
	width: 640px;
}

#Container #Logo{
	position: absolute;
	top: 20px;
	left: -105px;
	width: 256px;
	height: 151px;
}

#Container #Tag{
	padding: 30px 25px 0px 0px;
	width: 615px; /* 640-25 */
	height: 60px; /* 90-30 */
	text-align: right;
}

#Container #Nav{
	position: absolute;
	top: 200px;
	left: -4px;
	width: 200px;
}

#Container #Content{
	float: right;
	width: 440px;
	text-align: left;
}

/*needed to make room for footer*/
#ClearFooter {
	clear: both;
	height: 40px;
}

#Footer{
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #BFCE30 url(../images/layout/bg_green.png) repeat-y center;
	height: 40px;
	width: 100%;
}

#Footer #FooterContent {
	top: 0px;
	left: 0px;
	height: 30px;
	text-align: center;
	background: #5F5B99 url(../images/layout/bg_purple.png) repeat-y center;
	font: 9px/28px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #E5E4EA;
}

#FooterContent #FooterLinks{
	position: relative;
	margin: 0px auto 0px auto;
	width: 640px;
	text-align: center;
}

#FooterLinks #FooterCredits{
	position: absolute;
	top: 0px;
	right: -103px;
}

/* ********************************************************************************************************* */
/* content */

#Content #Image{
	margin: 0px 0px 30px 0px;
	width: 440px;
	height: 220px;
	border-bottom: 3px solid #A0AE28;
	background: #E5E4EA;
}

#Content h1{
	margin: 0px 0px 20px 0px;
	font: bold 140% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #A0AE28;
}

#Content h2{
	margin: 0px 30px 0px 0px;
	font: bold 72%/180% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #A0AE28;
}

#Content h3{
	margin: 0px 30px 10px 0px;
	font: bold 72%/180% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #A0AE28;
}

#Content p, #Content table{
	margin: 0px 20px 20px 0px;
	font: 72%/180% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4A4778;
}

#Content td{ vertical-align: top; }

#Content a{ color: #A0AE28; }
#Content a:hover{ color: #8F8DBA; }

#Content ul{
	margin: 0px 30px 20px 0px;
	padding: 0px 0px 0px 15px;
}

#Content ul li{
	font: 72%/180% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4A4778;
	list-style-type: square;
}

#Content hr{
	margin: 0px 30px 20px 0px;
	height: 1px;
	border: 0px solid #E5E4EA;
	background-color: #E5E4EA;
	color: #E5E4EA;
	clear: both;
}

#Casus{
	margin: 40px 0px 0px 0px;
	padding: 20px;
	background: #E5E4EA;
	border-top: 2px solid #8F8DBA;
}

#Casus h3{ color: #4A4778; }

#Casus p, #Casus table{
	margin: 0px 0px 10px 0px;
	font: 72%/180% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4A4778;
	text-align: justify;
}

#FooterLinks a{
	color: #E5E4EA;
	text-decoration: none;
}

#FooterCredits a{ color: #7774AB; }
#FooterLinks a:hover{ color: #A0AE28; }

/* ********************************************************************************************************* */
/* forms */

#Content form{
	margin: 0;
	padding: 0;
}

#Content input, #Content select, #Content textarea{
	width: 250px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #5F5B99;
}

#Content select{ width: auto; }

#Content textarea{
	width: 250px;
	height: 100px;
	overflow: auto;
}

#Content input.submit{ margin: 0px 0px 20px 0px; width: auto; background-color: #8F8DBA; }
#Content input.false, #Content textarea.false{ border: 1px solid #A0AE28;}

/* ********************************************************************************************************* */
/* nav */

#Nav a{
	display: block;
	width: auto;
	margin: 0px 0px 12px 0px;
	padding-left: 10px;
	border-left: 4px solid #E5E4EA;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	color: #4A4778;
}

#Nav a.active{ border-left: 4px solid #A0AE28; }
#Nav a:hover{ border-left: 4px solid #4A4778; }