<style type="text/css">

html {
margin: 0;
padding: 0;
}

.minimum-width {
width:expression(document.body.clientWidth < 750 ? "740px" : "100%" );
}

.minimum-width a:link {
text-decoration: none;
color: #8f6a47;
font-weight: bold;
}

a img {
border: none;
}

p {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
font: 10pt sans-serif;
background: #ccc3aa;
}

#hl-text, #hc-text, #hr-text {
color: #8f6a47;
}

#hl-text {
font: bold italic 10pt verdanna;
margin: 0px 0px 0px 0px;
}

#header-0 {
min-width: 740px;
width: 100%;
top: 0px;
left: 0px;
position: absolute;
background: url(images/head-back.gif);
margin: 0px;
}

#header-left {
padding: 3px;
float: left; 
clear: right;
}

#hr-span {
width: 205px;
font: bold italic 10pt verdanna;
}

#hr-text {
font: bold 10pt verdanna;
text-align: right;
float: right;
margin: 20px 12px 0px 0px;
}

#hc-text {
float:left;
clear: right;
font: bold 18pt georgia;
margin: 12px 0px 0px 18px;
}

#logo {
margin-left: 16px;
}

#onebit {
float: right;
width: 0px;
height: 0px;
}

ul {
list-style-image: url(images/bullet.gif);
padding: 4px;
margin: 4px;
}

li {
margin: 3px;
padding: 3px;
}

h2 {
margin-bottom: 0px;
padding-bottom: 0px;
font: bold 14pt verdanna;
color: #8f6a47;
}

#main {
background: url(images/background1.gif);
padding: 6px 8px;
}

#main p {
padding: .5em 0em;
}

#container {
min-width: 740px;
overflow: auto;
padding: 0px;
margin: 92px 0px 0px 0px;
border-style: solid;
border-width: 6px;
border-color: #ccc3aa;
}

#container a:link {

}

#container a:visited {
text-decoration: none;
color: #cc9c3d;
font-weight: bold;
}

#pageHeading {
font: bold 14pt sans-serif;
padding: 6px 0px 2px 0px;
margin: 0;
}

.description {
font: bold 11pt sans-serif;
border-top: solid thin #8f6a47;
padding: 6px 0px;
}

#menu {
	margin : 0;
	padding-bottom : 20px;
        padding-left : 0px;
        width: auto;
        font-size: 90%;
        min-width: 735px;
        clear: both;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{
	background : #f0eed8;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : 90%;
	font-weight : normal;
	line-height : 14px;
	margin-right : 2px;
	padding : 2px 5px 2px 5px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #f0eed8;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #0f78b7;
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a, 
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a,
body.section-8 #menu li#nav-8 a {
	background : url(images/background1.gif);
	border-bottom : 1px solid #f8f4cc;
	color : #000;
}



 #menu ul a:hover {
	color : #f00 !important;
}

.footer {
background: url(images/head-back.gif);
float: left;
min-width: 740px;
width: 100%;
}

.footer img {
border: none;
float: right;
}

.footer p {
margin: 10px 0px 10px 0px;
}

 /* Set up the default font and ovrall size to include image */
.menu {
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
width:730px;
height:20px;
position:relative; 
margin:2em 10px 0 10px;
font-size: 85%;
}

/* get rid of the default padding - margin and bullets */

/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0 ! important; 
margin:0 ! important;
list-style-type: none ! important;
list-style-image: none ! important;
}
/* make menu horizontal */
.menu ul li {
float:left ! important;
position:relative ! important;
padding:0 ! important;
margin:0 ! important;
}

/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
width:136px; 
height:1.5em;
font-weight:bold;
color:#888; 
border-bottom:8px solid #888;
background:#fff; 
padding-left:5px; 
line-height:1.5em;
margin-right:2px;
}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:146px;
w\idth:136px;
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#000; 
border-bottom:8px solid #606;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.2em;
margin-top:11px;
left:0; 
width:138px;
border:1px solid #888;
border-top:0;
background:transparent;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:transparent url(opaque.png); 
color:#000; 
border:0;
margin:0;
color:#333;
font-weight:normal; 
font-size:0.9em;
height:auto; 
line-height:1em; 
padding:5px; 
width:130px
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#888; 
color:#fff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity:0.9;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#ddd;
width:140px; /* for IE5.5 faulty box model */
w\idth:130px; /* for IE6 */
}
p.strike {text-decoration:line-through;}
</style>


<!--
.wc {
}
-->
</style>