html,body{
margin:0;
padding:0;
height:100%
}

div#container{
position:relative;
margin:0 auto;
width:100%;
height:auto !important;
height:100%;
min-height:100%
}

div#spacer{
clear:both;
height:100px
}

div#footer{
position:absolute;
width:100%;
bottom:0;
background:#FFFFFF
}

body{
margin:0;
padding:0;
background:#EEEEEE url(../images/head.bmp) repeat-x;
font:13px "Trebuchet MS",Arial,Helvetica,sans-serif;
color:#666666
}

#page{
width:900px;
margin:0 auto 15px auto;
background:url(../images/separator.bmp) repeat-y 260px 0
}

#body{
float:right;
width:620px
}

#head{
width:900px;
height:120px;
margin:0 auto
}

h1,h2,h3,h4{
margin-top:0;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
color:#666666
}

h1{
font-size:197%
}

h2{
font-size:136%
}

h3{
font-size:100%;
font-weight:bold
}

h4{
font-size:100%;
font-weight:bold;
color:#0000FF
}

p,ul,ol{
margin-bottom:0.5em;
line-height:160%
}

a{
color:#006600;
text-decoration:none
}

a:hover{
text-decoration:underline
}

.item{
padding-bottom:5px;
border-bottom:1px solid #006600
}

.cols .coll{
float:left;
width:230px
}

.cols .colr{
float:right;
width:230px
}

ul.list{
list-style:none;
padding:0;
margin-left:0
}

.list li{
background:url(../images/arrow.gif) no-repeat 0 .4em;
padding-left:1.0em
}

ul.bullets{
list-style:none;
padding:0 1em;
margin-left:0
}

.bullets li{
background:url(../images/arrow.gif) no-repeat 0 .4em;
padding-left:1.0em
}

.tl{
display:none
}

.button{
font:9px Verdana
}

input.btn {
 font:11px "Trebuchet MS",Arial,Helvetica,sans-serif;
 font-weight:bold;
 color:#006600;
 background-color:#EEEEEE;
 border: 1px solid;
 border-color: #006600;
 padding:1px;
 width:95px
}

input.btn[disabled] {
 font:11px "Trebuchet MS",Arial,Helvetica,sans-serif;
 font-weight:bold;
 color:#999999;
 background-color:#EEEEEE;
 border: 1px solid;
 border-color: #006600;
 padding:1px;
 width:95px
}

input.btnhov{
 padding:1px;
 border-color:#006600
}

.signin{
color:#FFFFFF;
font-size:75%
}

.signin hover{
text-decoration:underline
}

.spaces{
height:6px
}

.revealcontent{
visibility:hidden
}

#tabs{
width:900px;
height:70px;
margin:-40px auto 0 auto
}

#tabs ul{
float:right;
margin:0;
padding:0;
list-style:none
}

#tabs li{
float:left;
display:block;
height:40px
}

#tabs li:hover{
text-decoration:underline
}

#tabs a{
display:block;
width:80px;
height:35px;
padding:5px 20px 0 20px;
text-align:center;
text-transform:capitalize;
font-weight:bold;
color:#666666
}

#tabs li.active{
background:#006600 url(../images/tabl.bmp) no-repeat
}

#tabs li.active a{
background:url(../images/tabr.bmp) no-repeat right top;
color:#FFFFFF
}

#sections{
width:900px;
height:30px;
margin:-50px auto 0 auto
}

#sections ul{
float:right;
margin:0;
padding:0;
list-style:none
}

#sections li{
float:left;
display:block;
height:25px
}

#sections li:hover{
text-decoration:underline;
color:#006600
}

#sections a{
height:45px;
padding:0px 25px 0 25px;
text-align:center;
text-transform:capitalize;
font-weight:bold;
font-style:normal;
color:#FFFFFF
}

#sections li.active{
float:left;
display:block;
height:25px;
font-weight:bold;
font-style:italic
}

#sections li.active a{
color:#FFFFFF;
font-style:italic
}

#menu{
float:left;
width:240px
}

#menu ul{
margin:0;
padding:0;
list-style:none;
background:#006600 url(../images/sidemenu.bmp) no-repeat;
border-bottom:1px solid #EFEFEF
}

#menu li{
padding:7px
}

#menu li ul{
background:#FFFFFF
}

#menu li li{
padding:1px 0 1px 0;
background:url(../images/menubar.bmp) repeat-x left top
}

#menu.spaces{
height:6px
}

#menu h2{
border-bottom:1px solid #FFFFFF;
font-size:114%;
font-weight:bold
}

#menu h3{
margin:0
}

#menu h4{
margin:0
}

#menu p{
margin:0;
line-height:normal
}

#menu a{
text-decoration:none
}

#menu a:hover{
text-decoration:underline
}

#foot{
clear:both;
height:60px;
padding-top:15px;
background:#006600 url(../images/foot.bmp) repeat-x;
margin:0;
text-align:center;
font-size:85%;
color:#FFFFFF
}

#foot a{
text-decoration:none;
color:#FFFFFF
}

#foot a:hover{
text-decoration:underline;
color:#FFFFFF
}