body { 
background: url(http://staging.beaconnet.com/images/tail-body.gif) repeat-x top #fff;
width: 70%;
text-align: center; 
line-height: 21px; 
font-family: Century Gothic, Lucida Sans Unicode,  sans-serif; 
font-size: 14px; 
color: #797979;
xbackground: #000000;
margin-left: auto;
margin-right: auto;
 }


/*
body {
 color: #ffffff; background: #000000;
width: 80%; 
xpadding: 0px;
 xtop-margin: 0px;
 margin-left: auto;
 margin-right: auto;
 xbottom-margin: 8px;
}
*/
h1, h2, h3, h4, h5 {
 margin: 0.25em 0px 0.25em 0px;
}


a:link, a:visited {  
 text-decoration: none; 
}

a:hover { 
 text-decoration: underline; 
}

div.breadcrumbs { 
font-size: 75%; 
}

#leaderboard {
    width:90%;
    background: white url("ldrback.jpg") repeat-x;
    margin: 0px;
    padding: 5px 0px;
    text-align:center;
}

#header {
    xbackground: #000044 url("graphics/hdrback.png") bottom right repeat-x;
background: #000000;
    position: relative;
    height: 60px;
    padding: 0px;
    margin-left: auto;
margin-right: auto;
width:100%;
text-align: left;
} 

#logo {
    position: absolute;
    border:0;
    top: 0;
    left: 0;
    margin: 0;
    font-size: 2px;
    height: 8px;
    width:150px;
}

#logo a {
    display: block;
    width: 150px;
    height: 55px;
    background: transparent url("/wb/templates/tabs/graphics/pnlogo2.gif") no-repeat;
    background-position: 2px 12px;
    text-decoration: none;
    voice-family: "\"}\"";
    voice-family:inherit;
    text-indent: -700em;
}

dummy {
}

#header #tabs {
 position: absolute;
 bottom: 0;
 margin: 0;
 padding: 0 15px 0 0;
 list-style: none;
}

#tabs li.tab {
 position:relative;
xwidth:90%;
margin-left: auto;
margin-right: auto; 
float: left;
 background: transparent url("graphics/bg_tabs.gif") 100% 0px no-repeat;
 padding: 0 4px 0 0;
 margin: 0 2px 0 0;
 border-bottom: 2px solid #515358;
 font-size: 0.9em;
}
/* Controls the size of each tab*/
#tabs li.tab a.tab { 
 float: left;
 display: block;
 padding: 4px 4px 4px 10px;
 background: transparent url("graphics/bg_tabs.gif") no-repeat;
 
xfont-family:verdana,helvetica,sans-serif;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
}

#tabs li.tab a:hover {
 color: #ADD8E6;
}

#tabs li.tab ul {
 visibility: hidden;
 position: absolute;
 list-style: none;
 top: 1.9em;
 left: 0px;
 xwidth:143px;
 zwidth:120px;
 width: 10em;
 padding: 0px;
 zpadding-right:3px; 	
 margin: 0px;
 zborder: outset #AAAAAA 3px;
 border-top: none;
 zbackground: #88909C;
 zbackground: #5F697E;
 zbackground: #5F697E;
 background: url("graphics/ddmenubg.png");
 xz-index: 10;
}

#tabs li.tab a.mainmenu_current {
 color: #FDD017;
}

#tabs li.tab:hover ul, #tabs li.sfhover ul { 
 visibility:visible;
}


.tab > ul {
    ztop: auto;
    zleft: auto;
    zvoice-family: "\"}\"";
    zvoice-family:inherit;
    zwidth:140px;
}


#tabs li.tab ul li {
    padding:4px;
    border-bottom: 1px solid #4F596E;
    text-align: left;
}

#tabs li.tab ul a {
 color: white;
 zfont-size: 11px;
 font-size: 0.9em;
 xfont-family:verdana,helvetica,sans-serif;
 text-decoration: none;
}

#tabs li.tab ul a:hover, li.tab ul a:hover {
 color:#ADD8E6;
 zbackground-color: #6F798E;
 text-decoration: none;
}


zli.tab:hover > a { 
    background-position: 0% -400px; 
}

zli.tab:hover  { 
    background-position: 100% -400px; 
}


.crumbs {
 font-size: 1.8 em;
 xfont-family:Century Gothic, Lucida Sans Unicode,sans-serif;  
 color: #797979;
 display: block;
 background-color: #FFFFFF;
 padding: 8px;
 vertical-align: top;
text-align:left;
}

.content {
 font-size: 1.1em;
 font-family:Century Gothic, Lucida Sans Unicode,sans-serif;
zfont-family:verdana,helvetica,sans-serif;
 
zbackground: url("graphics/bg_content.jpg");
border: solid 14px #FFFFFF;
 color: #000000;
 display: block;
 background-color: #FFFFFF;
 padding: 8px;
 min-height: 320px;
 vertical-align: top;
margin-left:auto;
margin-right:auto; 
text-align: left;
}

/* for Internet Explorer */
/*\*/
* html .content {
 height: 320px;
}
/**/

.contentgraphic320 {
 height: 200px;
 width: 320px;
 margin: 16px;
 vertical-align: top;
 float: right;
 display: block;
}

.contentgraphic {
 margin: 16px;
 vertical-align: top;
 float: right;
 display: block;
}

ul.contentmenu {
 visibility: visible;
 list-style: none;
 left: 0px;
 width: 10em;
 padding: 0px;
 zpadding-right:3px; 	
 margin: 0px;
 border: outset #AAAAAA 3px;
 zborder-top: none;
 zbackground: #88909C;
 zbackground: #5F697E;
 zbackground: #5F697E;
 background: #606060;
}

ul.contentmenu li {
 visibility: visible;
 color: #FFFFFF;
}

ul.contentmenu li a {
 visibility: visible;
 color: #FFFFFF;
}

.footer {
	background-color: #DDDDDD;
	text-align: center;
	font-size: 10px;
	height: 18px;
}

