

#container { width:800px; margin:0px auto 0px; background:#fff; padding:0px; font-size:12px;
 }
#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; }

div {
}

/* thumbnail slider begin */

/* apply the gallery design - links slider */
#gallery_container {  width:700px ; height:300px ; margin:0px auto 0px; background:#f1f1f1 ; padding:7px 0px 0px; display:block; position:relative; border: #ccc solid 1px;
}
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ position:relative ; overflow:hidden ; width:700px ; height:280px ; margin:20px auto 0px;
  }
/* the thumbnails container */
#thumbs { white-space:nowrap; display:block; position:relative; }

#thumbs a { padding:0px; margin:0px; }
#thumbs a img{ border:1px #333333 solid; }



/* the forward and backward buttons */
.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:150px; top:90px; right:0px; background:url(../images/gallery_fwd.jpg) no-repeat;  }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:150px; top:90px; left:0px; background:url(../images/gallery_back.jpg) no-repeat;  }
/* thumbnail slider end */


