#container { width:600px; margin:0px auto 0px; background:#FFFFFF; padding:10px; 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; }



/* thumbnail slider begin */


/* DIV container slider example */
#gallery_container {  
width:600px ; 
height:140px ; 
margin:0px auto 0px; 
background:#ffcc31 ; 
padding:7px 0px 0px; 
display:block; 
position:relative; 
}

/* create custom forward-backward buttons for this container */
#gallery_container .addfwd { 
display:block; 
position:absolute; 
cursor:pointer; 
width:25px; 
height:140px; 
top:0px; 
right:0px; 
background:url(../images/gallery_fwd2.jpg) no-repeat center;  
}

#gallery_container .addbkwd { 
display:block; 
position:absolute; 
cursor:pointer; 
width:25px; 
height:140px; 
top:0px; 
left:0px; 
background:url(../images/gallery_back2.jpg) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ 
position:relative ; 
overflow:hidden ; 
width:542px ; 
height:130px ; 
margin:0px auto 0px; 
}
/* the thumbnails container; set a width on it so everything will be fine */
#thumbs { 
display:block; 
position:relative; 
width:6000px; 
}

#thumbs div.thumbnail { 
display:block; 
position:relative; 
float:left; 
margin-right:30px; 
font-size:11px;
width:84px; 
text-align:center; 
}

#thumbs a { 
padding:0px; 
margin:0px; 
clear:both; 
display:block; 
}

#thumbs a img{ 
border:1px #c82323 solid; 
}

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

.addbkwd { 
display:block; 
position:absolute; 
cursor:pointer; 
width:25px; 
height:101px; 
top:0px; 
left:0px; 
background:url(../images/gallery_back.jpg) no-repeat;  
}

/* thumbnail slider end */

/* banner rotator */
#banners_container { display:block; position:relative; width:584px; height:90px; margin:0px 0px 0px 0px; border:1px #c82323 solid; background-color:#c82323; }
#banner_container { position:relative ; overflow:hidden ; width:584px ; height:90px ; margin:0px 0px 0px 0px;  }
#banners { white-space:nowrap; display:block; position:relative; }
#banners a img { border:none; }
