/** Stylesheet: Slideshow.css CSS for Slideshow. License: MIT-style license. Copyright: Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/). HTML:
Notes: These next four rules are set by the Slideshow script. You can override any of them with the !important keyword but the slideshow probably will not work as intended. */ .slideshow { font-size: 12pt; display: block; position: relative; z-index: 0; } .slideshow-images { display: block; overflow: hidden; position: relative; } .slideshow-images img { display: block; position: absolute; z-index: 1; } .slideshow-thumbnails { overflow: hidden; } /** Notes: These are examples of user-defined styles. Customize these classes to your usage of Slideshow. */ .slideshow { width: 420px; height: 320px; margin: 0 auto; background: url("../images/back.png") no-repeat scroll 0 0 transparent; } .slideshow a img { border: 0; } /** HTML: Notes: The images div is where the slides are shown. Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc. */ .slideshow-images { width: 380px; height: 280px; left: 20px; top: 20px; } .slideshow-images-visible { opacity: 1; } .slideshow-images-prev { opacity: 0; } .slideshow-images-next { opacity: 0; } .slideshow-images img { float: left; left: 0; top: 0; position: static; } /*** Added CSS */ h1{ font-size: 36pt; text-align: center; font-family: Helvetica, Arial, Verdana, san-serif; font-weight: normal; margin: 10px; } h1{ font-size: 26pt; text-align: center; font-family: Helvetica, Arial, Verdana, san-serif; font-weight: normal; margin: 10px; } .logo{ padding-right: 40px; vertical-align: middle; } #rect{ float: center; width:70%; height:10px; background-color: #254117; position: relative; left: 15%; } #description{ float: center; } #main-nav{ height: 20px; width: 100%; text-align: center; padding-bottom: 2px; padding-top: 2px; background-color: #800000; } #main-nav ul{ margin: 0px; padding: 0px; font-size: small; white-space: nowrap; } @media screen { #main-nav li{ font-size: 12pt; font-weight: bold; display: inline; list-style-type: none; padding-left:5px; padding-right:5px; border-right: 1px solid #FFFFFF; } } @media print { #main-nav li{ font-size: 12pt; font-weight: bold; display: inline; list-style-type: none; padding-left:5px; padding-right:5px; border-right: 2px solid #000000; } #main-nav li.last { border: none; } } #main-nav a{ text-decoration: none; padding: 10px; color: #FFFFFF; font-family: Helvetica, Arial, san-serif; } #main-nav li.active a{ color: #FFFF6B; font-weight: bold; } #main-nav a:hover { color: #FFFF6B; } #ensemble-pic{ text-align: center; width:95%; padding-left: 10px; margin-top: 10px; } .blach{ color: #00000C; font-family: Helvetica, Arial, san-serif; font-size: 12pt; } .map{ width:50%; float: right; } .left{ float: left; width:50%; } .fsw-footer{ width: 95%; padding-left: 10px; text-align: left; color: #000000; font-size: 9pt; font-family: Helvetica, Arial, san-serif; } .sub-nav{ height: 20px; width: 100%; text-align: center; padding-bottom: 2px; padding-top: 2px; background-color: #C00000; } .sub-nav ul{ margin: 0px; padding: 0px; font-size: small; white-space: nowrap; } @media screen { .sub-nav li{ font-size: 12pt; font-weight: bold; display: inline; list-style-type: none; padding-left:5px; padding-right:5px; border-right: 1px solid #FFFFFF; } } @media print { .sub-nav li{ font-size: 12pt; font-weight: bold; display: inline; list-style-type: none; padding-left:5px; padding-right:5px; border-right: 2px solid #000000; } } } .sub-nav li.last { border: none; } .sub-nav a{ text-decoration: none; padding: 2px; color: #FFFFFF; font-family: Helvetica, Arial, san-serif; } .sub-nav li.active a{ color: #FFFF6B; font-weight: bold; } .sub-nav a:hover { color: #FFFF6B; } .composer-list li{ margin-top: 7px; } table.center { margin-left:auto; margin-right:auto; } h4 {font-family: Verdana, Helvetica, Arial, sans-serif; color: #C00; font-size: 11pt; line-height: 11pt; margin-bottom: 2px; }