#container h1 { font-size:24px; color:#FFFFFF; font-weight:normal; text-align:center; background:#333333; padding:10px; } #container p { text-align:justify; padding:5px 10px 5px; margin:0px; } #container p ol, #container p ul { margin:0px auto 0px; } #container p.notes { color:#999999; font-size:10px; } /* ----------------IMAGE SLIDER------------- */ #SlideItMoo_outer { width:600px; margin: 10px auto 10px 0; display:block; position:relative; padding: 10px 10px 0px; } /* create custom forward-backward buttons for this container */ #SlideItMoo_outer .SlideItMoo_forward, #SlideItMoo_outer .SlideItMoo_back { display:block; position:absolute; cursor:pointer; width:25px; height:530px; bottom:0px; right:0px; background:url(../images/slideitmoo_forward.png) no-repeat center; } #SlideItMoo_outer .SlideItMoo_back { left:0px; background:url(../images/slideitmoo_back.png) no-repeat center; } /* the width is set to show the number of thumbnails that will be visible */ #SlideItMoo_inner{ position:relative ; overflow:hidden ; width:600px ; /* set a display width to make the slider look good in case js is disabled */ height: 500px; margin:0px auto 0px; padding:10px 0px 10px; } /* the thumbnails container; set a width on it so everything will be fine */ #SlideItMoo_items { display:block; position:relative; width: 600px; } /* single element design */ #SlideItMoo_items div.SlideItMoo_element { display:block; position:relative; float:left; margin:0px 15px 0px; font-size:11px; width:600px; text-align:center; color:#FFFFFF; } #SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; background:#333333; padding:2px; } #SlideItMoo_items a img{ border:none; } /* --------------------BANNER ROTATOR--------------------- */ #SlideItMoo_banners_outer { display:block; position:relative; width:557px; height:140px; margin:0px auto 0px; border:1px #CCCCCC solid; } #SlideItMoo_banners_inner { position:relative ; overflow:hidden ; width:557px ; height:134px ; margin:0px auto 0px; } #SlideItMoo_banners_items { white-space:nowrap; display:block; position:relative; } #SlideItMoo_banners_items a img { border:none; } /* -------------------INFO BANNERS-------------------- */ #SlideItMoo_info_outer { display:block; position:relative; width:557px; height:190px; margin:0px auto 0px; border:1px #CCCCCC solid; } #SlideItMoo_info_inner { position:relative ; overflow:hidden ; width:557px ; height:190px ; margin:0px auto 0px; } #SlideItMoo_info_items { display:block; position:relative; } #SlideItMoo_info_items .info_item{ display:block; position:relative; width:547px; height:200px; float:left; background:#E8E8E8; text-align:justify; padding:5px; border-right:5px #333333 solid; } #SlideItMoo_info_items .info_item a img{ border:none; } #SlideItMoo_info_items .info_item img { float:left; margin-right:15px; } #SlideItMoo_info_items .info_item h1{ background:none; color:#006699; text-align:right; margin:5px 0px 10px; }