/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; 
	font-family:arial,sans-serif;
	font-size:small;
	background-image: url(../images/BackgroundGradient.png);
	background-position: left bottom;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

h1 { 
	font:1.4em arial,serif; 
	border-bottom: solid 1px black;
	margin:0.5em 0;
}

h2 {
	font:1.20em arial,serif; 
	margin:0 0 0.5em;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	background-image: url("../images/header-01.png");
	background-position: left;
	height: 110px;
	width: 100%;
	top:0px;
	position: absolute;
	top:0px;
}
 
 
	
	.indent
	{
		padding:0 1em;
	}
		.indentBig
	{
		padding:0 3em;
	}
	
 
div#content {
	padding:1em 1em 5em; /* bottom padding for footer */
	width: 780px;
	padding-top:110px;
	margin: 0 auto;
}
	div#content p {
		text-align:justify;
		padding:0 1em;
}

div#footer {
	position:absolute;
	width:100%;
	color: White;
	bottom:0; /* stick to bottom */
	height: 20px;
	background-image: url(../images/footer-01.png);
	background-position: left;
}
div#footer #footerText
{
	font-size: 0.8em;
	padding-top: 3px;
	padding-left: 30px;
}
	
#headerContent
{
	width:780px;
	margin: 0 auto;
}
#logo
{	
	position: absolute; 
	z-index: 2; 
}
#menubar
{
	padding-left: 160px;
	z-index: 3;
	top: 84px;
	position: absolute;
}
#butterfly
{
	z-index: 4;
	top: 0px;
	margin-left: 10px;
	position: absolute;
}
.menu 
{
	    color : #ffffff;
        font-family: Verdana; 
        font-size: 9pt;
        font-weight:normal;
        text-decoration:none;
}
.menu:hover
{
		color : #FD99CB;
        font-family: Verdana; 
        font-size: 9pt;
        text-decoration:none;
}
#contentPanel
{
	width: 600px;
}
#dashboardPanel
{
	width: 180px;
	position: absolute;
	top: 150px;
	margin-left: 600px;
}
.ErrorMessage
{
	    color : #990000;
        font-family: Verdana; 
        font-size: 8pt;
        letter-spacing: 0;
        font-weight: bold;        
}
.eventTitle
{
	font-size: 1.1em;
	font-weight: bold;
}
.eventSubTitle
{
	font-size: 0.8em;
	font-style: italic;
}
.eventDetails
{
	font-size: 0.9em;
}
.eventFurtherDetails
{
	font-size: 0.8em;
}