@charset "UTF-8";
body    { font: 100% Verdana, Tahoma, Arial, sans-serif; background: #d5cdb6 url("../media/images/site/gradient.gif") repeat-x; text-align: center; margin: 0; padding: 0 }

#wrap   { margin: 0 auto; width: 780px } 

#container    { background: #fff; text-align: left; margin: 12px auto 0; width: 780px; border: solid 6px #fff }
#header     { color: #fff; background-image: url("../media/images/site/header-01.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding: 0 10px 0 20px; height: 125px }
#header h1     { color: #fff; font-size: 28px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-variant: small-caps; font-weight: normal; line-height: 28px; text-align: right; letter-spacing: 2px; margin: 0; padding: 10px 0; width: 275px }
#menu   { color: #666; font-size: 12px; background-color: #ccc; padding: 6px 10px 6px 20px }
#wrapOLD { background-color: #99c; width: 788px; border: solid 3px #3f3 }
#sidebar  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 15px 10px; width: 270px; float: right }
.homeParagraph    { color: #333; font-size: 14px; padding-bottom: 6px }
h1     { color: #333; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 18px; background-position: 0 top; margin-right: 0; margin-bottom: 6px; margin-left: 0; padding-top: 12px; padding-left: 6px }
h2        { color: #333; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-right: 4pt; padding-bottom: 0; padding-left: 6px }
h3   { color: #666; font-size: 14px; font-weight: bold; margin-right: 0; margin-bottom: 0.83em; margin-left: 0; padding-right: 4pt; padding-bottom: 4pt; padding-left: 6px }
h4 { color: #666; font-size: 12px; font-weight: bold; margin-right: 0; margin-bottom: 0.83em; margin-left: 0; padding-right: 4pt; padding-bottom: 4pt; padding-left: 6px }
h5   { font-size: 10px; font-weight: normal; margin-right: 0; margin-bottom: 1.67em; margin-left: 0; padding-left: 6px }
h6   { font-size: 10px; font-weight: normal; background-position: center; vertical-align: middle }
p  { color: #666; font-size: 13px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px }
#tableBorder   { background-color: #ebe7dc; padding: 3px; border: solid 1px #fff }
#menuZ   { height: 75px }
#mainContent  { font-size: 12px; width: 480px }
#mainContent img  { padding: 6px }
#mainContent li { color: #333; font-size: 11px }
.right-box    { background-color: #ebe7dc; margin-right: 6px; margin-bottom: 28px; margin-left: 6px; padding: 0 4px 4px; border: double 4px #666 }
.right-box h3    { color: #333; font-weight: bold; text-align: center; margin-top: 6px; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
.right-box h4 { color: #333; font-weight: bold; text-align: left; margin-top: 6px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-left: 12px }
.right-box img  { border: solid 1px #333 }
.right-box ul { font-size: 14px; list-style-type: none; margin-top: 4px; margin-left: 0; padding-top: 0; padding-left: 12px }
.photo  { text-align: center; margin-top: 6px }
.tableLinks     { background-color: #ebe7dc; margin: 6px; padding: 1px; width: 255px; border: double 3px #333 }
.tableLinks1 { background-color: #f6d083; margin: 12px; padding: 2px; width: 385px; border: double 3px #333 }
.table_links_bottom { background-color: #f6d083; margin: 12px; padding: 2px; width: 385px; border: double 3px #333 }
.tableBorderInner { background-color: #fff }
.links  { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 4px }
a:link { color: #039 }
a:visited  { color: #039 }
a:hover { color: #06f }
.bottom_links { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 6px }
.home_title { color: #333; font-size: 12px; font-weight: bold; white-space: nowrap; margin: 0; padding: 0 }

bodyZ  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	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: #000000;
}
 
 


.twoColFixRtHdr #mainContent { 
	margin: 0 250px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#footer  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; margin: 12px auto 0; padding-right: 6px; padding-left: 6px; width: 780px }
#footer p   { color: #333; font-size: 10px; margin: 0; 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;
}