form{margin:0;}
form p{margin:0;}

p{font:9pt Verdana;color:#333;line-height:1.5em;margin-bottom:16px;}
pre{font:9pt Verdana;color:#039;line-height:1.5em;margin-bottom:16px;}
div, td, ol, ul, textarea, select, input{font:9pt Verdana;color:#333;}

#database td{padding:3px;line-height:1.5em;}

h1{font:13pt Verdana;color:#039;margin-bottom:16px;line-height:1.5em;}
h2{font:13pt Verdana;color:#C00;margin-bottom:16px;line-height:1.5em;}
h3{font:bold 10.5pt Verdana;color:#039;margin-bottom:16px;line-height:1.5em;}
h4{font:bold 10.5pt Verdana;color:#C00;margin-bottom:16px;line-height:1.5em;}
h5{font:bold 9pt Verdana;color:#039;margin-bottom:16px;line-height:1.5em;}
h6{font:bold 9pt Verdana;color:#333;margin-top:16px;line-height:1.5em;}

a{font:9pt Verdana;color:#C00;line-height:1.5em;}
a:visited{font:9pt Verdana;line-height:1.5em;}
a:hover{font:9pt Verdana;color:#039;text-decoration:underline;line-height:1.5em;}

.box{
width:277px;
background:url(box-bg.gif) no-repeat;
}

.box-head{
padding:15px 0;
text-align:center;
font:bold 9pt Verdana;
color:#333;
text-transform:uppercase;
}

.box-space{
margin:0 6px 24px 24px;
}

.t-space{
margin:18px 30px 0 30px;
}

a.t-headline, a.t-headline:visited{font:bold 9pt Verdana;color:#039;text-transform:uppercase;text-decoration:none;}
a.t-headline:hover{text-decoration:underline;}


.p-teaser{
position:relative;
width:577px;
height:139px;
}

.p-image{
width:105px;
float:left;
z-index:1;
}

.p-corner1{
position:absolute;
bottom:0;
z-index:2;
}

.p-sep{
float:left;
width:5px;
min-height:139px;
background:url(yellow-one.gif) repeat-y;
}

.p-content{
float:left;
width:467px;
height:139px;
background:url(teaser-bg.gif) repeat-x;
}

.p-corner2{
position:absolute;
z-index:2;
left:110px;
}

.t-teaser{
position:relative;
width:577px;
height:139px;
}

.t-image{
width:210px;
float:left;
z-index:1;
}

.t-corner1{
position:absolute;
bottom:0;
z-index:2;
}

.t-sep{
float:left;
width:5px;
min-height:139px;
background:url(yellow-one.gif) repeat-y;
}

.t-content{
float:left;
width:362px;
height:139px;
background:url(teaser-bg.gif) repeat-x;
}

.t-corner2{
position:absolute;
z-index:2;
left:215px;
}


#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox img{width:auto;height:auto;}
#lightbox a img{border:none;}

#outerImageContainer{position:relative;background:#fff;width:250px;height:250px;margin:0 auto;margin-top:100px;}
#imageContainer{padding:10px;}

#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}

#hoverNav  {position:absolute;top:0;left:0;height:100%;width:100%;z-index: 10;}
#hoverNav a{outline:none;}

#prevLink {width:49%;height:100%;display:block;}
#nextLink {width:49%;height:100%;display:block;}
#prevLink {left:0;float:left;}
#nextLink {right:0;float:right;}
#prevLink, #prevLink:hover, #prevLink:visited:hover{background: url(images/prevlabel.gif) left 10px no-repeat;}
#nextLink, #nextLink:hover, #nextLink:visited:hover{background: url(images/nextlabel.gif) right 10px no-repeat;}

#imageDataContainer{font:9pt Verdana;background:#FFF;margin:0 auto;line-height:1.2em;overflow:auto;width: 100%;}
#imageData{padding:10px 0 30px 10px;color:#333;}

#imageData #imageDetails{width:90%;float:left;text-align:left;}
#imageData #caption{font:9pt Verdana;color:#333;}

#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{width:28px;float:right;padding-bottom:0;outline:none;}

#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:100%;background:#039;}
