body{
background:transparent url(../images/img02.jpg) repeat-x scroll left top;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
line-height:20px;
margin:0;
padding:0;
text-align:justify;
}
a, a:hover{  font-weight:bold; color:#666666; text-decoration:none;}
#custom-doc {
	
	width:890px;

}




#hd{color:#254360;
height:90px;
margin:0 auto;
padding:1em;
width:880px;
}

#bd{ min-height:400px; padding: 40px 0 20px;}
#ft{ background:transparent url(../images/img03.gif) repeat-x scroll left top;
clear:both;
height:59px;
margin:0 auto;
text-align:center;color:#FFFFFF;
font-size:10px;
margin:0;
padding:18px 0 0;}
#menu {margin:0 auto;
width:880px;
}
#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#menu li {
display:inline;
}
#menu .active {background:#FFFFFF none repeat scroll 0 0;
color:#254360;
}
#menu a {
background:transparent url(../images/img04.gif) no-repeat scroll right 50%;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:0 20px;
text-decoration:none;
text-transform:uppercase;
}


#menu a:hover {
	background: #FFFFFF;
	color: #254360;
}


.yui-skin-sam .yui-panel {
text-align:left;
} 
#leftNav{ min-height:450px; background-image: url(); width:166px; height:100%}


/* Calendar */

    /* Clear calendar's float */
    #container .bd:after {content:".";display:block;clear:left;height:0;visibility:hidden;}

    /* Have calendar squeeze upto bd bounding box */
    #container .bd {padding:0;}

    /* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
    #cal {border:none;padding:1em}



    /* Example box */
    .box {
	position:relative;
	height:30em;
    }