/* nav_sub */

#branding_sub {
float: left;
width: 796px;
background: #8098B0 url(../gfx/bbe_tile_blue.gif) repeat-x top left;
border: 2px solid #FFF;
border-top: none; }

* html #branding_sub {
width: 800px; }

#branding_sub h2 {
float: left;
width: 169px;
height: 60px;
background: url(../gfx/links/bbe_sub_links_tile.gif) no-repeat top left;
text-indent: -9999px; }



/* content_main */

#content {
float: left;
width: 796px;
background: #8098B0;
border-left: 2px solid #FFF;
border-right: 2px solid #FFF; }

* html #content {
width: 800px; }

#content_main {
float: left;
width: 662px;
padding: 20px 20px 40px 20px;
border-right: 2px solid #FFF;
background: #FFF url(../gfx/bbe_content_grad_dark.gif) repeat-x top left; }

* html #content_main {
width: 704px; }



/* link groups */

div.link_group {
float: left;
width: 662px;
display: inline; /* fixes IE/Win double margin bug */ }

h3.title {
float: left;
width: 642px;
margin: 0 0 2px 0;
padding: 5px 10px;
font-weight: normal;
background: #A6B7C8; }

* html h3.title {
width: 662px;
font-size: 80%; }

div.links_left {
float: left;
width: 330px; }

div.links_right {
float: right;
width: 330px; }



/* link boxes */

#content dl {
float: left;
width: 310px;
margin: 0 0 2px 0;
padding: 10px 10px 0 10px;
background: #C0CCD8; }

* html #content dl {
width: 330px;
padding: 10px;
font-size: 90%; /* for IE5/Win */ }

#content dt {
margin: 0 0 0 100px;
padding: 2px 0 0 0;
font-size: 90%;
font-weight: bold; }

* html #content dt {
font-size: 90%; /* for IE5/Win */ }

#content dd.web {
float: right
font-size: 100%;
margin: 0 0 0 100px;
padding: 0 0 10px 12px;
background: url(../gfx/bbe_arrow_gray.gif) no-repeat 0 25%; }

* html #content dd.web {
font-size: 90%; /* for IE5/Win */ }

#content dd.img img {
float: left;
margin: 0 10px 0 0;
padding: 0 0 10px 0;
display: inline; /* fixes IE/Win double margin bug */ }

#content a {
text-decoration: none;
color: #333; }

#content a:hover {
text-decoration: underline;
color: #333; }



/* footer */

#footer {
clear: both;
width: 796px;
border: 2px solid #FFF;
background: #D9DADC url(../gfx/bbe_gray_footer.gif) repeat-x top left; }

* html #footer {
width: 800px; }

#footer p {
padding: 16px 10px 10px 10px;
font-size: 80%;
text-indent: 12px; }

* html #footer p {
font-size: 70%; }