﻿html {
min-height: 100%;
margin-bottom: 1px;
}

body {
margin: 0;
background-color: #444;
}

#container {
background-color: transparent;
margin: 10px auto;
min-height: 300px;
overflow: auto;
width: 800px;
border: 2px solid #000;
position: relative;
}

#header {
background-image: url('oldLayout/bwgroup.png');
background-repeat: no-repeat;
background-position: top right;
margin: 0;
height: 300px;
width: 800px;
border: 1px solid #000;
border-width: 0 0 1px 0;
}

.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {
height: 24px;
border: 1px solid #000;
border-width: 0 0 1px 0;
color: #FFF;
font-size: 12px;
font-weight: bold;
padding: 2px 0 0 0;
width: 800px;
margin: 0;
}

.menu {
background-color: #888;
}

.menu2 {
background-color: #999;
}

.menu3 {
background-color: #AAA;
}

.menu4 {
background-color: #BBB;
}

.menu5 {
background-color: #CCC;
}

.menu6 {
background-color: #DDD;
}

.menu ul {
list-style-type: none;
margin: 0 0 0 1px;
padding: 0;
}

.menu2 ul {
list-style-type: none;
margin: 0 0 0 80px;
padding: 0;
}

.menu3 ul {
list-style-type: none;
margin: 0 0 0 160px;
padding: 0;
}

.menu4 ul {
list-style-type: none;
margin: 0 0 0 240px;
padding: 0;
}

.menu5 ul {
list-style-type: none;
margin: 0 0 0 320px;
padding: 0;
}

.menu6 ul {
list-style-type: none;
margin: 0 0 0 399px;
padding: 0;
}

.menu li, .menu2 li, .menu3 li, .menu4 li, .menu5 li, .menu6 li {
display: inline; 
float: left;
}

.xsnazzy {
background: transparent;
}

.xsnazzy span {
text-align: center; 
color: #FFF; 
padding-bottom: 2px; 
padding-top: 1px;
}

.xtop {
display: block; 
background: transparent; 
font-size: 1px;
}

.xb1 {
background: #000; 
margin: 0 5px; 
display: block; 
overflow: hidden; 
height: 1px;
}

.xb2 {
background: #EEE; 
border-left: 1px solid #000; 
border-right: 1px solid #000; 
margin: 0 3px; 
border-width: 0 2px; 
display: block; 
overflow: hidden; 
height: 1px;
}

.xb3 {
background: #EEE; 
border-left: 1px solid #000; 
border-right: 1px solid #000; 
margin: 0 2px; 
display: block; 
overflow: hidden; 
height: 1px;
}

.xb4 {
background: #EEE; 
border-left: 1px solid #000; 
border-right: 1px solid #000; 
display: block; 
overflow: hidden; 
height: 2px; 
margin: 0 1px;
}

.xboxcontent {
display: block; 
background: #777; 
border:0 solid #000; 
border-width: 0 1px 0px 1px;
}

a.xmenu, a.xmenu:visited,
a.xmenu2, a.xmenu2:visited,
a.xmenu3, a.xmenu3:visited,
a.xmenu4, a.xmenu4:visited,
a.xmenu5, a.xmenu5:visited,
a.xmenu6, a.xmenu6:visited 
{
display: block; 
text-decoration: none; 
width: 100px; 
font-size: 12px;
}

a.xmenu:hover,
a.xmenu2:hover,
a.xmenu3:hover,
a.xmenu4:hover,
a.xmenu5:hover,
a.xmenu6:hover
{
background: transparent;
}

a.xmenu img,
a.xmenu2 img,
a.xmenu3 img,
a.xmenu4 img,
a.xmenu5 img,
a.xmenu6 img {
display: none;
}

a.xmenu:hover img,
a.xmenu2:hover img,
a.xmenu3:hover img,
a.xmenu4:hover img,
a.xmenu5:hover img,
a.xmenu6:hover img {
display: block;
position: absolute;
width: 800px;
height: 300px;
top: 0;
left: 0;
border: 0;
}

a.xmenu:hover span {
color: #FFE5F3;
}

a.xmenu2:hover span {
color: #BDFFBE;
}

a.xmenu3:hover span {
color: #FFFFCC;
}

a.xmenu4:hover span {
color: #CBEAF6;
}

a.xmenu5:hover span {
color: #FFD6B3;
}

a.xmenu6:hover span {
color: #F1D6FF;
}

a.xmenu:hover .xboxcontent {
background: #F00065; 
}

a.xmenu2:hover .xboxcontent {
background: #00CD00; 
border-color: #000; 
border-bottom: 0px solid #000;
}

a.xmenu3:hover .xboxcontent {
background: #FFD700; 
border-color: #000; 
border-bottom: 0px solid #000;
}

a.xmenu4:hover .xboxcontent {
background: #00ACE6; 
border-color: #000; 
border-bottom: 0px solid #000;
}

a.xmenu5:hover .xboxcontent {
background: #FF6600; 
border-color: #000; 
border-bottom: 0px solid #000;
}

a.xmenu6:hover .xboxcontent {
background: #950CD4; 
border-color: #000; 
border-bottom: 0px solid #000;
}

a.xmenu:hover .xb1,
a.xmenu2:hover .xb1,
a.xmenu3:hover .xb1,
a.xmenu4:hover .xb1,
a.xmenu5:hover .xb1,
a.xmenu6:hover .xb1 {
background: #000;
}

a.xmenu:hover .xb2, a.xmenu:hover .xb3, a.xmenu:hover .xb4 {
background: #FF9BCD; 
}

a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {
background: #6EFF70; 
border-color: #000;
}

a.xmenu3:hover .xb2, a.xmenu3:hover .xb3, a.xmenu3:hover .xb4 {
background: #FFFF7E; 
border-color: #000;
}

a.xmenu4:hover .xb2, a.xmenu4:hover .xb3, a.xmenu4:hover .xb4 {
background: #87CEEB; 
border-color: #000;
}

a.xmenu5:hover .xb2, a.xmenu5:hover .xb3, a.xmenu5:hover .xb4 {
background: #FFA54F; 
border-color: #000;
}

a.xmenu6:hover .xb2, a.xmenu6:hover .xb3, a.xmenu6:hover .xb4 {
background: #CF70FF; 
border-color: #000;
}

#content {
background-color: #FFF;
margin: 0;
padding: 10px;
width: 780px;
min-height: 280px;
overflow: auto;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000;
}

#content a {
	color: #000;
}

#footer {
background-color: #000;
margin: 0;
width: 760px;
height: 55px;
padding: 20px;
text-align: center;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
}

#footer a {
	color: #FFF;
}



