body {
background-color:#000;
width:900px;
margin-top:30px;
margin-left:30px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10pt;
}



/* ----- HEADER ----- */



#header {
width:900px;
height:200px;
background-color:#000;
}

#logo{
background-color:#000;
float:left;
width:178px;
margin-right:5px;
padding-right:5px;
}

#nav {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	margin-left:200px;
	margin-top:-27px;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#nav li {
	float:left;
	margin:0;
	padding:0;
}
#nav li.current {background-image: url(img/navback.gif)}
#nav li:hover {background-image: url(img/navback.gif)}
#nav a {
	display:block;
}

/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_3.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/


#wrapper{
width:900px;
background:url(background_3.gif) repeat-y; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin-top:0px;
}


/* ----- SIDEBAR ----- */



#left {
width:160px;
min-height:400px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:400px; /* for IE5.x and IE6 */
background-color:#000;
float:left;
margin-top:20px;
}


/* ----- MAIN CONTENT ----- */



#center { 
margin-left:198px;
width:702px;
min-height:400px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:400px; /* for IE5.x and IE6 */
background-color:#000;
margin-top:20px;
}



/* ----- FOOTER ----- */



#footer { 
width:900px;
height:100px;
background-color:#000;
margin-top:30px;
}

/* Table Styles */

table {
table-layout:fixed
}

td.space {
border-left:1px solid white;
}

#sideContent {
float:right;
width: 225px;
}

#contentLeft {
margin-right:15px;
float:left;
width:auto;
}

#contentRight {
width: auto;
}

#arc {
	word-spacing: 20px;
	text-align: center;
}
#arc p {
	background:#333
}

/* Font Styles */
h1 {
font-family: Papyrus;
font-size: 16pt;
font-style: oblique;
font-weight: bold;
}

h2 {
font-family: Papyrus;
font-size: 14pt;
}

h3{
font-family: Papyrus;
font-size: 12pt;
min-height:50px;
}

h4{ 
font-family:Papyrus;
font-size: 12pt;
}

a{
color:#00FF00;
}

.style1 {
	font-family: Papyrus;
	font-size: 10pt;
	font-weight: bold;
}

.style2 {
	font-size: 8pt;
}