/*** general ***/
body
{
   background: #000000 url( ../images/background.jpg ) center top no-repeat;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
   margin: 0;
   padding: 0;
   text-align: center;
}

hr
{
   background-color: #FFFFFF;
   border-width: 0;
   color: #FFFFFF;
   height: 1px;
}

h1, h2, h3, h4, h5, h6
{
   margin: 0;
   padding: 0 0 15px 0;
}

a { color: #FFFFFF; }

img { border: 0; }

.clear-float
{
   clear: both;
   height: 0;
   margin: 0;
   overflow: hidden;
   padding: 0;
}

#wrapper
{
   margin: 0 auto;
   padding: 0;
   padding-bottom: 25px;
   text-align:left;
   width: 840px;
}


/*** header ***/
#header
{
   height: 164px;
   position: relative;
   width: 840px;
}

#logo
{
   position: absolute;
   left: 20px;
   top: 77px;
}


/*** navigation ***/
#home
{
   display: block;
   background: url( ../images/navigation/home.png ) top left no-repeat;
   height: 58px;
   overflow: hidden;
   position: absolute;
   left: 170px;
   top: 112px;
   text-indent: 10000px;
   width: 92px;
   z-index: 200;
}

#home:hover { background-position: bottom left; }

#home-on
{
   display: block;
   background: url( ../images/navigation/home.png ) bottom left no-repeat;
   height: 58px;
   overflow: hidden;
   position: absolute;
   left: 170px;
   top: 112px;
   text-indent: 10000px;
   width: 92px;
   z-index: 200;
}

#story
{
   display: block;
   background: url( ../images/navigation/story.png ) top left no-repeat;
   height: 58px;
   overflow: hidden;
   position: absolute;
   left: 262px;
   top: 111px;
   text-indent: 10000px;
   width: 87px;
   z-index: 200;
}

#story:hover { background-position: bottom left; }

#story-on
{
   display: block;
   background: url( ../images/navigation/story.png ) bottom left no-repeat;
   height: 58px;
   overflow: hidden;
   position: absolute;
   left: 262px;
   top: 111px;
   text-indent: 10000px;
   width: 87px;
   z-index: 200;
}

#calendar
{
   display: block;
   background: url( ../images/navigation/calendar.png ) top left no-repeat;
   height: 58px;
   overflow: hidden;
   position: absolute;
   left: 349px;
   top: 112px;
   text-indent: 10000px;
   width: 121px;
   z-index: 200;
}

#calendar:hover { background-position: bottom left; }

#calendar-on
{
   display: block;
   background: url( ../images/navigation/calendar.png ) bottom left no-repeat;
   height: 58px;
   overflow: hidden;
   position: absolute;
   left: 349px;
   top: 112px;
   text-indent: 10000px;
   width: 121px;
   z-index: 200;
}

#organizations
{
   display: block;
   background: url( ../images/navigation/organizations.png ) top left no-repeat;
   height: 58px;
   overflow: hidden;
   position: absolute;
   left: 470px;
   top: 113px;
   text-indent: 10000px;
   width: 171px;
   z-index: 200;
}

#organizations:hover { background-position: bottom left; }

#organizations-on
{
   display: block;
   background: url( ../images/navigation/organizations.png ) bottom left no-repeat;
   height: 58px;
   overflow: hidden;
   position: absolute;
   left: 470px;
   top: 113px;
   text-indent: 10000px;
   width: 171px;
   z-index: 200;
}

#contact
{
   display: block;
   background: url( ../images/navigation/contact.png ) top left no-repeat;
   height: 58px;
   overflow: hidden;
   position: absolute;
   left: 642px;
   top: 113px;
   text-indent: 10000px;
   width: 122px;
   z-index: 200;
}

#contact:hover { background-position: bottom left; }

#contact-on
{
   display: block;
   background: url( ../images/navigation/contact.png ) bottom left no-repeat;
   height: 58px;
   overflow: hidden;
   position: absolute;
   left: 642px;
   top: 113px;
   text-indent: 10000px;
   width: 122px;
   z-index: 200;
}


/*** main, bottom, footer ***/
#main-background
{
   background-image: url( ../images/background_main.jpg );
   background-position: 0px 350px;
   background-repeat: repeat-y;
}

#main-footer
{
   background: url( ../images/background_main_bottom.jpg ) bottom left no-repeat;
}

#content
{
   background: url( ../images/background_main_top.jpg ) no-repeat;
   min-height: 540px;
   height: auto !important;
   height: 540px;
   padding: 40px 40px 0px 40px;
   position: relative;
   z-index: 100;
}

#footer
{
   position: relative;
   height: 150px;
}

#logo-scfd
{
   display: block;
   height: 53px;
   position: absolute;
   bottom: 45px;
   right: 40px;
   width: 54px;
}

#copyright
{
   font-size: 11px;
   position: absolute;
   bottom: 56px;
   right: 106px;
   text-align: right;
}

.supporters
{
   text-align: center;
}

.supporters .icon
{
   display: inline;
}


/*** poloroid ***/
#poloroid
{
   float: right;
   height: 448px;
   margin: 0px 0px 20px 30px;
   position: relative;
   width: 377px;
}

#poloroid #picture
{
   position: absolute;
   top: 66px;
   left: 55px;
}

#poloroid #frame
{
   position: absolute;
   top: 0px;
   left: 0px;
}


/*** home ***/
#home_footer
{
   font-size: 11px;
   margin: 0 auto;
   padding: 10px 0 25px 0;
   width: 896px;
   text-align: right;
}

#bulletin_board
{
   background-image: url( ../images/home/background.jpg );
   background-repeat: no-repeat;
   height: 598px;
   margin: 0 auto;
   margin-top: -21px;
   padding: 0;
   position: relative;
   text-align: left;
   width: 896px;
}

#howto
{
   color: #000000;
   font-style: italic;
   font-weight: bold;
   position: absolute;
   top: 37px;
   right: 52px;
   text-align: right;
   width: 560px;
}

#scfd { position: absolute; bottom: 34px; right: 38px; z-index: 140; }
#scfd:hover img {  margin-bottom: -2px; margin-right: -2px; height: 57px; width: 58px; }

#arts_and_education { position: absolute; left: 495px; top: 378px; z-index: 140; }
#arts_and_education:hover img {  margin-left: -4px; margin-top: -4px; height: 108px; width: 113px; }

#concerts { position: absolute; left: 276px; top: 195px; z-index: 90; }
#concerts:hover img {  margin-left: -4px; margin-top: -4px; height: 211px; width: 185px; }

#cultural_heratige { position: absolute; left: 656px; top: 242px; z-index: 100; }
#cultural_heratige:hover img {  margin-left: -4px; margin-top: -4px; height: 123px; width: 123px; }

#dance { position: absolute; left: 618px; top: 63px; z-index: 0; }
#dance:hover img {  margin-left: -4px; margin-top: -4px; height: 253px; width: 198px; }

#description { position: absolute; left: 56px; top: 47px; z-index: 170; }
#description:hover img {  margin-left: -4px; margin-top: -4px; height: 153px; width: 243px; }

#family_fun { position: absolute; left: 422px; top: 227px; z-index: 70; }
#family_fun:hover img {  margin-left: -4px; margin-top: -4px; height: 198px; width: 308px; }

#films_and_lectures { position: absolute; left: 181px; top: 235px; z-index: 110; }
#films_and_lectures:hover img {  margin-left: -4px; margin-top: -4px; height: 238px; width: 208px; }

#free_events { position: absolute; left: 294px; top: 446px; z-index: 0; }
#free_events:hover img {  margin-left: -4px; margin-top: -4px; height: 88px; width: 108px; }

#galleries { position: absolute; left: 604px; top: 394px; z-index: 150; }
#galleries:hover img {  margin-left: -4px; margin-top: -4px; height: 128px; width: 98px; }

#i_love_scfd { position: absolute; left: 287px; top: 99px; z-index: 0; }
#i_love_scfd:hover img {  margin-left: -4px; margin-top: -4px; height: 103px; width: 103px; }

#outdoor_festivals_and_events { position: absolute; left: 379px; top: 128px; z-index: 0; }
#outdoor_festivals_and_events:hover img {  margin-left: -4px; margin-top: -4px; height: 174px; width: 243px; }

#playbill { position: absolute; left: 44px; top: 268px; z-index: 0; }
#playbill:hover img {  margin-left: -4px; margin-top: -4px; height: 228px; width: 168px; }

#rose { position: absolute; left: 752px; top: 189px; z-index: 0; }

#scientific_environmental { position: absolute; left: 177px; top: 164px; z-index: 130; }
#scientific_environmental:hover img {  margin-left: -4px; margin-top: -4px; height: 108px; width: 158px; }

#student_discounts { position: absolute; left: 59px; top: 420px; z-index: 80; }
#student_discounts:hover img {  margin-left: -4px; margin-top: -4px; height: 123px; width: 238px; }

#visitors_guide { position: absolute; left: 352px; top: 340px; z-index: 160; }
#visitors_guide:hover img {  margin-left: -4px; margin-top: -4px; height: 224px; width: 154px; }

#visitor_opportunities { position: absolute; left: 659px; top: 337px; z-index: 120; }
#visitor_opportunities:hover img {  margin-left: -4px; margin-top: -4px; height: 193px; width: 173px; }


/*** form ***/
form { margin: 0; padding: 0; }

.entrylabel
{
   font-weight: bold;
}

.entrylabel span
{
   font-style: italic;
   padding-left: 10px;
}

.entryfield
{
   margin-bottom: 10px;
   margin-top: 5px;
}

.entryfield input
{
   width: 300px;
}

.entryarea { margin-bottom: 10px; margin-top: 5px; }

.entryarea textarea
{
   font-family: Arial, sans-serif;
   font-size: 12px;
   height: 200px;
   overflow-y: auto;
   width: 300px;
}

.button
{
   margin-top: 20px;
}