/* css fix for margins in Opera */
html {
	padding:0;
	margin:0;
}

body   {
background:#ffffff url(images/sarrah-bgGrey.jpg);
}

body, p, td, div, dl {
	font-family: "Courier New", Courier, mono;
	font-size: 96%;
	color: #000000;
	text-decoration: none;
	padding:0;
	margin:0;
	}
h1   {
	color:#FFFFFF;
	font: normal "Courier New", Courier, mono;
	margin-bottom:-6px;
	}
h2	{
	color:#330033;
	}
h3   {
	color:#330033;
	margin-bottom:-2px;
	margin-top:-2px;
	text-align:center;
	}
h4	{
	color:#330033;
	margin-bottom:-2px;
	}
h5	{
	margin-bottom:-2px;
	color:#330033;
	}
p	{
	padding-left:5px;
	margin:0px;
}
ul {
padding-top:0px;
margin-top:0px;
padding-bottom:0px;
margin-botom:0px;
}
a:link, a:visited {
	text-decoration:underline;
	color:#333333;
	font-weight:bold
	}
a:hover, a:active  {
	text-decoration:none;
	color:#999999
	}
#top a:link, #top a:visited {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	}
#top a:hover, #top a:active {
	text-decoration:none;
	color:#990000;
	font-weight:bold;
	}
#top a.orient	{
	color: #990000;
	}
.orient	{
	color: #990000;
}
.info {
	font-size:11px;
	text-align:center;
}
/* positioning styles */
#content  {
	position:relative;
	top:0px;
	left:0px;
	padding:80px 0 0 0;
	width:100%;
	border-bottom:1px solid;
}
#top {
	position:absolute;
	top: 0px;
	left:0px;
	width:100%;
	background-image: url(images/bgTop.jpg);
	height: 50px;
	width: 100%;
	background-repeat: repeat-x;
	z-index:5;
	border-bottom: 1px solid;
}

.left {
	border: 1px solid;
	float:left;
	width:23%;
	min-width: 280px;
	margin-left:3%;
	z-index:1;
	background-color:#FFFFFF;
	}
/* css to get navigation to remain static while the content moves - wont work on IE */
body>#top {
	position:fixed;
}
.middle {
	border: 1px solid;
	width:23%;
	min-width: 220px;
	margin-left: auto;
	margin-right: auto;
	z-index:3;
	background-color:#FFFFFF;
	font-size: 100%;
}

.right {
	border: 1px solid;
	float:right;
	margin-right:3%;
	width:23%;
	min-width: 220px;
	z-index:3;
	font-size: 100%;
	background-color:#ffffff;
	}
.pageContent{
	margin-left:38%;
	margin-top:2%;
	width: 60%;
	z-index:3;
	font-size: 100%;
	margin-top:2%;
}
.pageContent p, .pageContent ul, .pageContent li, {
	color:#003366;
}
.movie   {
	position:relative;
	top:20px;
	margin-left:20%;
	margin-right:auto;
	}
.clear	{
	clear:both;
}
#footer  {
	position:relative;
	width:95%;
	z-index:6;
	text-align:center;
	margin-right:10px;
	font-size:80%;
	clear:both;
}