*{border:0px solid #eee;list-style:none;padding:0;margin:0}

html,body,#wrap,#bg table,#bg td{
width:100%;
height:100%;
overflow:hidden;
}

body{
font:13px "Century Gothic","Lucida Grande",Arial,Helvetica,sans-serif;
cursor:default;
color:#000;
}

a,a *{
cursor:pointer;
text-decoration:underline;
color:#000;
outline:0;
}

h1,h2,h4,h5,h3 span{
font-size:100%;
font-weight:normal;
}

h2{
font-size:40px;
margin-bottom:10px;
background-color: #fff;
color: #000588;
}

#bg a,#bg img,h1 a,.menu #menu,#menu li.cur ul,#menu ul li.cur ul li.cur ul,h3 span,.block,#float.nxt,#float.prv,#feed p{
display:block;
}

#menu ul,h3,.sml div, h5{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}

#menu ul ul,#menu ul li.cur ul ul,#float{
display:none;
}

h1 a,h1 a b,#menu a,.block,h3,h3 span,#photos a{
text-decoration:none;
}

#menu h1 a,h1 b,h3 span, a,#pack h2,#tips h2{
color:#fff;
}

#menu h1 a,#pack h2,#tips h2{
text-align:right;
}

#bg,#wrap,.box,h1,#menu,#menu div,#menu ul,h3 span,#photos,#photos img,#float{
position:absolute;
left:0;
}

#bg{
width:200%;
height:200%;
top:-50%;
left:-50%;
}

#bg td{
vertical-align:middle;
text-align:center;
}

#bg img{
min-height:50%;
min-width:50%;
margin:0 auto;
}

#wrap{
top:0;
width:100%;
height:100%;
overflow:auto;
z-index:70;
background-colot: #fff;
}

#menu div{
z-index:81;
width:100%;
top:0;
height:100%;
background:#000;
opacity:0.6;
filter:alpha(opacity=70);
}

#menu ul{
top:4px;
z-index:82;
left:12px;
}

#menu li{
height:15px;
float:left;
width:110px;
clear:both;
}

#menu a,#menu li.cur li a,#menu li.cur li.cur li a{
padding:0 5px;
display:block;
width:100px;
background:none;
color:#888;
font-weight:bold;
}

#menu a:hover,#menu a:focus,#menu li.cur a,#menu li.cur li a:hover,#menu li.cur li a:focus,#menu li.cur li.cur a,#menu li.cur li.cur li a:hover,#menu li.cur li.cur li a:focus,#menu li.cur li.cur li.cur a{
background-color: #000; 
color:#fff;
}

#menu ul ul{
position:absolute;
left:130px;
top:0;
border-left:1px solid #444;
height:48px;
padding-left:7px;left:126px;
}

h1,#menu{
bottom:5px;
left:141px;
z-index:80;
width:100%;
height:63px;
line-height:12px;
}

h1{
left:-141px;
bottom:0;
}

#menu h1 a,#menu h1 a:focus{
padding:33px 10px 0 0;
font-size:22px;
width:130px;
line-height:30px;
height:30px;
background:#000;
opacity:0.99;
font-weight:normal;
}

#menu h1 a:hover{
background:#000;
}

h3{
border-bottom-width:1px;
text-transform:uppercase;
line-height:20px;
position:relative;
padding:30px 30px 10px 30px;
margin:0 -30px 10px -30px;
}

h3 span{
left:auto;
right:510px;
top:29px;
background:#000;
text-align:center;
padding:0 5px;
white-space:nowrap;
}

a:hover h3{
text-decoration:underline;
}

.box{
top:1%;
left:0px;
padding-bottom:100px;
width: 100%;
opacity:0.6;
filter:alpha(opacity=70);
}

.box div{
background:#fff;
padding:20px 30px;
}

/* ---------------- Menus - Mat Cat News ----------------*/

.menu2head {
  background: url(images/index/menu2head.jpg);
  background-color: #2f4576;
  border-bottom: solid 1px #888;
  color: #fff;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 15px;
  padding: 0px;
  width:450px; 
  margin:0px 0px 0px 15px;
  text-align: left;
}

.menu2 li {
  border-bottom:1px dotted #919186; 
  /*background-color:#ccc;*/
  text-align: left;
  list-style-type: none;
  list-style-position: outside;
  display:block; 
  width:448px; 
  padding-left:0em;
  padding-right:0em;
  padding-top:0.3em;
  padding-bottom:0.2em;
  border-bottom:1px dashed #aaa;
  margin:5px 0px 0px 17px;
  position: relative;
  color: #fff;
}

.menu2 a, .menu2 a:visited {
  color: #fff;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
}
  
.menu2 a:hover {
  color: #888;
/*  background-color: #2f4576;*/
  border-bottom:1px solid #888;
  text-decoration: none;
}

.menu2box {
  border-bottom: 1px solid #888;
  background:#000;
  padding :10px 10px 10px 10px;
  margin:0px 0px 0px 15px;
  width:430px;
  height: 50px; /* Adjust this when the length of the news content changes 25px per line */
  filter:alpha(opacity=80);
  -moz-opacity:0.0;
  opacity:0.8;
  position:absolute;
  background:#000;
}

/* ---------------- Menus - Resources ----------------*/

.menu3head {
  color: #eee;
  border-bottom: solid 1px #888;
  background: url(images/index/menu3head.jpg);
  background-color: #580303;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  padding: 0px;
  margin:23px 0px 0px 15px;
  text-align: left;
  width: 200px;
  height: 17px;
}

.menu3 a, .menu3 a:visited {
  color: #fff;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  display:block; 
  padding-left:0em;
  padding-right:0em;
  padding-top:0.3em;
  padding-bottom:0.2em;
  font-weight: normal;
  font-size: 12px;
  margin:1px 0px 0px 15px;
  position: relative;
  text-decoration: none;
  border-bottom: 1px dotted #888;
  width: 200px;
}
  
.menu3 a:hover {
  color: #fff;
  text-decoration:none;
  background-color:#580303;
  border-bottom: 1px solid #888;
}

.menu3box {
  border-bottom: 1px solid #888;
  background:#000;
  padding: 0px;
  margin:0px 0px 0px 15px;
  width:200px;
  height: 190px;
  position:absolute;
  filter:alpha(opacity=70);
  -moz-opacity:0.0;
  opacity:0.6;
  background:#000;
}