a.navigation{
	color: #bbbbbb;
	float: left;
	padding-left: 15px;
	text-decoration: none;
}

a.user{
	color: #bbbbbb;
	float: right;
    padding-left: 15px;
	text-decoration: none;
}

a.user:hover, a.navigation:hover{
	color: #bbbbee;
	text-decoration: underline;
	font-size: 16px;
}

body{
  color: #aaaaaa;
  font-family: "gill sans", "georgia";
  font-size:  14px;
  margin: 0px;
  padding: 0px;
}

#content{
	clear:both;
	margin: auto;
	padding: 10px;
	overflow: hidden;
	width: 960px;
}

#content-left{
  	//border-right: 1px solid #abcdef;
	float: left;
	height: auto;
	padding: 10px;
	width: 15%;
}

#content-right{
	//border-left: 1px solid #abcdef;
  	float: left;
  	overflow: hidden;
	padding: 5px;
}

#error{
	background-color: #ff4c67;
	border: 1px solid #7f0013;
	color: #7f0013;
	clear: both;
	margin: auto;
	margin-top: 10px;
	width: 95%;
}

#alert{
	background-color: #aabbff;
	border: 1px solid #7f0013;
	color: #7f0013;
	clear: both;
	margin: auto;
	margin-top: 10px;
	width: 95%;
}#footer{
	//border-top: 1px solid #7f0013;
	clear: both;
	margin: auto;
	margin-top: 10px;
	text-align: center;
	width: 960px;
}

#ZBHeader{
	//border-bottom: 1px solid #abcdef;
	margin: auto;
	height: 1.5em;
	padding: .25em 15px .25em 0px;
	text-align: right;
	top: 25px;
	width: 960px;
}

.menuWrapper{
    font-family: "Trebuchet MS", Arial, sans-serif;;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-transform:uppercase;
    letter-spacing: normal;
    line-height: 1.45em;
    position:relative;
    margin:0px auto;
    height:350px;
    width:797px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu{
    list-style:none;
    width:797px;
}
ul.menu > li{
    float:left;
    width:265px;
    height:350px;
    border-right:1px solid #777;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li.last{
    border:none;
}
.bg1{
    background-image: url(../Default/img/1.jpg);
}
.bg2{
    background-image: url(../Default/img/2.jpg);
}
.bg3{
    background-image: url(../Default/img/3.jpg);
}

.roar{
    background-image: url(../Default/img/roar.jpg);
    width:720px;
    height:0px;
    left:50%;
    margin-left:-360px;
    position:absolute;
    z-index:100;
    opacity:0%;
    top:50px;
    border:5px; 
}

ul.menu > li > a{
    float:left;
    width:265px;
    height:50px;
    margin-top:275px;
    text-align:center;
    line-height:50px;
    color:#ddd;
    background-color:#333;
    letter-spacing:1px;
    cursor:pointer;
    text-decoration:none;
    text-shadow:0px 0px 1px #fff;
}
ul.menu > li ul{
    list-style:none;
    float:left;
    margin-top:-180px;
    width:100%;
    height:110px;
    padding-top:20px;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li ul li{
    display:none;
}
ul.menu > li ul.sub1{
    background-image:url(../Default/img/bg1sub.png);
}
ul.menu > li ul.sub2{
    background-image:url(../Default/img/bg2sub.png);
}
ul.menu > li ul.sub3{
    background-image:url(../Default/img/bg3sub.png);
}
ul.menu > li ul li a{
    color:#fff;
    text-decoration:none;
    line-height:30px;
    margin-left:20px;
    text-shadow:1px 1px 1px #444;
    font-size:11px;
}
ul.menu > li ul.sub1 li{
    display:block;
}
ul.menu > li ul li a:hover{
    border-bottom:1px dotted #fff;
}