body{
font-family:Calibri,"Trebuchet MS","Gill Sans",Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
background-color:#d0d1cf;
}

dt{
font-weight:bold;
margin-left:10px;
color:#4c4d4b;
}

h2{
margin-left:10px;
font-size: 115%;
color:#4c4d4b;
}

p, dd{
margin:20px;
color:#4c4d4b;
line-height:175%;
}

#banner{
background-color:#000;
width:100%;
height:200px;
background-image:url(images/beltexbanner.jpg);

}

#frame{
width:960px;
min-height:1100px;
border:solid thick #000;
background-color:#6e903a;
margin-right:auto;
margin-left:auto;
padding-bottom:10%;
}

#leftcontent{
background-color:#fff;
width:650px;
margin:10px;
position:absolute;
top:265px;
}

#rightcontent{
position:relative;
top:5px;
width:250px;
height:400px;
margin:10px;
float:right;
}

/*NAVIGATION*/

#navcontainer ul
{
padding-left: 0;
margin-left: 10px;
background-color: #fff;
color: White;
float: left;
width: 650px;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #fff;
color:#4c4d4b;
text-decoration: none;
float: left;
font-weight:bold;
}

#navcontainer ul li a:hover
{
background-color: #000;
color: #fff;
font-weight:bold;
}

#navcontainer #current{
background-color: #000;
color: #fff;
font-weight:bold;
}

/*DROP SHADOW*/

.img-shadow {
  float:right;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
  
.footer{
text-align:center;
font-size:85%;
}

/*CUSTOM CLASSES*/
.current{
background-color:#000;
text-decoration:none;
color:#fff;
font-weight:bold;
padding:3px;
}