/* General */
div#container{
   width: 900px;
   margin: 10px 0 0 0px;
}

div#jas-container{
   /* Width HAS to be here for IE to render the filter */
   width: 595px;
}

div#jas-frame{
   float: left;
   width: 628px;
   margin: 0px 0;
   margin-top: 0px;
   padding: 0px;
   border: 0px solid #CCCCCC;
}

div#jas-tags{
   float: right;
   width: 200px;
}

div#jas-tags h3{
   margin-bottom: 1em;
}

div#jas-tags ul{
   list-style: none;
}

div#jas-tags ul li{
   margin-bottom: 0.3em;
}

div#jas-tags ul li input{
   margin-right: 0px;
}

div#jas-thumbnails{
   float: left;
   clear: left;
   width: 320px;
   margin-top: 0;
   border: 0px solid #CCCCCC;
}

div#jas-thumbnails ul{
   list-style: none;
   width: 320px;
   margin: 0px;
   overflow: hidden;
}

div#jas-thumbnails ul li{
   float: left;
   width: 68px;
   height: 48px;
   margin: 0 0 10px 10px;
   border: 1px solid #FFFFFF;
}

div#jas-thumbnails ul li img{
   width: 68px;
   height: 48px;
   cursor: pointer;
}

div#jas-thumbnails ul li.selected-parent{
   width: 68px;
   height: 48px;
   padding: 0px;
   border: 1px solid #999999;
}

div#jas-thumbnails ul li img.selected{
   width: 68px;
   height: 48px;
}

h2#jas-image-text{
   text-align: center;
}

img#jas-image{
   margin: 100px 0 0 136px;
}

ul#links{
   display: block;
   clear: left;
   padding: 0px;
}

ul#links li{
   line-height: 2em
}

#navigation-controls{
   text-align: center;
   width: 900px;
   margin: 10px auto 0px;
   padding-top: 10px;

}


ul#navigation-controls li a { font-size: 16px; }

ul#navigation-controls li#image-counter{
   margin: 0 0.75em 0 0.5em;
}

.slideshow-item {
   text-align: center;
   width: 400px;
   display: block;
   padding: 10px;
   margin: 20px auto 0px auto;
   text-transform: uppercase;
}

a#previous-image { clear: left; display: block; float: left; width: 290px; padding-right: 10px; text-align: right; font-size: 16px; }

a#next-image { float: right; display: block; width: 290px; padding-left: 10px; text-align: left; font-size: 16px; clear: right; }

#image-counter { width: 278px; padding: 0px 10px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; float: left; display: block; text-align: center; font-size: 16px; }

a#stop-slideshow { color: #990000; }







/* CONTENT COLUMNS ++++++++++++++++++++++++++++++++++++ */  
.content_wrap { width: 960px; margin: 0 0 0 0px; clear: both; display: table; } 
/* content_wrap acts as a full-page column.  Divided columns should be nested inside a content_wrapped div to ensure they clear other column sets. */

.one_half_left { width: 445px; float: left; }
.one_half_right { width: 445px; float: right; }

.one_third_left { width: 295px; float: left; margin-right: 5px; }
.one_third_center { width: 290px; float: left; margin: 0px 5px; } /* Note that the center column is THINNER than the other two. */
.one_third_center_centered { width: 290px; float: left; margin: 0px 5px; text-align:center; }
.one_third_right { width: 320px; float: left; margin: 0px 0 0 11px; }
.two_thirds_left { width: 628px; float: left; margin-right: 0px; }
.two_thirds_right { width: 595px; float: right; } 

li {margin-left: 15px;}