body { width: 1042px; height: 768px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-top: 0px; background: #ffffff; }

h1 { color: #363636; text-align: left; }

a:link { color: #1d1d1d; font-weight: bold; text-decoration: none; }
a:active { color: #1d1d1d; font-weight: bold; text-decoration: none; }
a:visited { color: #1d1d1d; font-weight: bold; text-decoration: none; }
a:hover { color: #1d1d1d; font-weight: bold; text-decoration: underline; }

#content_pane { width: 744px; height: 768px; float: left; }

#top_banner { width: 744px; height: 13px; margin-right: 142px; }

#menu { width: 744px; height: 18px; float: left; }

#menu #gallerynav { width: 91px; height: 20px; background: url('/images/gallery.jpg'); float: left; }
#menu #galleryOn { width: 91px; height: 20px; background: url('/images/galleryOn.jpg'); float: left;}

#menu #publicationsnav { width: 122px; height: 20px; margin-left: 112px; background: url('/images/publications.jpg'); float: left; }
#menu #publicationsOn { width: 122px; height: 20px; margin-left: 112px; background: url('/images/publicationsOn.jpg'); float: left; }


#menu #projectsnav { width: 100px; height: 20px; margin-left: 112px; background: url('/images/projects.jpg'); float: left; }
#menu #projectsOn { width: 100px; height: 20px; margin-left: 112px; background: url('/images/projectsOn.jpg'); float: left; }

#menu #contactnav { width: 86px; height: 20px; margin-left: 100px; background: url('/images/contact.jpg'); float: left; }
#menu #contactOn { width: 86px; height: 20px; margin-left: 100px; background: url('/images/contactOn.jpg'); float: left; }

#menu #fill_1 { width: 115px; height: 20px; background: url('/images/top_nav_fill_1.jpg'); float: left; }
#menu #fill_2 { width: 137px; height: 20px; background: url('/images/top_nav_fill_2.jpg'); float: left; }
#menu #fill_3 { width: 138px; height: 20px; background: url('/images/top_nav_fill_3.jpg'); float: left; }

#menu_bottom { width: 744px; height: 20px; background: url('/images/top_nav_bottom.jpg'); float: left; }

#indexcontent {
    width: 744px;
    height: 578px;
    background: url('/images/content_background_index.jpg');
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    font-family: 'arial';
    color: #636363;
    font-size: 14px;
}

#content {
    width: 744px; 
    height: 578px; 
    background: url('/images/content_background.jpg');
    background-repeat: no-repeat; 
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    font-family: 'arial';
    color: #636363;
    font-size: 14px;
}

#content h1 { font-size: 20px; margin-left: 20px; }

#left_fill { width: 149px; height: 768px; background: url('/images/left_fill.jpg'); background-repeat: no-repeat; float: left; }
#right_fill { width: 149px; height: 768px; background: url('/images/right_fill.jpg'); background-repeat: no-repeat; float: left; }

#footer { width: 744px; height: 122px; background: url('/images/footer.jpg'); float:left; }

#contact label { color: #636363; }
#contact table { margin-left: 20px; }
#contact #error { color: red; }
#contact input { border-color: #636363; border-width: 1px; }
#contact textarea { border-color: #636363; border-width: 1px; }

#gallery { margin-left: 20px; }
#gallery table { margin-left: 30px; }
#gallery #previous { margin-left: 30px; }
#gallery #next { margin-left: 555px; }

#horizontal_carousel { width: 630px; height: 170px; margin-left: 35px;  }
#horizontal_carousel ul li { height: 150px; width: 100px; margin: 0 5px 0 5px; }
#horizontal_carousel .container { height: 150px; width: 550px; }

.slideshow { height: 232px; width: 232px; }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }

.nav { margin: 20px 0 }
#nav a.activeSlide { background: #ea0 }
#nav a:focus { outline: none; }
.pics { padding:0; margin:0; overflow: hidden }
.pics img { padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.pics img {
    -moz-border-radius: 10px; -webkit-border-radius: 10px;
}


/* This next centering shizzle doesn't work yet */
.mask { height: 300px; width: 300px; margin-left: auto; margin-right: auto; vertical-align: middle; }
.slideshow_centered img { margin-left: auto; margin-right: auto; vertical-align: middle; }
#box3 { position: relative; margin-left: auto; margin-right: auto; }

.mask {
    height: 400px;
    width: auto;
}

.sample {
    margin: 4px 0 0 0;
    border: 0px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    padding:0px 40px;
    width:82%;
    margin-left: 23px;
    background: #ffffff;
    border-width: 0px;
    height: 100px;
    margin-top: -20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 100%;
    height: 100px;
}

.jcarousel-skin-tango .jcarousel-item {
    height: 100px;
}

img {
    border-color: #ffffff;
}


.jcarousel-skin-tango .jcarousel-prev-horizontal {
    background: transparent url('/images/carousel_prev.jpg') no-repeat scroll 0 0;
    height: 100px;
    width: 27px;
    top: 0px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    background: transparent url('/images/carousel_next.jpg') no-repeat scroll 0 0;
    height: 100px;
    width: 27px;
    top: 0px;
}

.jcarousel-skin-tango .jcarousel-list {
    margin-left: -10px;
}

#display {
    clear: both;
    width: auto;
    height: 250px;
    overflow: scroll;
    border: 1px solid #666;
    background-color: #fcfcfc;
    padding: 10px;
}