/* Layout Stylesheet */ 

body {
 margin:20px;
 background:#EEEAF8;
 color: #333333;
 text-align:center;
 padding:0;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 11pt;
 }

#outer {
 text-align:left;
 width:740px;
 margin:auto;
 }

#hdr {
 height:80px;
 background: url(../images/header.png) 0 -40px no-repeat;
 color: #333333;
 }

#bodyblock {
 position:relative;
 background: url(../images/background.png) repeat-y;
 color: #333333;
 width:740px;
 padding:14px 0 10px 0;
 }

#l-col {
 float:left;
 color: #333333;
 width:180px;
 }

#cont {
 float: left;
 width:325px;
 text-align:left;
 margin-left: 25px;
 }

#r-col {
 float:right;
 color: #333333;
 width:180px;
 margin-right: 20px;
 }

.r-top {
 background: url(../images/rightTop.png) 0 0 no-repeat;
 height: 20px;
}

.r-mid {
 background: url(../images/rightMiddle.png) 0 0 repeat-y;
}

.r-bottom {
 background: url(../images/rightBottom.png) 0 0 no-repeat;
 height: 20px;
}

#ftr {
 height:32px;
 background: url(../images/footer.png) 0 100% no-repeat;
 color: #333333;
 margin:0;
 text-align: center;
 font-size: 8pt;
 }
#ftr p {
 margin: 0 10px;
 border-top: 1px solid #ececec;
 font-size: 8pt;
}

#l-col ul {
 list-style: none;
 margin: 0 0 0 20px;
 padding: 0px;
 border: none; 
}
#l-col ul li {
 margin: 4px 0px;
 padding: 0px;
}
#l-col ul li a {
 display: block;
 padding: 2px 20px 4px 0;
 text-decoration: none;
 background: url(../images/menu.png) 0 0 no-repeat;
 width:124px;
 color: white;
 text-align: right;
 font-size: 10pt;
 font-weight: bold;
}

#l-col ul li a.daddy {
 background: url(../images/submenuTop.png) 100% 0 no-repeat;
}

#l-col ul li ul {
 display: block;
 padding: 0;
 text-decoration: none;
 background: url(../images/submenuBottom.png) -3px 100% no-repeat;
 width:144px;
 color: white;
 margin: 1px;
 margin-top: -4px;
 text-align: right;
 font-size: 9pt;
 font-weight: bold;
}

#l-col ul li ul li {
 padding: 0;
}

#l-col ul li ul li a {
 background: none;
 font-size: 9pt;
 font-weight: normal;
 line-height: 9pt;
 padding: 0 10px 3px 0 ;
}

#l-col ul li a:hover, #l-col ul li a:focus, #l-col ul li a.active { background: url(../images/menu.png) 0% 0 no-repeat;
 background: url(../images/menu.png) 100% 0 no-repeat;
}

#l-col ul li ul li a:hover, #l-col ul li ul li a.active, l-col ul li ul li a:focus {
 background: none;
}

#l-col ul li a.daddy:hover, #l-col ul li a.daddy:focus {
 background: url(../images/submenuTop.png) -2px 0 no-repeat;
}

/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#l-col, #hrd {display:none; visibility: hidden; z-index: -999;} 

#cont{ display: block;}