@charset "UTF-8";body  {	font: 100% Arial, Helvetica, sans-serif;	background: url(images/backgroundup.jpg) repeat-x;	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 */	color: #0D6DA6;}.twoColFixRtHdr #container {	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */	background: #FFFFFF;	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */	border: 1px solid #136CA6;	text-align: left;} .twoColFixRtHdr #header {	padding: 0 0px;  /* 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. */}.twoColFixRtHdr #header h1 {	margin: 0;	padding-bottom: 18px;	padding-top: 10px;	padding-left: 22px;}.twoColFixRtHdr #navbar {	font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	margin: 0;	padding: 0;	background-image: url(images/shinysm.jpg);	background-repeat: repeat-x;}.twoColFixRtHdr #navbar ul {	margin: 0px;	padding: 10px;	text-align: center;}.twoColFixRtHdr #navbar li {	display: inline;	list-style-type: none;	margin-right: 14px;	margin-left: 14px;}.twoColFixRtHdr #navbar a:link, #navbar a:visited {	color: #0089B5;	text-decoration: none;}.twoColFixRtHdr #navbar a:hover, #navbar a:active {	color: #0A5B95;	text-decoration: none;}.twoColFixRtHdr #sidebar1 {	float: right; /* since this element is floated, a width must be given */	width: 342px; /* the background color will be displayed for the length of the content in the column, but no further */	margin: 0;	padding: 0;	height: 600px;	background-image: none;	background-repeat: no-repeat;}.twoColFixRtHdr #mainContent {	margin: 0 345px 0 0;	padding: 5px 15px 10px 20px;} .twoColFixRtHdr #footer {	padding: 1px 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */	background:#176BA6;	color: #ebebfc;
font-size: 80%;
} .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;

}.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;}ul {	margin-left: 0;	margin-right: 0;	padding-right: 10px;	padding-left: 25px;	list-style-type: circle;}li {	padding-bottom: 10px;}/* navigation *//* end of navigation */#outsidecontainer {	width: 780px;	margin: 0 auto;}/* outhouse design */#outhouse {	width: auto;	margin: 0 auto;	font-size: 10px;	padding: 10px 5px 14px;	color:#0D6DA6;	text-align: center;}#outhouse a:link, a:visited {	color: #0D6DA6;
	text-decoration: none;
}#outhouse a:hover {	color: #063652;
}a:link, a:visited/*.twoColFixRtHdr #header img {	margin: 0;	padding: 15px 15px 20px;	text-align: center;}*//* links */ {color: #084d75;
	text-decoration: underline;
}a:hover, a:active {color: #002234;
	text-decoration: underline;
}

h1 {
font-size: 160%;
font-weight: normal;
font-style: normal;
text-shadow: silver 2px 2px 2px;
}

h2 {
font-size: 100%;
font-weight: bold;
font-style: italic;
}

h3 {
font-size: 130%;
}

h4 {
font-size: 100%;
font-style: italic;
font-weight: bold;
}