html {
	height: 100%; 
	overflow:hidden;
	height:100%; /* fix height to 100% for IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	max-height:100%; /* fix height for other browsers */
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow:hidden; /*get rid of scroll bars in IE */
	/* */
}

body {
	background-color: transparent;
	z-index:0;
	position:relative;
	font-family: Arial;
	font-size: 18px;
	color: #0099CC;	
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow:hidden; /*get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background-color: #000000;
}

body2 {
	position:relative;
	font-family: Arial;
	font-size: 18px;
	color: #999999;
	opacity:0.5;
}	

body3 {
	position:relative;
	font-family: Arial;
	font-size: 18px;
	color: #999999;
	opacity:0.5;
}	

H1 {
	font-family:Arial;
	font-size:36px;
	color: #0099CC;
	position:fixed;
	top:133px;
}

H2 {
	font-family:Arial;
	font-size:36px;
	color: #999999;
	position:fixed;
	top:170px;
	opacity:0.5;
}

img#background {
	width: 100%;
	z-index: -1;
	position:absolute;
	color: white;
}

a{
	color: #0099CC;
	text-decoration: none;
}

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

a:active{
	color: #0099CC;
	text-decoration: none;
}
a:visited{
	
	text-decoration: none;
}

#container{
	width: 1100px;
	display:block; /* set up as a block */
	height:100%; /* set height to full page */
	max-height:100%;
	position:relative; /* set up relative positioning so that z-index will work */
	z-index: 0;
}

.pad2 {
	display:block;
	height:100px; /* height to miss header and footer */
}

#flashcontainer{
	width: 800px;
	float:left;
	margin-left: 20px;
	margin-top: 5px;
	z-index: 100;
}

#menu{
	width:172px;
	margin-left: 45px;
	margin-top: 20px;
	text-align: right;
	float:left;
}

#menu a{
	color:#754e23;
	text-decoration: none;
	line-height: 20px;
}

#menu a:hover{
	color:#754e23;
	text-decoration: underline;
	line-height: 20px;
}

#selected{
	font-weight: bold;
	color: #FFFFFF;
	padding-right:10px;
	background-image:url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#submenu{
	width: 115px;
	margin-top: 94px;
	text-align: right;
	float:left;
	margin-left:20px;
}

#submenu a{
	color:#754e23;
	text-decoration: none;
	line-height: 20px;
}

#submenu a:hover{
	color:#754e23;
	text-decoration: underline;
	line-height: 20px;
}

#content{
	width: 450px;
	height: 375px;
	float: left;
	margin-top: 98px;
	margin-left:20px;
}

#contentlinks{
	width: 450px;
	height: 375px;
	float: left;
	margin-top: 98px;
	margin-left:20px;
	line-height:14pt;
	font-size:9pt;
}
div#scroll{
	width: 440px;
	height: 340px;
	overflow: auto;
}
div#footer {position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 17px;
	padding-top:3px;
	background-color: #9a8874;
}

#createdby{
	color:#FFFFFF;
	float:left;
	margin-left: 20px;
}

#createdby a{
	color: #FFFFFF;
	text-decoration: none;
}

#createdby a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#footerlinks{
	color:#FFFFFF;
	text-transform:uppercase;
	float:right;
	margin-right: 20px;
}

#footerlinks a{
	margin-right: 40px;
	color: #FFFFFF;
	text-decoration: none;
}
#footerlinks a:hover{
	margin-right: 40px;
	color: #FFFFFF;
	text-decoration: underline;
}
#featureddiary{
	width:360px;	
	position: absolute;
	top:100px;	 
	left:290px;
	border:5px solid #9a8874;
	padding:5px;
	font-size:12px;
	font-weight:bold
}