html, body {
	height: 100%;
}

* { margin:0; padding:0; }

body {
        margin:0;
        padding:0;
	font-family:"Century Gothic",Georgia,Times;
        font-size: 10px;
	text-align: justify;
        line-height:1.3;
	background: url(/images/f1f093/f1f093_bg.gif) repeat;
}

.text {
        margin:8px 0 24px 0;
}

h1,h2,p{margin: 1em 10px}
h1{font-size: 250%;color: #FFF}
h2{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top: 0.3em}

#contents {
	position: absolute;
	top: 0;
    left: 0;
/*  Use the following to center this at 50% width, or this for 750px: 
width: 700px, margin-left: -350px: */
/*
    left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}

#header {
	position: absolute;
	left: 5%;
	right: 5%;
	top: 4%;
	margin-left: 5%;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#footer {
	width: 30%;
	position: absolute;
	right: 12%;
        font-size: 8px;
	text-align: right;
        color: #C0C0C0;
	background: url(/images/f1f093/f1f093_bg.gif) repeat;
	bottom: 2%;
}

#bottomfooter {
	width: 100%;
	margin: auto;
	position: absolute;
	left: auto;
	right: auto;
	bottom: 5%;
	margin-left: auto;
	margin-right: auto;
        font-size: 8px;
	text-align: center;
        color: #000000;
	background: url(/images/9bab7a/9bab7a_bg.gif) repeat;
}

#window { 
	margin: 0 10%;
	background: url(/images/9bab7a/9bab7a_bg.gif) repeat;
	position: absolute;
	height: 80%;
	width: 80%;
	left: 10%;
	right: 10%;
	top: 10%;
	bottom: 10%;
	margin-left: -1%;
	margin-top: .5em;
}

img.displayed 
{
/*    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto; */
	display: block;
	position: float;
	text-align: center;
	margin: 0 auto;
}

.innercontent
{ 
/* clear: left; */
height: 80%;
width: 80%;
margin-top: 65px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 8px;
font-family:"Century Gothic",Georgia,Times;
}

b.rtop, b.rbottom{display:block;background: url(/images/f1f093/f1f093_bg.gif) repeat;}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: url(/images/9bab7a/9bab7a_bg.gif) repeat;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

#inleft 
{
        width: 70%;
        float: left;
        margin-left: -1px;
        margin-top : 20px;
        padding: 10px;
}
        
#inright 
{
        padding: 10px;
        margin-left: 70%;
        top : 20px;
        border-left: 1px;
        width: 30%;
}

.spacer 
{
        clear: both;
}

.staffscroll
{ 
clear: left;
overflow: scroll;
overflow-x: hidden;
height: 80%;
width: 70%;
margin-top: 35px;
margin-left: auto;
margin-right: auto;
}

.borders {
/* width: 70%; */
width: 495px;
padding-top:1px;
padding-bottom:1px;
padding-left:5px;
padding-right:9px;
border-color:#736F6E;
border-width:thin;
border-style:solid
}

.ctext {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
}

.cbold {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #666666;
}

.contacts {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bolder;
        color: #D3D3D3;
}