html {
	height: 99%;
	overflow: hidden;
}

body {
	overflow:hidden;
	height:100%;
	margin:0px;
	padding:0px;
	background-color: #F3EFEC;
	
	scrollbar-3dlight-color:#cccccc;
	scrollbar-arrow-color:#666666 ;
	scrollbar-darkshadow-color:#cccccc ;
	scrollbar-face-color:#f0f0f0 ;
	scrollbar-highlight-color:#DED2D1  ;
	scrollbar-shadow-color:#ffffff ;
	
	font-size:10pt;
	font-family:courier new, courier, times, roman, times new roman, serif;
	
	color:#000000;
	
}

a {
	color:#990000;
	text-decoration: underline;
}

a:hover {
	color:#cc0000;
	text-decoration: underline;
}

#wallpaper {
	position:absolute; 
	width:200%; 
	height:200%; 
	z-index:0;
	left:0px;
	top:0px;
	visibility:hidden;
	background-image: url(../images/finalwallpaper.jpg);
}
#graffiti {
	position:absolute; 
	width:200%; 
	height:200%; 
	z-index:1;
	visibility:hidden;
	background-image: url(../images/graffiti.gif);
}

#announcementDiv {
	position:absolute;
	z-index:6;
	visibility:hidden;
}
#objectsFixDiv {
	position:rlative;  
	left:0px; 
	z-index:1; 
	width:1px; 
	height:100px;
	visibility:hidden;
}
#objectsDiv {
	position:absolute; 
	left:5px; 
	z-index:4; 
	width:85%; 
	visibility:hidden;
}

#objectsImagesDiv {
	position:absolute; 
	top:0px; 
	left:0px;
	z-index:4;
	height:1%;
}
html>body #objectsImagesDiv { /* fix for IE - stops the icons from disappearing on selected browser widths. Linked to the width of 1% in #objectsImagesDiv - see http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml, item 3 */
	height: auto
}
.menuIcon {
	position:relative;
	width:100px;
	float:left;
	text-align:center;
	/*border:1px solid #ff0000;*/
}

.menuName {
	position:relative;
	width:100px;
	float:left;
	text-align:center;
	/*border:1px solid #0000ff;*/
}


#htmlDiv {
	position:absolute; 
	left:22px; 
	z-index:4;
	height:98%;
	width:85%; 
	/*visibility:hidden;*/
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
}

#menuButtonDiv {
	position:absolute; 
	right:20px; 
	top:-45px;
	z-index:5; 
	overflow:hidden;
}

#adviceDivText {
	padding-top:4px;
}

#adviceDiv {
	position:relative; 
	float:left; 
	width:85%; 
	height:124px; 
	background-image:url(../images/guide_bg_middle.gif);
}
#flashContent {
	height:100%;
	width:100%;
	text-align:left;
}

#flashCache {
	height:0px; 
	width:0px;
	position:absolute;
	left:-2000px;
	top:-2000px;
	visibility:hidden;
}

.seeThrough {
	filter:alpha(opacity=80); 
	opacity:.80; 
}


.guideText {
	position:relative;
	font-family:courier new, courier, times, roman, times new roman, serif;
	font-size:10pt;
	color:#333333;
	padding:4px 0px 0px 0px;
	margin:0px;
	height:124px;
}

img.guidePhoto {
	margin: 5px 10px 0px -5px;
}


.menuImage {
	border:0px;
	margin:0px;
}

h2.contentHeader {
	font-size:15pt;
	font-weight:bold;
	/*background-color:#ffffff;*/
	font-family:courier new, courier, times, roman, times new roman, serif;
	
	text-align:left;
}

contentText {

}
img {
	border:0px;
}

img.photo {
	clear:both;
	padding-bottom:2em;
}
/* form stuff */
div.formRow {
	clear:both;
}

label {
	float:left;
	width:8ex;
	white-space:nowrap;
	text-align:left;
}

.labelLike {
	float:left;
	width:8ex;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
}
input {
	font-family:courier new, courier, times, roman, times new roman, serif;
	font-size:8pt;
	margin-bottom:5px;
	border:1px solid #999999;
	background-color:#f0f0f0;
	padding:0px 2px 0px 2px;
	vertical-align:top;
}

select {
	font-family:courier new, courier, times, roman, times new roman, serif;
	font-size:8pt;
	margin-bottom:5px;
	border:1px solid #999999;
	background-color:#f0f0f0;
	padding:0px 0px 0px 2px;
	vertical-align:top;
}

.submit {
	font-size:8pt;
	border:1px solid #999999;
	background-color:#f0f0f0;
	vertical-align:top;
}

textarea {
	font-family:courier new, courier, times, roman, times new roman, serif;
	font-size:8pt;
	margin-bottom:5px;
	border:1px solid #999999;
	background-color:#f0f0f0;
	padding:0px 2px 0px 2px;
	vertical-align:top;
	overflow-y:auto;
}

img.atImage {
	vertical-align:middle;
	border:0px;
	margin:0pc 1px 0px 1px;
}

.returnMessageHidden {
	position:absolute;
	visibility:hidden;
	clip:rect(0px 0px 0px 0px);
}

.returnMessage {
	position:relative;
	visibility:visible;
	/*clip:rect(auto);*/
	margin:1ex 0px 1.5ex 0px;
	font-style:italic;
}