/*RESET*/

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, q, s, samp,
small, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
a {text-decoration: none; color: #0000c1; font-weight: bold;}
a:hover {text-decoration: underline;}

/* Main Styles */
body {
	background-color: #ccc;
	height: 100%;
	width: 100%;
}
body {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
h1 {font-family: Georgia, Times, serif; font-size: 2em; line-height: 2.25em; font-weight: bold; letter-spacing: 1.25;}

h2 {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; 
	color: #d01022;
	font-size: 1.75em;
	line-height: 2em;
	font-weight: bold;
	margin-bottom: 1em;
	text-align: left; 
}
h3 {font-size: 1.5em; line-height: 1.75em; font-weight: bold;}

h4 {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; 
	font-size: 1.25em;
	line-height: 1.05em;
	font-weight: bold;
	margin: 1em 0;
	text-align: left; 
}
p {
	font-size: 1em;
	line-height: 1.25em;
	margin-bottom: 1.5em;
}
td {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.05em;}

th {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;}

.bodystyle {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: .75em;
	color: #999999;
}


#wrapper {
	width: 77.5em;
	margin:10px auto;
	background: #000;
	border: 8px solid #333;
	border-width: 8px 10px;
	border-color: #333 #bbb ; 
}

#header {
	background: #978c76;
    margin: 0 auto;
    padding: 1em;
	border-bottom: 10px solid #999966;
}

#header h1 {	
	font-family: Georgia, Times, serif; 
	text-align: center;
	color: #FFFFFF;
	font-size: 2em;
	font-weight: bold;
	line-height:2.15em;
	margin: 0 auto;
}
	
#header h3 {font-family: Georgia, Times, serif; 
	text-align: center;
	color: #FFFFFF;
	font-size: 1.75em;
	font-weight: bold;
	line-height:1.5em;
	margin: 0 auto;
}

#navigation {font-size:10pt;
	height: 2em;
        width: 73em;
	margin: 1em auto;
	  text-align: center;
	z-index:4;}
	
#button {padding: 0;   text-align: center;}
  
#button li {display: inline;}
   
#button li a {
  font-size: 1.15em;
  color: #fff091;
  font-weight: bold;
  background-color: #000;
  text-decoration: none;
  padding: .75em 1.55em;
  float: left;
}

#button li a:hover {
background-color: #978c76;
}

#content {
	background-color: #F7F7F2;
    width: 100%;
	margin: 1.5em auto 0px;
	z-index: 3;
	padding: 0;
	overflow: auto;
}
.sidebar {float: left;
	background: #F1ECE6;
	border-right: 8px solid #dbdbdb;
	border-bottom: 9px solid #ccacaa;
	color: #000;
	width: 23em; 
	padding: 1.5em; 
	vertical-align: top; 
	text-align: left;
}

#main-content {float: right;
width: 47em;
padding: 1.5em;}

#credits {clear:both;
margin: 1.5em auto;
text-align: center;}

#section1 {margin-bottom:2em;}
.c1 {float: right;
margin-left: 10px}

.c2 {float: left;
margin-right: 10px}

.c3 {display:block;
margin: 10px auto}

.frameborder {border-right: 4px solid #ccc;
border-bottom: 4px solid #ddd;}

.bordered {border: 4px solid black;}

.important {font-size: 1.1em;
font-weight: bold;}

.redlink a{font-size: 1.1em; font-weight: bold; text-decoration: underline; color: #ff0000;}

ul li {
	list-style: inside;
	list-style-image: url('images/bullet.gif'); 
	font-size: 100%;
	line-height: 1.25em;
}
.mahoney {display: block; margin-left:20px; margin-bottom:1em;}