﻿body {
				font: 100% Verdana, Arial, Helvetica, sans-serif;
				background: #FFFCF0 url(images/wfhbackground_eng.gif) no-repeat;
				top;
				margin: 0;
/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */				
				padding: 0;
				text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */;
				}
}
.twoColFixRtHdr #container {
				width: 780px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */;
				margin: 0 auto;
/* the auto margins (in conjunction with a width) center the page */				
				text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixRtHdr #headeren { background: #FFFCF0 url(images/wfhbackground_eng.gif) no-repeat; }
 
.twoColFixRtHdr #headercy { background: #FFFCF0 url(images/wfhbackground_cym.gif) no-repeat; }

				/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
				padding-top: 80px;
				padding-right: 10px;
				padding-bottom: 0;
				padding-left: 30px;
}
.twoColFixRtHdr #header h1 {
				margin: 0;
/* using padding instead of margin will allow you to keep the element away from the edges of the div */				
				padding-top: 0px;
				padding-right: 0;
				padding-bottom: 10px;
				padding-left: 0;
}
.twoColFixRtHdr #header h2 a:hover {
				color: #0086be;
}
.twoColFixRtHdr #header h2 a {
				color: #0086be;
}
.twoColFixRtHdr #sidebar1 {
				float: right; /* since this element is floated, a width must be given */;
				width: 320px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */;
				margin-top: 0px;
				padding-top: 15px;
				padding-right: 10px;
				padding-bottom: 15px;
				padding-left: 10px;
}
.twoColFixRtHdr #mainContent {
				margin-top: 0px;
				margin-right: auto;
				margin-bottom: 0;
				margin-left: 100px;
				padding-top: 20px;
				padding-right: 20px;
				padding-bottom: 0;
				padding-left: 20px;
}
.twoColFixRtHdr #mainContent #home li {
				margin-left: 25px;
				color: #000000;
}
.twoColFixRtHdr #mainContent #home p {
				margin-left: 25px;
}
.twoColFixRtHdr #mainContent #home h1 {
				margin-left: 25px;
}
.twoColFixRtHdr #mainContentwide {
				margin-left: 90px;
				padding-top: 0;
				padding-right: 20px;
				padding-bottom: 0;
				padding-left: 20px;
}
.twoColFixRtHdr .mainContentwide {
				margin-left: 90px;
				padding-top: 0;
				padding-right: 20px;
				padding-bottom: 0;
				padding-left: 20px;
}
.twoColFixRtHdr #footer {
				padding: 0 10px 0 20px;
/* this padding matches the left alignment of the elements in the divs that appear above it. */				
				margin-left: 110px;
}
.twoColFixRtHdr #footer p {
				margin: 0;
/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */				
				padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt {
				/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
				float: right;
				margin-left: 8px;
}
.fltlft {
				/* this class can be used to float an element left in your page */
				float: left;
				margin-right: 8px;
}
.clearfloat {
				/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
				clear: both;
				height: 0;
				font-size: 1px;
				line-height: 0px;
}
td {
				color: #0086BE;
}

p {
				color: #000000;
}
h2 {
				color: #008000;
}
h1 {
				color: #0086BE;
				font-size: 1.7em;
}
h1 a:visited {
				color: #008000;
				font-decoration: underline;
}
h1 a {
				color: #0086BE;
				font-decoration: underline;
}
h1 a:hover {
				color: #008000;
}
h2 {
				color: #008000;
				font-size: 1.2em;
				font-weight: bold;
}
h3 a:visited {
				color: #0086BE;
				font-decoration: underline;
}
h3 a {
				color: #0086BE;
				font-decoration: underline;
}

h3 a:hover {
				color: #008000;
}
h3 {
				font-size: 1em;
				font-weight: bold;
				color: #008000;
}

li {
				list-style: none;
				font-size: .8em;
				margin: 0;
				background-image: url('images/footprint.gif');
				padding-left: 30px;
				padding-bottom: 8px;
				background-repeat: no-repeat;
				background-position: 0px;
}

p {
				font-size: .8em;
}
li a:visited {
				color: #008000;
				font-decoration: underline;
}
li a {
				color: #008000;
				font-decoration: underline;
}
p a:visited {
				color: #008000;
				font-decoration: underline;
}
p a {
				color: #008000;
				font-decoration: underline;
}
li a:hover {
				color: #008000;
				font-decoration: underline;
}
p a:hover {
				color: #008000;
				font-decoration: underline;
}
/* === Javascript Dropdown Menu === */
#dropdown {
				margin-left: 100px;
				margin-top: 198px;
}
#sddm {
				margin: 0;
				padding: 0;
				z-index: 30;
}
#sddm li {
				margin: 0;
				padding: 0;
				list-style: none;
				float: left;
				font: bold 11px arial;
}
#sddm li a {
				display: block;
				margin: 0 1px 0 0;
				padding: 4px 10px;
				width: 60px;
				background: #0086be;
				color: #FFF;
				text-align: center;
				text-decoration: none;
}
#sddm li a:hover {
				background: #49A3FF;
}
#sddm div {
				position: absolute;
				visibility: hidden;
				margin: 0;
				padding: 0;
				background: #374b9c;
				border: 1px solid #5970B2;
}
#sddm div a {
				position: relative;
				display: block;
				margin: 0;
				padding: 5px 10px;
				width: auto;
				white-space: nowrap;
				text-align: left;
				text-decoration: none;
				background: #EAEBD8;
				color: #2875DE;
				font: 11px arial;
}
#sddm div a:hover {
				background: #49A3FF;
				color: #FFF;
}
/* ===  === */
/*====================*/
<!--
[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent {
				zoom: 1;
				color: #000000;
}
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->

