/* GLOBAL STYLES
--------------------------------------------------------*/
body {background: #fff; font-family: Verdana, Tahoma, sans-serif}
#Form2 {margin: 0; padding: 0}
#Form2 input, #Form2 select {font: 11px Verdana, Tahoma, sans-serif; color: #000; background: #fff; line-height: normal}
#PageSubTable {width: 930px; background: #fff}
#ContentCell {background: #fff}
#Instruction1_InstructCell {background: #CEC6A2; border: 1px solid #A69B5B; padding: 7px}
#Instruction1_InstructCell a {color: #002445}
.Instructions {font-size: 11px; color: #002445}
.Messages, .ErrorMessages {font-size: 10px; font-weight: bold; color: #c00}
.Headings {font: bold 16px Arial, Helvetica, sans-serif; color: #002445}
.ContentTableHeader, .ContentTable, .ContentTableHorizontal {font: bold 14px Arial, Helvetica, sans-serif; color: #fff; background: #22386f}
.Content {font-size: 11px; color: #002445}
.Content a {color: #002445; text-decoration: underline}
.Content a:hover {color: #002445; text-decoration: none}
.clear {clear: both}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {font-size: 11px; color: #000; border-bottom: 10px solid #fff; border-top: 10px solid #fff}
#TopBannerCell a {color: #000; text-decoration: none}
#TopBannerCell a:hover {text-decoration: underline}
#TopBannerCell .bn-main {float: left; width: 100%;}

#TopBannerCell .bn-main .left {float: left; width: auto}
#TopBannerCell .bn-main .nav {font-weight: normal; float: left; width: auto; margin: 41px 0 5px 0}
#TopBannerCell .bn-main .logo {width: auto; float: left}
#TopBannerCell .bn-main .logo img {border-right: 0px solid #003473}

#TopBannerCell .bn-main .right {width: 260px; float: right; font-size: 13px; color: #000;}
#TopBannerCell .bn-main .right h2 {font-size: 16px; color: #000; text-align: right; margin: 20px 0 8px 0; padding: 0}
#TopBannerCell .bn-main .right .cart {background: #F3F3F3; text-align: right; margin-right: 3px; font-weight:normal;}
#TopBannerCell .bn-main .right .cart .r1 {width: auto; /*background: url(Images/design/bn-cart.gif) no-repeat 0 50%;*/ height: 30px; line-height: 30px; padding: 0 0 0 30px}
#TopBannerCell .bn-main .right .cart .inner {padding: 14px}
#TopBannerCell .bn-main .right .cart .inner img {margin-top: 5px}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {font-size: 10px; height: 45px; background: url(Images/leftnav/resourcebg.jpg) repeat bottom right}
#TopSubBannerCell .nav {width: auto; float: left; font-weight: bold}
#TopSubBannerCell .nav ul {margin: 0; padding: 0; list-style: none; float: left}
#TopSubBannerCell .nav li {float: left; height: 40px; line-height: 40px}
#TopSubBannerCell .nav a {color: #000; text-decoration: none; padding: 10px 13px}
#TopSubBannerCell .nav a:hover {background: #557191; color: #fff}
#TopSubBannerCell .search {float: left; text-align: right; width: 250px; margin: 0px 0px 0px 10px; vertical-align: middle;}
#TopSubBannerCell .search input {width: 160px; border: 1px solid #AFACAC; font: 12px Verdana, Tahoma, sans-serif; color: #000; background: #fff; vertical-align:middle;}
.headlines {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-style: italic; font-size: 11px; margin-right: 15px;}
#TopSubBannerCell .style33 {font-size: 18pt; font-weight: bold; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #6d2867;}
#TopSubBannerCell .style33 a {text-decoration: none; color: #6d2867;}
#TopSubBannerCell .style33 a:hover {text-decoration: none; color: #C00;}
.style33 {font-size: 18pt; font-weight: bold; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #9d1c20;}
.align {vertical-align:middle;}
	
/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {max-width: 185px; min-width: 185px; width: 19% !important; padding-bottom: 20px; border: 1px solid #22386f; overflow: hidden;}
#LeftColumnNav1_custommenu {width: 210px; font-size: 11px; font-weight: bold; padding-bottom:10px;}
#LeftColumnNav1_custommenu h2 {background: #22386f; color: #fff; font-size: 11px; font-weight: bold; padding: 7px 0; margin: 0; text-indent: 7px; width: 100%; background-position:top; border-bottom: 4pt #ffffff; line-height: 16px;}
#LeftColumnNav1_custommenu ul {line-height: 20px; list-style: none; margin: 7px 0 0 0; padding: 0; line-height: 16px;}
#LeftColumnNav1_custommenu li {padding-left: 7px}
#LeftColumnNav1_custommenu a {color: #000; text-decoration: none}
#LeftColumnNav1_custommenu a:hover {text-decoration: underline}
#LeftColumnNav1_custommenu .search {float: left; margin: 0px 0px 0px 3px}
#LeftColumnNav1_custommenu .search input {width: 110px; border: 1px solid #AFACAC; font: 12px Verdana, Tahoma, sans-serif; color: #000; background: #fff}

/* LeftColumnNav Styles
--------------------------------------------------------*/
td#RightColumnCell {display:none}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {padding-bottom: 20px;}
#FooterCell .nav {background: #ffffff; text-align: center; font-size: 10px}
#FooterCell .nav a {color: #000; text-decoration: none}
#FooterCell .nav a:hover {text-decoration: underline}
#FooterCell .nav ul {list-style: none; margin: 0; padding: 0}
#FooterCell .nav li {display: inline; margin: 0 10px; height: 22px; line-height: 22px}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {padding-left: 10px; width: 81%}
#ContentCell.default .left {float: left; width: 526px; margin-right: 10px}
#ContentCell.default .r1 {width: 526px; text-align: center; float: left; border: 1px solid #B87532; padding-bottom: 55px; background: url(Images/design/df-essentials_bg.gif) no-repeat bottom left}
#ContentCell.default .r1 .item {font-weight: bold; float: left; width: auto; margin: 10px 10px 0 10px}
#ContentCell.default .r1 ul {margin: 0; padding: 0; list-style: none}
#ContentCell.default .r2 {float: left}
#ContentCell.default .r2 .item {padding: 5px 0; width: auto; float: left; border: 1px solid #002445; margin: 10px 10px 0 0; text-align: center}
#ContentCell.default .r2 .item .inner {width: 255px}
#ContentCell.default .r2 .last {margin: 10px 0 0 0}
#ContentCell.default .r2 .item h2 {font: 20px Arial, Helvetica, sans-serif; color: #002445; margin: 0; padding: 0}
#ContentCell.default .r2 .item ul {list-style: none; margin: 0; padding: 0}
#ContentCell.default .r2 .item img {margin: 5px 0}
#ContentCell.default .r3 {margin: 10px 0 0 0; float: left; background: #95A9C7; color: #fff; background: #95A9C7 url(Images/design/df-namebadges.gif) no-repeat 10px 50%; width: 100%}
#ContentCell.default .r3 p {margin: 10px 10px 10px 180px; padding-left: 10px; border-left: 1px solid #fff}

#ContentCell.default .right {float: left; width: 200px}
#ContentCell.default .right .exclusive {text-align: center; margin-top: 10px}
#ContentCell.default .right .exclusive h2 {background: #22386f; border: 1px solid #002445; font-weight: bold; text-transform: uppercase; color: #fff; font: 16px Arial, Helvetica, sans-serif; padding: 3px 0; margin: 0; width: 100%; float: left}
#ContentCell.default .right .exclusive ul {float: left;  margin: 5px 0 0 9px; padding: 0; list-style: none; font-size: 10px}
#ContentCell.default .right .exclusive ul img {margin: 5px 0}

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static {padding: 8px}
#ContentCell.static h1 {font: bold 20px Arial, Helvetica, sans-serif; color: #002445}
#ContentCell.static h2 {font-size: 14px; font-weight: bold; color: #002445; margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc}
#ContentCell.static h3 {font-size: 12px; font-weight: bold; color: #002445}

/* About Us */
.about #ContentCell.static .prez {border: 1px solid #002445; float: left; margin: 0 10px 5px 0}
.about #ContentCell.static .about-tbl {border-right: 1px solid #000; border-bottom: 1px solid #000; font-size: 11px; color: #002445}
.about #ContentCell.static .about-tbl td, .about #ContentCell.static .about-tbl th {border-top: 1px solid #000; border-left: 1px solid #000; padding: 3px}
.about #ContentCell.static .about-tbl th {background: #eee}

/* Contact Us */
.contact #ContentCell.static .contact-tbl {font-size: 11px; color: #002445; border-right: 1px solid #000; border-bottom: 1px solid #000;}
.contact #ContentCell.static .contact-tbl td {padding: 5px; border-top: 1px solid #000; border-left: 1px solid #000;}

/* Resource Center */
.resource-center #ContentCell.static ul.rast-vect {}
.resource-center #ContentCell.static ul.rast-vect img {float: right; border: 1px solid #002445}

/* TABBER
--------------------------------------------------------*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabbertab {font-size: 11px}
.tabberlive .tabbertabhide {display:none}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {}
.tabberlive {margin-top:1em}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {margin:0; padding: 3px 0; border-bottom: 1px solid #22386f; font: bold 10px Verdana, sans-serif}
ul.tabbernav li {list-style: none; margin: 0; display: inline}
ul.tabbernav li a {padding: 3px 0.5em; margin-left: 3px; border: 1px solid #22386f; border-bottom: none; background: #22386f; text-decoration: none}
ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #fff; }
ul.tabbernav li a:hover {color: #fff; background: #395FBD; border-color: #22386f}
ul.tabbernav li.tabberactive a {background-color: #fff; border-bottom: 1px solid #fff; color: #002445}
ul.tabbernav li.tabberactive a:hover {color: #002445; background: #fff; border-bottom: 1px solid #fff}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {padding:5px; border:1px solid #22386f; border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {display:none}
.tabberlive .tabbertab h3 {display:none}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {height:200px; overflow:auto}

.headlines {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #414042; font-style: italic; font-size: 12px;}