/* CSS Document */
body{
background-color:#CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 0px;
margin: 0px;
}
#wrapper{
background-color:#FFFFCC;
width: 750px;
text-align:center;
margin:auto;
background-image:url(../images/bkg_wrapper.gif);
background-repeat:repeat-y;
}
#header{
padding-top: 30px;
border-top: 4px #aaaaaa solid;
}

#leftNav{
width: 220px;
float: left;
margin: 20px 1px 1px 10px;
}
#leftNav img{
border: none;
}

#leftNav .rollover img{
text-align: center;
margin: auto;
}
#leftNav .rollover{
height: 50px;
width: 215px;
overflow: hidden;
background: url(../images/bkg_leftNav_y.gif) top left no-repeat;
display: block;
float: left;
}

#leftNav .rollover:visited{
height: 50px;
width: 215px;
overflow: hidden;
background: url(../images/bkg_leftNav_y.gif)top left no-repeat;
display: block;
float: left;
}

#leftNav .rollover:hover{
background: url(../images/bkg_leftNav_b.gif) top left no-repeat;
}

#content{
width: 450px;
float: right;
margin: 10px 10px 10px 3px;
}
#content img{
padding-right:25px;
}


#content p{
font-size: 94%;
line-height: 150%;
text-align: left;
}
#content li{
display: block;
background: url(../images/bkg_check_r.gif) top left no-repeat;
text-align: left;
list-style:none;
padding: 5px 25px;
}

#footer {
width: 745px;
text-align: right;
font-size: 92%;
background-image: url(../images/bkg_footer.gif);
background-repeat: no-repeat;
background-position: top right;
font-weight: bold;
padding: 20px 0px 20px 0;
border-bottom: 4px #aaaaaa solid;
}
.clear{
clear: both;
}
.here{
background: url(../images/bkg_leftNav_b.gif) top left no-repeat;
overflow: hidden;
width: 216px;
  }
  
.right{
text-align:right;
padding-right: 10px;
}
.top{
font-size: 8pt;
}

h1{
text-align: right;
margin-right: 10px;
}

h2{
text-align: left;
font-size: 96%;
font-weight: bold;
}

h3{
text-align: left;
font-size: 92%;
font-weight: bold;
}

h4{
font-size: 90%;
font-weight: bold;
}