/**
 * 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;
}
#twitterSubTitle a
{
	z-index:100;
	position: absolute;
	top: 150px;
	width:150px;
	color: #bbb;
	font-weight: normal;
	font-size: 9.5pt;
	margin-left: 820px;
	text-decoration: none;
}
#twitterSubTitle a:hover
{
	text-decoration: underline;
}
#twitterTitle
{
	z-index:100;
	position: absolute;
	top: 125px;
	width:100px;
	color: #fff;
	font-weight: bold;
	font-size: 13pt;
	margin-left: 820px;
}
#twitterPanel
{
	width: 150px;
	position: absolute;
	top: 120px;
	margin-left: 770px;
}
#twitterTitle2
{
	z-index:100;
	position: absolute;
	top: 125px;
	width:100px;
	color: #fff;
	font-weight: bold;
	font-size: 13pt;
	margin-left: 670px;
}
#twitterPanel2
{
	width: 150px;
	position: absolute;
	top: 120px;
	margin-left: 620px;
}
#twitterSubTitle2 a
{
	z-index:100;
	position: absolute;
	top: 150px;
	width:150px;
	color: #bbb;
	font-weight: normal;
	font-size: 9.5pt;
	margin-left: 670px;
	text-decoration: none;
}
#twitterSubTitle2 a:hover
{
	text-decoration: underline;
}
.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;
}