html{
	height:100%; 
}

body {
	font: 100.1% Geneva, Geneva, Arial, Helvetica, sans-serif;
	background-color:#333333;
	margin:0; 
	padding:0; 
	height:100%; 
}

h1 {
	font: 250%/normal Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	}

h2 {
	font: 150%/normal Geneva, Arial, Helvetica, sans-serif;
	}

h3 {
	font: 100% Geneva, Arial, Helvetica, sans-serif;
	}

#bigbox
	{
position:absolute

}

.container{
	height:100%;
}

#logo{
	font: 220%/normal Geneva, Arial, Helvetica, sans-serif;
	position : absolute;
	top : 20px;
	left : 180px;
	z-index : 1;
	text-align: center;
	height:100px;
	width : 620px;
	vertical-align: middle;
	background: #000000;
	letter-spacing: 0.6em;
	color: #C48C8C;
	border-left: inset 2px #D5EFF7;
	border-right: inset 2px #D5EFF7;
	border-bottom: inset 2px #D5EFF7;
	border-top: inset 2px #D5EFF7;
	}

#logo h2 {
	font: 150%/normal Geneva, Arial, Helvetica, sans-serif;
	}


#leftbar{
	position: absolute;
	top : 0px;
	left : 20px;
	z-index : 6;
	height:160px;
	width : 140px;
	padding: 20px 0px 0px;
	font-size:70%;
	text-align:center;
	border-left: inset 1px black;
	border-right: inset 1px black;
	border-bottom: inset 1px black;
	background: url(../images/orange-with-spot2.jpg) no-repeat center center;
		}

#navigation{
	position: absolute;
	top : 180px;
	left : 20px;
	width : 140px;
	height:100%;
	z-index : 2;
	border-left: inset 1px black;
	border-right: inset 1px black;
	border-bottom: solid 1px black;
	padding-top:2px;
	background-color:#D5EFF7;
	overflow: visible;
}


#content{
	position: absolute;
	top : 142px;
	left : 180px;
	padding-top : 20px;
	padding-bottom : 30px;
	padding-left : 20px;
	padding-right : 20px;
	width: 580px;
	z-index : 2;
	background-color: #FFFFFF;
	border-left: inset 2px #D5EFF7;
	border-right: inset 2px #D5EFF7;
	border-bottom: inset 2px #D5EFF7;
	border-top: inset 2px #D5EFF7;
	}

#content h1 {
	font-weight: normal
	background-color : transparent;
	font: 140% Geneva, Arial, Helvetica, sans-serif;
}

#content p{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #000000;
	background-color : transparent;
	line-height : 140%;
	text-align: justify;
}

.leftimage {
	margin-right: 15px;
	margin-bottom: 5px;
	float: left;
}

.rightimage {
	margin-left: 15px;
	margin-bottom: 5px;
	float: right;
}
em {
color: #990000;
}


p {
	font-size: 100%;
}

li {
	text-align: left;
	margin-bottom: 5px;
	margin-top: 0px;
	}
	
.navbar{
	font: normal 110% Geneva, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	background-color:#D5EFF7;
	display: block;
	padding: 5px 0px 5px 20px;
	width: 120px;
}


a:link, a:active, a:visited
{
	text-decoration: none;
	color: #80939C;
}

a:hover {
	color: #C48C8C;
}

#navigation a:link
{
text-decoration : none;
color : black;
}

#navigation a:active
{
text-decoration : none;
color : black;
}

#navigation a:visited
{
text-decoration : none;
color : black;
}

#navigation a:hover
{
text-decoration : none;
color : #D5EFF7;
}

.navbar:hover{
	font: normal 110% Geneva, Geneva, Arial, Helvetica, sans-serif;
	color: #D5EFF7;
	text-decoration: none;
	display: block;
	padding: 5px 0px 5px 20px;
	width: 120px;
	background-color: black;
}

.brightspot:hover{
	background: url(../images/orange-with-spot-bright.jpg);
	height:160px;
	width : 140px;
	padding: 20px 0px 0px;
}