/* CSS Document */
body {font-family:Trebuchet MS; font-size:14px; background-color:#748F6C; color:#FFFFFF; margin:0;}

a:link {color:#CC0000; text-decoration:none;}
a:visited {color:#CC0000; text-decoration:none;}
a:hover {color:#CC0000; text-decoration:underline;}
a:active {color:#CC0000; text-decoration:underline;}

.nav { padding-right:0.5em;}

#navlist {
    list-style:none;
	text-align:right;
	}
	
#navlist a {
    display:block;
    width:189px;
	height:30px;
    background:url("../images/navitem.gif") no-repeat;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	}
	
#navlist a:hover { 
    background-position:0 -30px;
	text-decoration:none;
	}
	
#navlist a:active {
    background-position:0 -60px;
	text-decoration:none;
	}

.title {font-family:"Courier New", Courier, mono; font-weight:bold; font-size:18px; margin:0 0 1.5em;}

.white {font-size:14px; color:#FFFFFF;}
.whitetitle {font-family:"Courier New", Courier, mono; font-weight:bold; font-size:18px; margin:0 0 1.5em; color:#FFFFFF;}
.small {font-family:"Trebuchet MS"; font-weight:normal; font-size:10px;}
.smallbox {float:left; margin-right:0.5em; background-color:#CCC; border:1px solid #666; padding:1px; text-align:center; width:15px; height:15px; font-size:11px; font-family:Arial, Helvetica, sans-serif}

.smallwhite {font-family:Trebuchet MS;; font-weight:normal; font-size:12px; color:#FFF;
}

#holder {position:relative; background:transparent url(../images/abstract1.jpg) 200px 0 no-repeat; margin-bottom:10px; width:750px; height:487px;}

#scrollbox {padding:0; margin:0; width:130px; list-style:none; height:550px; overflow:auto; float:left;}
#scrollbox li {float:left; margin-bottom:0.5em;}

#scrollbox a {display:block; color:#CCCCCC; text-decoration:none; border:2px solid #666666; width:100px; height:100px; float:left; padding:1px; text-align:center;}

#scrollbox a.abstract1 {background:url(../images/abstract1_SM.jpg) no-repeat center center;}
#scrollbox a.abstract2 {background:url(../images/abstract2_SM.jpg) no-repeat center center;}
#scrollbox a.abstract3 {background:url(../images/abstract3_SM.jpg) no-repeat center center;}
#scrollbox a.abstract4 {background:url(../images/abstract4_SM.jpg) no-repeat center center;}
#scrollbox a.abstract5 {background:url(../images/abstract5_SM.jpg) no-repeat center center;}
#scrollbox a.abstract6 {background:url(../images/abstract6_SM.jpg) no-repeat center center;}

#scrollbox a.animals1 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.animals2 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.animals3 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.animals4 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.animals5 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.animals6 {background:url(../images/placeholder_sm.gif) no-repeat center center;}

#scrollbox a.birds1 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.birds2 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.birds3 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.birds4 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.birds5 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.birds6 {background:url(../images/placeholder_sm.gif) no-repeat center center;}

#scrollbox a.boats1 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.boats2 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.boats3 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.boats4 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.boats5 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.boats6 {background:url(../images/placeholder_sm.gif) no-repeat center center;}

#scrollbox a.dogs1 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.dogs2 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.dogs3 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.dogs4 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.dogs5 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.dogs6 {background:url(../images/placeholder_sm.gif) no-repeat center center;}

#scrollbox a.figures1 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.figures2 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.figures3 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.figures4 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.figures5 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.figures6 {background:url(../images/placeholder_sm.gif) no-repeat center center;}

#scrollbox a.landscapes1 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.landscapes2 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.landscapes3 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.landscapes4 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.landscapes5 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.landscapes6 {background:url(../images/placeholder_sm.gif) no-repeat center center;}

#scrollbox a.nudes1 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.nudes2 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.nudes3 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.nudes4 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.nudes5 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.nudes6 {background:url(../images/placeholder_sm.gif) no-repeat center center;}

#scrollbox a.nudes1 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.nudes2 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.nudes3 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.nudes4 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.nudes5 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.nudes6 {background:url(../images/placeholder_sm.gif) no-repeat center center;}

#scrollbox a.seascapes1 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.seascapes2 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.seascapes3 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.seascapes4 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.seascapes5 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.seascapes6 {background:url(../images/placeholder_sm.gif) no-repeat center center;}

#scrollbox a.xmascards1 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.xmascards2 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.xmascards3 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.xmascards4 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.xmascards5 {background:url(../images/placeholder_sm.gif) no-repeat center center;}
#scrollbox a.xmascards6 {background:url(../images/placeholder_sm.gif) no-repeat center center;}

#scrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#scrollbox a span img {border:0;}

#scrollbox a:hover {border:2px solid #CC0000;}
#scrollbox a:hover span {left:200px; z-index:100;}

#scrollbox a:active {border:2px solid #333;}
#scrollbox a:focus {border:2px solid #CC0000; outline:0;}

* html #scrollbox a:active span {width:480px; height:400px; top:0; left:200px; color:#CCCCCC; z-index:-1;}
#scrollbox a:focus span {top:0; left:200px; color:#CCCCCC; z-index:10; outline:0;}

.description {margin-top:0.5em; text-align:left}