/* CSS Document */

body { margin: 0; background: url(/resources/wof/images/bg_page.gif) #E5E6D2 repeat-y; font: 11px/16px "Lucida Sans", Arial, Helvetica, sans-serif}
a { text-decoration: none; color: #000033; }
a:hover { text-decoration: underline; color: #E93735; }
form { margin: 0; padding: 0; }
H1 { font-size: 24px; color: #666666; }
H2 { font-size: 22px; color: #666666; }
H3 { font-size: 20px; color: #54006C;  }
input, textarea { font-family: "Lucida Sans", Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
table, td { vertical-align: top; font-size: 12px; line-height: 18px;}

#headerTop { height: 19px;  font-size: 10px; text-align: right; padding: 4px 17px 0px 2px;}
#headerTop a { color: #333333; }
#menu { height: 24px; background: url(/resources/wof/images/menu.jpg) no-repeat; font-size: 11px; font-weight: bold; color: #FFFFFF; }
#menuText { margin: 5px 0px 0px 7px; }
.menuHome { padding: 0px 22px 0px 4px; }
.menuItem { padding: 0px 10px; border-right: 1px solid #cccccc; }
#menu a { color: #FFFFFF; }
#submenuLeft { height: 22px; background-color: #ffde9b; }
#submenuRight { height: 22px; background-color: #eeeeee; text-align: right; font-size: 11px; text-transform: uppercase; font-weight: bold; }
#submenuRight a { font-weight: normal; padding: 0px 4px 0px 4px;}
#submenuRightText { margin: 3px 10px 0px 0px;}
#leftNav {  width: 252px; height: 599px; background: url(/resources/wof/images/bg_menu.jpg) no-repeat; padding: 0px 11px 22px 16px;  }
.leftNavItem { border-top: 5px solid #ff6d00; border-left: 1px solid #ff6d00; padding: 8px; margin: 0px 11px 17px 0px;}
.leftNavItem H1 { font-size: 18px; letter-spacing: .04em; color: #ff6d00; text-transform: uppercase; font-weight: bold; margin: 0px 0px 12px 0px;}
.leftNavItem ul, .leftNavItem li { margin-top: 0; padding: 0; }
.leftNavItem li { list-style-type: none; font-size: 11px; line-height: 16px; }
#content { padding: 17px; }
#content a { font-weight: bold; }
#footer { font-size: 10px; color: #4f4f4f; text-align: center; }
#footer a { color: #4f4f4f; }

.info { margin: 8px 0px; }
.infoIcon { width: 54px; background: url(/resources/images/infoIcon.gif) no-repeat center center;}
.infoTL { width: 12px; height: 12px; background: url(/resources/images/infoTL.gif) no-repeat bottom; }
.infoT { height: 12px; background: url(/resources/images/infoT.gif) repeat-x bottom; }
.infoTR { width: 12px; height: 12px; background: url(/resources/images/infoTR.gif) no-repeat bottom; }
.infoL { width: 12px; background: url(/resources/images/infoL.gif) repeat-y; }
.infoContent { font-size: 12px; font-weight: 12px; color: #000000; font-weight: bold; }
.infoContent * { margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px;  }
.infoContent H1 { font-size: 18px; color: #ff3c00; margin: 0; }
.infoR { width: 12px; background: url(/resources/images/infoR.gif) repeat-y; }
.infoBL { width: 12px; height: 12px; background: url(/resources/images/infoBL.gif) no-repeat; }
.infoB { height: 12px; background: url(/resources/images/infoB.gif) repeat-x; }
.infoBR { width: 12px; height: 12px; background: url(/resources/images/infoBR.gif) no-repeat; }

.menuInactive { color: #cccccc; }

.package { background-color: #FFFFFF; margin: 2px; border: 1px solid #FFC142; }
.package td { padding: 4px !important; }
.package .descriptiveText { font-size: 10px; line-height: 12px; color: #666666; border-top: 1px solid #AAAAAA; }
.package h2 { margin: 4px; font-size: 18px; }
.package .optionNumber { border-bottom: 1px solid #AAAAAA; }
.package .lineText { border-bottom: 1px solid #DDDDDD; }

.smallButton { font-size: 11px; padding: 2px; border: 1px solid white; border-top: 1px solid #82827e; margin: 2px; background-color: #FFCC00; color: #000000; font-weight: bold; }

.submit { margin: 4px 0px; }
.submitLeft { background: url(/resources/wof/images/button_short_left.gif) no-repeat; width: 12px; height: 30px; }
.submitMiddle { background: url(/resources/wof/images/button_short_bg.gif) repeat-x; padding: 6px 12px; color: #000000; text-align: center; vertical-align: middle !important; }
.submitMiddle a { color: #000000; padding: 6px 0px; }
.submitMiddle a:hover { text-decoration: none; color: #990000; }
.submitRight { background: url(/resources/wof/images/button_short_right.gif) no-repeat; width: 12px; height: 30px; }

.table { background-color: #ffe4ab; margin: 8px 0px; }
.table td { padding: 3px 0px; border-bottom: 1px solid white;}
.table th { padding: 3px 0px; border-bottom: 1px solid white; background-color: #FFC142; text-align: left; }
.tableHeader { background: url(/resources/wof/images/table_bg_header.gif) repeat-x #54006C; height: 30px; color: #FFFFFF; font-size: 18px; vertical-align: middle; }
.tableUL { background: url(/resources/wof/images/table_upper_left.gif) no-repeat #54006C; width: 14px; }
.tableUR { background: url(/resources/wof/images/table_upper_right.gif) no-repeat #54006C; width: 14px; }
.tableLL { background: url(/resources/wof/images/table_bottom_left.gif) no-repeat bottom; width: 14px; }
.tableLR { background: url(/resources/wof/images/table_bottom_right.gif) no-repeat bottom; width: 14px; }
.tableFormLeft { text-align: right; width: 40%; padding-right: 10px !important;}
.tableFooter { vertical-align: middle !important; }


</style>