/* CSS Document */
	html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
#wrapper {
position: relative;
width: 900px;
margin: 0 auto;
border: 0px solid #000000;
text-align: left; 
}


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC9900;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 16px;
}
#timebar {
	position:absolute;
	left:0px;
	top:125px;
	width:900px;
	height:75px;
	z-index:5;
	visibility: visible;
}
#popUpHolder {
	position:absolute;
	left:0px;
	top:0px;
	width:390px;
	height:400px;
	z-index:1;
}
#contactLogo {
	position:absolute;
	left:115px;
	top:10px;
	width:162px;
	height:178px;
	z-index:2;
}
#familypic {
	position:absolute;
	left:0px;
	top:0px;
	width:251px;
	height:400px;
	z-index:6;
}

#flashpic {
	position:absolute;
	width:464px;
	height:400px;
	z-index:4;
	left: 254px;
	top: 1px;
	visibility: visible;
}
#textarea {
	position:absolute;
	width:400px;
	height:366px;
	z-index:3;
	left: 252px;
	top: 12px;
	background-image: url(images/trans1.png);
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 12px;
	overflow: auto;
}
#navholder {
	position:absolute;
	width:251px;
	height:400px;
	z-index:2;
	left: 658px;
	top: 37px;
}
#navbtn {
	position:absolute;
	width:181px;
	height:408px;
	z-index:7;
	left: 720px;
	top: 0px;
}
#button {
	position:absolute;
	width:136px;
	height:23px;
	z-index:2;
	left: 129px;
	top: 363px;
}

#arts {
	position:absolute;
	left:0px;
	top:609px;
	width:60px;
	height:109px;
	z-index:19;
	background-image: url(images/arts-council-new-2012.png);
	border: medium groove #CC6600;
}
#player {
	position:absolute;
	left:70px;
	top:609px;
	width:70px;
	height:32px;
	z-index:20;
	border: medium groove #CC6600;
}
#player2 {
	position:absolute;
	left:77px;
	top:610px;
	width:70px;
	height:32px;
	z-index:20;
	border: medium groove #CC6600;
}

#audioText {
	position:absolute;
	left:160px;
	top:609px;
	width:186px;
	height:18px;
	z-index:21;
}
#imagetext {
	position:absolute;
	left:295px;
	top:642px;
	width:307px;
	height:18px;
	z-index:22;
}
#textbtns {
	position:absolute;
	left:282px;
	top:609px;
	width:671px;
	height:18px;
	z-index:18;
	visibility: visible;
}
#flashbanner {
	position:absolute;
	left:0px;
	top:4px;
	width:900px;
	height:110px;
	z-index:2;
	border: medium groove #CC6600;
	visibility: visible;
}

body {
	margin:0px;
	background-image: url(images/foss_bg_red.gif);
	scrollbar-base-color: #660000;
	scrollbar-arrow-color: #F95300;
	scrollbar-3dlight-color: #E8AE00;
	scrollbar-darkshadow-color: #FF7700;
	scrollbar-face-color: #F79800;
	scrollbar-highlight-color: #E5E100;
	scrollbar-shadow-color: #AA5800;
	scrollbar-track-color: #990000;
	}
	
	a:link {
	text-decoration: none;
	color: #FF9900;
}
a:visited {
	text-decoration: none;
	color: #FF9900;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FF9900;
}
#mainImage {
	position:absolute;
	left:0px;
	top:197px;
	width:900px;
	height:400px;
	z-index:17;
	background-image: url(images/curtains_wide3.jpg);
	border: medium groove #CC6600;
	visibility: visible;
}
#mainImageTwo {
	position:absolute;
	left:0px;
	top:197px;
	width:900px;
	height:400px;
	z-index:10;
	border: medium groove #CC6600;
	overflow: auto;
	
}
#mainImageThree {
	position:absolute;
	left:0px;
	top:197px;
	width:900px;
	height:400px;
	z-index:5;
	border: medium groove #CC6600;
	background-image: url(images/curtains_wide3_pale.jpg);
}
#mainImageDelta {
	position:absolute;
	left:0px;
	top:197px;
	width:900px;
	height:400px;
	z-index:4;
	border: medium groove #CC6600;
	overflow: auto;
	background-image: url(images/curtains_wide3_pale.jpg);
}
#mainImageFour {
	position:absolute;
	left:2px;
	top:201px;
	width:900px;
	height:400px;
	z-index:100;
	border: medium groove #CC6600;
	overflow: auto;
	
}

#marquee {
	position:absolute;
	left:63px;
	top:145px;
	width:786px;
	height:23px;
	z-index:6;
	background-color: #990000;
	padding-top: 0px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #CC6600;
	border-right-color: #CC6600;
	border-bottom-color: #CC6600;
	border-left-color: #CC6600;
	visibility: visible;
	padding-right: 0px;
	padding-bottom: 12px;
	margin-bottom: 5px;
	vertical-align: middle;
}
#leftfleur {
	position:absolute;
	left:0px;
	top:145px;
	width:60px;
	height:35px;
	z-index:7;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: groove;
	border-right-style: none;
	border-bottom-style: groove;
	border-top-color: #CC6600;
	border-right-color: #CC6600;
	border-bottom-color: #CC6600;
	border-left-color: #CC6600;
	border-left-style: groove;
	visibility: visible;
}
#rightfleur {
	position:absolute;
	left:842px;
	top:145px;
	width:60px;
	height:35px;
	z-index:15;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: none;
	border-top-color: #CC6600;
	border-right-color: #CC6600;
	border-bottom-color: #CC6600;
	border-left-color: #CC6600;
	visibility: visible;
}
.scrollText {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.marqueeText {
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: blink;
	vertical-align: middle;
}
#contact {
	position:absolute;
	left:835px;
	top:610px;
	width:77px;
	height:52px;
	z-index:23;
}
.marqueeText {
	font-family: Impact, Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: text-top;
}