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

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#ffffff url(images/bg.gif) center fixed;
	
	font-family:verdana,arial,sans-serif;
	font-size:small;
	color:#6f317b;
}

h1 { 
	font:2em; 
	padding:1em 0 1em;
	text-align:center;
}
h2 {
	font:1.5em; 
}
h3 {
	font:1em; 
}
h4 {
	font-size:80%; 
	font-style:italic;
}
h5 { 
	padding-left: 50px;
}

	h1, h2, h3, h4, a {
		color:#c80f53;
	}
	
div.text { 
	font-weight:normal;
}

span.textBold { 
	padding-left: 20px;
	font-weight:bold;
}

	

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

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

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

div#bgContainer {
	background:url(images/bg.gif) center fixed;
}

div#header {
	height:200px;
	background:url(images/logo.gif) no-repeat center;
}

div#content {
	padding:1em 1em 5em; /* bottom padding for footer */
	background:#ffffff;
	border-top:6px double #dba3e6;
}
	div#content p {
		text-align:justify;
		padding:0 2em;
	}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#6f317b;
	color: #ffffff;
}
	div#footer p {
		padding:1em;
		margin:0;
		font-size:80%;
		text-align:center;
	}
	div#footer a {
		color: #dba3e6;
		font-weight:bold;
  		text-decoration: none;
	}
	div#footer a:hover {
		color: #ea91b1;
	}
	
	
.imageLeft { 
	float: left;
	padding:0 2em 2em;
	font-style:italic;
	text-align:center;
	font-size:80%;
	font-weight:bold;
}
.imageRight { 
	float: right;
	padding:0 2em 2em;
	font-style:italic;
	text-align:center;
	font-size:80%;
	font-weight:bold;
}
img{border: 2px solid #6f317b;}	
	
	
	




/*MENU*/
#nav {
  margin: 1em auto;
  width: 100%;
  padding: 0;
  list-style-type: none;
  text-align: center;
}
 
#nav li {
  margin: .2em 0;
  display: -moz-inline-box;  /* for Mozilla based browsers */
  display: inline-block;
  /* IE5/Mac needs these to have a set width. Change it when necessary. */
  /* start for IE5/Mac only \*//*/
    width: 5em;
  /
 end for IE5/Mac only */
}
 
#nav li a {
  width:100px;
  display: block;  /* for Mozilla based browsers */
  display: inline-block;
  padding: .7em;
  border: 1px solid #6f317b;
  background:#dba3e6;
  text-decoration: none;
  color: #6f317b;
  font-weight:bold;
}
#nav li a:hover {
  background: #ca5781;
  text-decoration: none;
  color: #ffffff;
}
 
</style>
<!--[if lte IE 7]><style type="text/css">
#nav li {
  display: inline;
  margin: .2em;
}
* html #nav li,
* html #nav li a {
  height: 1px; /* to trigger hasLayout in IE5.0/Win */
}
</style><![endif]-->