/* CSS Document */
body {
	background-color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-image:url(../images/gradient.gif);
	margin: 0; /* zeroes the margins on the body */
	padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
	border: 0; /* zeroes off any existing border */
	min-width: 749px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from 			disappearing off the left edge with Gecko browsers */
} 
	
img	{
	border: 0;
	}

p 	{
	margin-top: 0;
	}
	
h1 {
	font-size: 20px;
	color:#900;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	}
	
h2, h3 {
	color:#990000;
	margin-bottom:4px;
	}
h2	{	
	font-size:18px;	
	border-bottom-style: dotted;
	border-bottom-width: thin;
	border-bottom-color: #990000;
	}
h3	{
	font-size:16px;
	font-weight: bold;
	}
hr {
	background-color:#900;
	horizontal-align:center;
	}

#header {
	z-index: 4;
	background:#900;
	height:110px;
	top:0;
	left:0;
	margin:0;
	padding:0;
}

#mainbody {
	position: relative;
	width: 534px;
	left: 0;
	top: 0;
	z-index: 5;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	}
	
#mainbody p, li, td	{
	font-size:18px;
	}
#mainbody a:link {
	color:#900;
	}

#mainbody a:visited {
	color:#909;
	}
	
#mainbody a:hover	{
	color:#00C;
	}
	
#mainbody a:active {
	color:#00C;
	}
	
#mainbody li {
	list-style-image:url(../images/pagebullet.gif);
	}
	
.wrapper {
	position:relative;
	width: 749px;
	margin: 0px auto;
	padding: 0;
	background: #fff;
	border: 2px solid #000;
}

#search {
	position:relative;
	left:530px;
	top:-10px;
	width:220px;
	z-index:10;
	padding: 0px;
	color:#FFF;
	font-size:10px;
	margin:0px;
}

#search a:link {
	color:#fff;
}
#search a:visited {
	color:#fff;
}
#search a:hover {
	color:#ccc;
}
#search a:active {
	color:#ccc;
}
#search fieldset {
	font-size:10px;
}
#search input {
	font-size:10px;
}

#footer {
	color:#666;
	font-size:.8em;
	text-align: right;
	z-index:7;
	}

#prefs {
	position:relative;
	left:5px;
	width:160px;
	z-index: 20;
	font-size: 16px;
	background-color: #FFF;
	border: 2px outset #900;
	padding:2px;
	top: 15px;
}

#prefs a:link {
	color:#900;
	}

#prefs a:visited {
	color:#909;
	}
	
#prefs a:hover	{
	color:#00C;
	}
	
#prefs a:active {
	color:#00C;
	}

.longlist li {
	padding-bottom:8px;
}
.subtitle {
	font-style: italic;
	font-weight: bold;
	}
	
.imgborder {
	border:solid;
	border-color:#000;
	border-width:2px;
	margin:5px;
	}
	
fieldset { padding: 10px; 
           border: 2px solid #999; }

legend {
	color: #900;
	font-weight: bold;
	font-size: larger;
	}

input { color: #000;
        background-color: #F5F5F5; 
        font-weight: bold; 
        border: 1px solid #000000;
        margin: 1px; 
		}
		
textarea { color: #000;
        background-color: #F5F5F5; 
        font-weight: bold; 
        border: 1px solid #000000;
        margin: 1px; 
		}

#buttons { margin-top: 10px; text-align: center; }

#leftside {
	clear: left;
	width: 180px;
	background-color: #fff;
	float: left;
	padding-bottom:25px;
	border-left:#000000 2px; 
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
 
.clearfix {display: inline-table;}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */