@charset "utf-8";
/* CSS Document */

html,
body {
	overflow-y: scroll;
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
	font-weight: bold;
}
html>body #wrap {height:100%;} /* 100 % height */
#wrap {
	width:50em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header {
	width:50em;
	height:19em;
	color: #FFF;
}
html>body #header {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}
html>body #content-wrap {height:100%;
} /* 100 % height */
html>body #content {padding:6em 1em;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
#footer {
	width:50em;
	height:3em;
	text-align: center;
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
	color: #FFF;
}
 
/* Styling to make this demo page look just a little bit better */
html,
body {
	color:#333;
	background:#FFF url(images/bg.png) repeat fixed;
}
body {font:76%/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
h1,
h2 {
	margin:0.25em 0;
	font:normal 1.5em/1.1 "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	text-align:center;
	letter-spacing:1px;
}
p {
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
	padding-top: .5em;
}
p.info {
	position:relative;
	padding:0em;
	margin-top: 12em;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:link,
a:visited {
	border-bottom:1px dotted;
	color:#AE4F0C;
	font-weight:bold;
	text-decoration:none;
}
a:focus,
a:hover {
	border-bottom-style:solid;
	color:#D03900;
}
a.blue:link {
	color: #009;
	border-bottom:1px dotted;
	font-weight: bold;
	text-decoration:none;
}
a.blue:active {
	color: #CCC;
	border-bottom:1px dotted;
	font-weight: bold;
	text-decoration:none;
}
a.blue:visited {
	color: #F00;
	border-bottom:1px dotted;
	font-weight: bold;
	text-decoration:none;
}
a.blue:hover {
	color: #000;
	border-bottom:1px dotted;
	font-weight: bold;
	text-decoration:none;
}
p.ul
{
	padding-bottom:0;}

	
ul {
	list-style-position: inside;
	list-style-type: disc;
	font-size: 1em;
	padding-left: 14px;
	font-weight: normal;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	line-height: normal;
	text-align: left;
}



#header,
#footer {
	color:fff;
	background:#698296;
	text-align:center;
}

#content-wrap,
#content {background:#f8f8f3 url(/i/demo.gif);}

#footer a {
	color:698296;
}
[if lt IE 7]>
	<link rel="stylesheet" href="../ie.css" type="text/css">
<![endif]