HTML { background : #ced2d3 url(i/bg/bg-sli.png) 0 0 repeat-x; height : 100%; min-height : 100%; }
BODY { font-family : "Arial"; font-size : 12px; margin : 0px; padding : 0px; background : url(i/bg/bg-image.png) 40% 0 no-repeat; height : 100%; }

.clr { clear : both; height : 1px; overflow : hidden; }
.no-rm { margin-right : 0px !important; }
.hidden { display : none; }

/* TOP ELEMENTS */
#c-top { height : 120px; width : 934px; margin : 0px auto; position : relative; z-index : 3; }
#sitelogo { margin : 0px; padding : 0px; background : url(i/bg/sitelogo.png) 0 0 no-repeat; width : 149px; height : 56px; position : absolute; top : 30px; left : 10px; }
#sitelogo a { display : block; width : 100%; height : 100%; }
#sitelogo span { display : none; }

#typography { position : absolute; left : 220px; top : 30px; font-size : 20px; color : #0054a6; width : 310px; font-style : italic; font-family : Georgia; }
#typography span {  display : block; }
#typography span.second { text-align : right; }

.float-i { width : 384px; height : 218px; background : url(i/banner/image1.jpg) 0 0 no-repeat; right : 2px; top : 0px; position : absolute; }
#c-nav { background : url(i/bg/nav-bg-sl.png) 0 0 repeat-x; height : 48px; position : relative; z-index : 3; }

/* MAIN WINDOW ELEMENTS */
#c-main-wrapper { margin : 0px auto; width : 940px; padding-bottom : 10px; background : url(i/bg/maincontent-bottom.png) 0 100% no-repeat; position : relative; z-index : 1;}
#c-mainbg {  background : url(i/bg/maincontent.png) 0 0 repeat-y; height : auto; }
#c-main { margin : 0 28px; margin-right : 0px; padding-top : 40px; }
#indent-right { margin-right : 28px; }

.c-left { width : 632px; float : left; }
.c-right { width : 275px; float : left; }

.backtotop, .previouspage { text-align : left; position : absolute; display : block; width : 60px; height : 12px; line-height : 12px; background : url(i/btn/backtotop.png) 0 0 no-repeat; padding-left : 16px; font-size : 10px; right : -80px; bottom : 40px; text-decoration : none; color : #757575;}
.backtotop span, .previouspage span { display : none; }
.backtotop:hover span, .previouspage:hover span { display : block; }

.previouspage { bottom : 10px; width : 90px; right : -111px; background : url(i/btn/backtoprevious.png) 0 0 no-repeat; }

/* FOOTER ELEMENTS */
#c-footer { font-size : 0.9em; color : #373737; width : 926px; margin : 0px auto; padding-bottom : 20px;  }
#c-footer #valid { float : right; color : #757575; } 
#c-footer #valid a { color : #757575; text-decoration : none;}
#c-footer #valid a:hover { text-decoration : underline; }
#c-footer #copyright { clear : both; height : 22px; line-height : 22px; background : url(i/bg/footer-logo.png) 0 50% no-repeat; padding-left : 20px;}


/* PAGER */
.pager { margin-top : 10px; background : url(i/bg/horiz-dot.png) 0 0 repeat-x; padding-top : 20px; }
.pager a { padding : 2px 8px; background : url(i/btn/nav-btn.png) 0 0 repeat-x; color : #fff; margin-right : 8px; text-decoration : none; border : 1px solid #ccc; }
.pager a.active, .pager a:hover { background : #0054a6; }