#content_container
{position: relative;
display: block;
width: 100%;
text-align: left;
top: -20px;
color: #0066b3;

}

#content_mask
{position: relative;
width: 800px;
margin: auto;
top: 0px;
left: 0px;
border-style: dotted;
border-width: 0 1 0 1px;
border-color: #000000;
background-color: #ffffff;

filter: alpha(opacity=60); 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
-moz-opacity:0.6; 
opacity:0.6; 



}

#gallery_container
{position: relative;
width: 800px;
left: 20px;
border-width: 0px;
border-color: #069edb;
border-style: dashed;

}

#gallery_menu_container
{position: relative;
left: 10px;
width: 778px;
border-style: dashed;
border-width: 1 1 0 1px;
border-color: #069edb;
color: #069edb;
font-size: medium;
background-image:url(/db_img/17upload.gif);

}

#hoft_link_container
{cursor: pointer;
cursor: hand;
position: absolute;
right: 25px;
top: 5px;
}

#logo_container
{position: relative;
top: 0px;
display: block;
width: 100%;
text-align: center;

}

#logo_container img
{cursor: pointer;
cursor: hand;
}

#map_container
{position: relative;
width: 800px;
height: 560px;
left: 0px;
border-width: 0px;
border-color: #069edb;
border-style: dashed;
background-image:url(/db_img/93upload.jpg);

}

#map_overlay
{position: absolute;
width: 800px;
height: 560px;
background-image:url(/db_img/39upload.gif);
}

#menu_container
{position: relative;
display: block;
width: 100%;
text-align: center;
}

#page_container
{position: relative;
width: 840px;
margin: auto;
left: 0px;
background-image:url(/db_img/14upload.png);
border-style: dotted;
border-width: 0 1 0 1px;
border-color: #000000;
}

#prizewinners_container
{position: absolute;
top: 130px;
left: 257px;

}

#see_all_container
{position: absolute;
top: 124px;
left: 145px;

}

#thames_festival_link_container
{cursor: pointer;
cursor: hand;
position: absolute;
left: 20px;
top: -10px;
}

.break
{clear: both;
}

.content_wrapper
{padding: 10px;
}

.digit
{display: inline-block;
}

.float
{float: left;
}

.highlight
{color: #cc0033; 
font-weight: bold;
}

.menu_btn_main
{position: absolute;
cursor: pointer;
cursor: hand;
}

.quote
{font-size: medium; 
font-style: italic; 
letter-spacing: 2px;
}

.resource
{position: relative; 
display: block;
}

.resourcehidden
{position: relative; 
display: none; 
visibility: hidden;
}

.resourcevisible
{position: relative; 
display: block; 
visibility: visible;
}

.resource_hover
{position: relative; 
cursor: pointer; 
cursor: hand;
}

.right_half
{height: 100%; 
position: absolute; 
right: 0px; 
top: 0px; 
cursor: pointer; 
cursor: hand; 
background-color: transparent; 
width: 100%; right: 0px; 
}

.rule
{display: block; 
width: 100%; 
height: 1px; 
margin: 10 0 10 0px; 
border-width: 1 0 0 0px; 
border-style: dashed; 
border-color: #0063b3;
clear: both;

}

.rule_thin
{display: block; 
width: 100%; 
height: 1px; 
border-width: 1 0 0 0px; 
border-color: 000000;
margin: 2 0 2 0px; 
border-style: dotted; 
}

.s1
{font-family: "Lucida Grande", "Helvetica Neue", "Arial", Sans;
font-size: 10px;

}

.scrap
{position: absolute;
display: block;
}

.small
{font-size: x-small; 
line-height: 1; 
letter-spacing: 1px;
}

.space
{position: relative; 
display: block; 
clear: both; 
height: 10px;
}

.subhead
{font-weight: bold; 
font-size: 16px;
}

.xpad
{width: 10px; 
height:1px; 
position: relative; 
float: left;
}

.xspace
{display: block; 
width: 10px;
}

.yspace
{display: block; 
height: 10px;
}

a, a:link, a:visited, a:active
{cursor: pointer; 
cursor: hand; 
text-decoration: none; 
border-width: 0 0 1 0px; 
border-style: dotted; 
border-color: #069edb; 
color: #069edb;

}

a:hover, a.controls:hover
{color: #069edb;
border-color: #069edb;
}

body
{margin: 0 0 0 0px;
background-color: ffffff; 
text-align: center;

}

body,table,td,p,input,textarea,select
{font-family: Georgia, serif; 
font-size: small; 
font-weight: normal; 
line-height: 1.5;
color: #0066b3;
}

img
{border: 0px;
}

p
{margin: 0px;
padding: 0px;

}

tbody
{offset: 0px;
}

#thumbnails_container
{
position: relative;
left: 0px;
width: 800px;
height: 560px;
background-image:url(/db_img/17upload.gif);
border-style: dashed;
border-width: 1px;
border-color: #0066b3;
}

.thumbnail_container 
{
position: relative;
margin: 0 0 0 0px;
text-align: center;
cursor: pointer;
cursor: hand;
font-size: x-small;
}

.thumbnail {
position: relative;
}

#menu_submissions_counter_container, #menu_schools_counter_container {
position: absolute;
left: 110px;
top: 125px;
font-size: xx-small;
color: #000000;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
padding: 0px;
border-color: #f23d6c;
border-width: 0px;
border-style: solid;
}
#menu_schools_counter_container {
top: 130px;
left: 215px;
}

#map_boroughs_counter_container, #map_schools_counter_container, #map_classes_counter_container, #map_submissions_counter_container {
position: absolute;
right: 0px;
font-size: xx-small;
color: #000000;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
padding: 3 5 3 5px;
border-color: #069edb;
border-width: 1 0 1 1px;
border-style: dashed;
background-color: #ffffff;
background-image:url(/db_img/17upload.gif);
}

#map_boroughs_counter_container {
bottom: 200px;
}

#map_schools_counter_container {
bottom: 140px;
}

#map_classes_counter_container {
bottom: 80px;
}

#map_submissions_counter_container {
bottom: 20px;
}

#gallery_detail_image_container
{
position: relative;
width: 800px;
height: 560px;
}

#gallery_detail_image
{
cursor: crosshair;
}

.gallery_detail_info
{
position: relative;
left: 10px;
width: 778px;
border-width: 0 1 1 1px;
border-color: #0066b3;
border-style: dashed;
background-color: #ffffff;
background-image:url(/db_img/17upload.gif);
}
#search_container
{
position: absolute;
top: 130px;
right: 15px;
}

.search_box
{
font-size: small;
color: #0066b3;
width: 120px;
height: 18px;
border-width: 1px;
border-style: solid;
border-color: #069edb;
text-transform:lowercase
}

.search_btn
{
position: relative;
top: 4px;
cursor: pointer;
cursor: hand;
}#btn_next, #btn_prev
{
position: absolute;
top: 48%;
cursor: pointer;
cursor: hand;
border-width: 1 1 1 0px;
border-color: #0066b3;
border-style: dashed;
background-image:url(/db_img/17upload.gif);
}

#btn_next
{
left: 800px;
}

#btn_prev
{
right: 800px;
border-width: 1 0 1 1px;
}
.info {
color: #0066b3;
}

.info_name
{
font-size: small;
font-weight: bold
}

.info_class
{
white-space: nowrap;
}

.info_age:
{
}

.info_school 
{
}

.info_borough
{
}

.info_counter
{
}

.info_cell
{
border-width: 0 1 0 0px;
border-style: dashed;
border-color: #0066b3;
}

.info_search
{
font-size: small;
font-weight: bold;
}

.info_tags
{
color: #0066b3;
font-size: x-small;
font-style: italic;
}

a.info_tags
{
font-style: normal;
font-weight: bold;
font-size: x-small;
color: #000000;
border-width: 0px;
}

a.info_tags:hover
{
color: #069edb;
border-width: 0 0 1 0px;
}

.pin_info .info_borough
{
border-style: dotted;
border-width: 0 0 1 0px;
border-color: #0066b3;
margin: 0 0 3 0px;
}

.info_map
{
text-align: right;
cursor: pointer;
cursor: hand;
}



.pin {
display: block;
position: absolute;
cursor: pointer;
cursor: hand;
}

.pin_info {
text-align: center;
display: none;
position: absolute;
font-size: x-small;
ine-height: 1;
background-color: #ffffff;
background-image:url(/db_img/17upload.gif);
padding: 5px;
border-width: 1px;
border-style: dashed;
border-color: #cccccc;
}

.arrow_left_btn, .arrow_right_btn, .arrow_left_btn_over, .arrow_right_btn_over,
.menu_btn, .menu_btn_over,
.plus_btn, .plus_btn_over,
.thumbnails_btn, .thumbnails_btn_over,
.slideshow_btn, .slideshow_btn_over,
.images_btn, .images_btn_over
{
position: relative; 
float: left; 
width: 20px;
height: 15px; 
cursor: pointer; 
cursor: hand; 
background-repeat: no-repeat;
background-position: 0 0px;
}
.arrow_left_btn {
background-image:url();
}
.arrow_left_btn_over {
background-image:url();
}
.arrow_right_btn {
background-image:url();
}
.arrow_right_btn_over {
background-image:url();
}
.menu_btn {
background-image:url();
}
.menu_btn_over {
background-image:url();
}
.plus_btn {
background-image:url();
}
.plus_btn_over {
background-image:url();
}
.thumbnails_btn {
/*width: 35px;*/
background-image:url();
}
.thumbnails_btn_over {
/*width: 35px;*/
background-image:url();
}
.slideshow_btn {
/*width: 35px;*/
background-image:url();
}
.slideshow_btn_over {
/*width: 35px;*/
background-image:url();
}
.images_btn {
/*width: 35px;*/
background-image:url();
}
.images_btn_over {
/*width: 35px;*/
background-image:url();
}.jScrollPaneContainer {
position: absolute;
overflow: hidden;
z-index: 1;
top: 40px;
}

.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background: #f5f5f5;
}
.jScrollPaneDrag {
position: absolute;
background: #cccccc;
cursor: pointer;
overflow: hidden;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
height: 15px;
background-image:url();
background-repeat: no-repeat;
background-position: top;
text-decoration: none;
border-width: 0px;
}
a.jScrollArrowUp:hover {
background-image:url();
}

a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
height: 15px;
background-image:url();
background-repeat: no-repeat;
background-position: bottom;
text-decoration: none;
border-width: 0px;
}
a.jScrollArrowDown:hover {
background-image:url();
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}