body {font-family: verdana; text-align: center; margin: 10px 20px; background-color: #CCC;}

div#container {margin-left: auto; margin-right: auto; text-align: left;}

#banner {height: 40px; width: 100%;}

.banner_left {height: 160px; width: 269px; float: left; background-image: url(images/banner_left.jpg);}
.banner_left a {display: block; height: 100px;}
.banner_center {padding: 1px; font-size: 80%; font-weight: normal; background-color: #CCC; color: #000; background-image: url(images/banner_center.jpg); height: 160px;}
.banner_right {height: 160px; width: 531px; float: right; background-image: url(images/banner_right.jpg); background-color: #EEE;}

div#menu {margin-top: -30px; padding: 4px 25px;}
div#menu td {font-size: 80%; padding-left: 5px;}
div#menu a {text-decoration: none; font-weight: bold; color: #000; white-space: nowrap; text-transform: uppercase;}
div#menu a:hover {text-decoration: underline;}
div#menu .sep {color: #999; border-right: solid 1px #999; font-size: 1px;}
div#menu_sep {display: none;}

div#body {border-left: solid 1px #333; border-right: solid 1px #333; background-color: #696;}
table#body {width: 100%; border-left: solid 1px #333; border-right: solid 1px #333; margin-top: 6px;}
table#body .left {display: none; float: left; width: 180px; border-right: solid 1px #DDD; vertical-align: top; padding: 10px; background-color: #DDF;}
table#body .right {background-color: #696; vertical-align: top; padding-top: 5px;}

table#copyright {width: 100%;}
.copyright_left {height: 21px; width: 15px; float: left; background-image: url(images/footer_left.gif);}
.copyright_text {vertical-align: top; text-align: center; height: 21px; font-size: 70%; font-weight: normal; color: #FFF; white-space: nowrap; background-image: url(images/footer_center.gif);}
.copyright_text a {color: #CCC;}
.copyright_right {height: 21px; width: 15px; float: right; background-image: url(images/footer_right.gif);}

.page_title {font-size: 130%; font-weight: bold; padding: 5px; display: none;}
.page_crumbs {font-size: 80%; padding: 5px; display: none;}

.module_menu {width: 100%;}
.module_item {width: 50%; vertical-align: top; padding-bottom: 20px;}
.module_item_off {}
.module_item_on {cursor: pointer;}

.module_item_table {margin: 0px 10px;}
.module_item_image {padding-right: 10px; vertical-align: top;}
.module_item_title {width: 100%; font-weight: bold; font-size: 90%; vertical-align: top;}
.module_item_desc {font-size: 80%; vertical-align: top;}

.module_item_on .module_item_title {color: #666;}
.module_item_on .module_item_desc {color: #999;}

.error {font-size: 80%; color: #F00; font-weight: bold; border: solid 1px #F00; margin: 0px 5px 5px 5px; padding: 5px; background-color: #FEE;}
.error ul {margin: 0px 20px; padding: 0px;}
.error li {font-weight: normal;}

.portlet {background-color: #FFF; margin-bottom: 5px;}
.portlet_title {}
.portlet_title_left {height: 19px; width: 10px; float: left; background-color: #CCC; border-top: solid 1px #999; border-left: solid 1px #999; background-image: url(images/portlet_left.gif);}
.portlet_title_text {padding: 1px; font-size: 80%; font-weight: normal; background-color: #CCC; color: #000; border-top: solid 1px #999; white-space: nowrap;}
.portlet_title_right {margin-top: -19px; height: 19px; width: 10px; float: right; background-color: #FFF; background-image: url(images/portlet_right.gif);}
.portlet_content {padding: 4px; font-size: 80%; border: solid 1px #999;}

.portletregion {width: 100%;}
.portletregion_left {width: 25%; vertical-align: top; padding-left: 5px;}
.portletregion_center {width: 50%; vertical-align: top; padding-left: 5px;}
.portletregion_right {width: 25%; vertical-align: top; padding: 0px 5px;}
.portletregion_left2 {width: 25%; vertical-align: top; padding-left: 5px;}
.portletregion_right2 {width: 75%; vertical-align: top; padding: 0px 5px;}
.portletregion_left3 {width: 50%; vertical-align: top; padding-left: 5px;}
.portletregion_right3 {width: 50%; vertical-align: top; padding: 0px 5px;}
.portletregion_dual3 {vertical-align: top; padding: 0px 5px;}
.portletregion_div {background-color: #FFF; margin-bottom: 5px;}
.portletregion_title {}
.portletregion_title_left {height: 18px; width: 10px; float: left; background-color: #CCC; border-top: solid 1px #999; border-left: solid 1px #999; border-bottom: solid 1px #999;}
.portletregion_title_text {padding: 1px; font-size: 80%; font-weight: normal; background-color: #CCC; color: #000; border-top: solid 1px #999; white-space: nowrap;}
.portletregion_title_right {margin-top: -19px; height: 18px; width: 10px; float: right; background-color: #CCC; border-top: solid 1px #999; border-right: solid 1px #999; border-bottom: solid 1px #999;}
.portletregion_content {padding: 4px; font-size: 80%; border: solid 1px #999;}

.portletregion_content div {font-size: 100%;}
.portletregion_content span {font-size: 100%;}
.portletregion_content td {font-size: 100%;}
.portletregion_content a {font-size: 100%; color: #00F;}
.portletregion_content .instructions {font-size: 80%;}
.portletregion_content .checkbox {width: 10px;}
.portletregion_content .button {width: 75px;}
.portletregion_content .sdouble {width: 166px;}
.portletregion_content .double {width: 160px;}
.portletregion_content .triple {width: 320px;}
.portletregion_content .piece {width: 50px;}
.portletregion_content .piece2 {width: 60px;}

.grid_content   {background-color: #99F; padding: 2px;}
.portletregion_content .grid {border: solid 1px #CCC;}
.portletregion_content .grid_content {font-size: 80%; color: #FFF; padding: 3px;}
.portletregion_content .grid_content a {color: #FFF; font-weight: bold;}
.portletregion_content .grid_row td {background-color: #FFF; padding: 2px;}
.portletregion_content .grid_alt td {background-color: #EEE; padding: 2px;}
.portletregion_content .grid_paging td {font-weight: bold;}
.portletregion_content .grid_paging a {font-size: 100%; color: #000; font-weight: normal;}
.grid_list		{background-color: #EEE;}

.news {width: 100%;}
.news_image {vertical-align: top; padding-bottom: 4px; padding-right: 4px; width: 20px;}
.news_item {vertical-align: top; padding-bottom: 4px;}
.news_title {}
.news_title a {font-weight: bold;}
.news_body {}
.news_date {color: #999;}
.news_more {text-align: right;}
.news_more a {font-weight: normal;}

.form {width: 100%;}
.form_label {color: #666;}
.form_required {font-weight: bold;}
.form_entry input {width: 95%;}
.form_button {text-align: center; padding: 10px 0px;}
.form_button input {width: 75px;}

.options {width: 100%;}
.options td {padding-bottom: 5px;}
.options a {}

.minicart {width: 100%;}
.minicart td {vertical-align: top;}
.minicart_item {width: 65%; border-bottom: solid 1px #CCC;}
.minicart_price {width: 35%; border-bottom: solid 1px #CCC; text-align: right;}
.minicart_blank {width: 65%; font-weight: bold; border-top: solid 1px #000;}
.minicart_total {width: 35%; font-weight: bold; border-top: solid 1px #000; text-align: right;}
.minicart_checkout {text-align: center; padding-top: 10px;}
.minicart_checkout input {width: 75px;}

.countylist {width: 100%;}
.countylist td {font-size: 80%; padding: 2px; width: 20%;}
.countylist .odd td {background-color: #EEE;}
.countylist a {font-weight: bold;}

.fees {text-align: right; padding-right: 6px;}
.fee {padding: 2px 0px;}
.fee_subtotal {padding: 2px 0px;}
.fee_total {width: 300px; padding: 2px 0px; border-top: solid 1px #000; margin-top: 4px;}

.toolbar {width: 100%;}
.toolbar td {font-size: 80%; background-color: #CCC; padding: 4px;}
.toolbar form {margin: 0px; padding: 0px;}

.homeButton, .homeButtonSelected, .homeButtonSelected a, .homeButton a, .homeButton a:hover 
{ width:71px; height:19px; display:block; padding:0px; margin:0px }

.onusCal {white-space: nowrap;}
.onusCal img {width: 28px; height: 22px;}
.onuscPopUp {width: 151px; border: 1px solid #7F9DB9; background: #FFFFFF;}
.onuscPopUp td {padding: 4px;text-align: center;}
.onuscPopUp {font: normal 11px Tahoma, Verdana, Arial, sans-serif;}
.onuscPopUp th {font: normal 11px Tahoma, Verdana, Arial, sans-serif;}
.onuscPopUp td {font: normal 11px Tahoma, Verdana, Arial, sans-serif;}
.onuscPopUp div {font: normal 11px Tahoma, Verdana, Arial, sans-serif;}

.onuscPopUp a {text-decoration: none; color: #000000; cursor: pointer;}
.onuscPopUp a:link {text-decoration: none; color: #000000; cursor: pointer;}
.onuscPopUp a:visited {text-decoration: none; color: #000000; cursor: pointer;}
.onuscPopUp a:active {text-decoration: none; color: #000000; cursor: pointer;}
.onuscPopUp a:hover {text-decoration: none; color: #000000; cursor: pointer;}

.onuscTitle {width: 100%; background: #9EBEF5; height: 15px;}
.onuscTitle td {height: 16px; padding: 0px 5px 0px 6px; cursor: pointer;}
.onuscTitle img {height: 9px; width: 5px}
.onuscTitle th {width: 100%; font-weight: normal; white-space: nowrap;}
.onuscCalendar {width: 120px; margin: 1px 20px 8px 20px;}
.onuscCalendar td {padding: 0; text-align: center;}
td.onuscDay {color: #ACA899; text-align: right; padding-left: 1px; height: 17px; width: 17px; border: 1px solid #FFFFFF;cursor: default;}

/* Commented Backslash Hack hides rule from IE5-Mac, documented at http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html \*/
.onuscCalendar {margin: 1px auto 8px auto;}
div.onuscFooter input {font: normal 11px Tahoma, Verdana, Arial, sans-serif; width: 47px; margin: 5px 8px 5px 8px;}
td.onuscDay {color: #ACA899; text-align: right; padding-left: 1px; height: 13px; width: 13px; border: 1px solid #FFFFFF; cursor: default;}
/* End hack */

.onuscDayHeader {padding-right: 3px; font-weight: normal; text-align: right; border-bottom: 1px solid #ACA899;}
td.onuscOtherMonthDay a {color: #ACA899 !important;cursor: pointer;}
td.onuscOtherMonthDay a:link {color: #ACA899 !important;cursor: pointer;}
td.onuscOtherMonthDay a:visited {color: #ACA899 !important;cursor: pointer;}
td.onuscOtherMonthDay a:active {color: #ACA899 !important;cursor: pointer;}
td.onuscOtherMonthDay a:hover {color: #ACA899 !important;cursor: pointer;}
td.onuscSelectedDay {background-color: #FBE694 !important; border: 1px solid #FBE694;}
td.onuscTodayDay {border: 1px solid #BB5503;}
img.onuscButton {vertical-align: top; margin-top: 1px; margin-left: 2px; cursor: pointer; border: 0;}