to contain the example images */ .pic-right { float: right; margin-left: 8px; } /*

to clear floats; automatically done as part of class "solidheader1", as well */ .clear { clear: both; } /* Used for the */ html { height: 100%; background-color: #F5F4F6; } /* Used for the */ body { width: 1000px; border-left: #E0E0E0 solid 1px; border-right: #E0E0E0 solid 1px; margin: 0 auto; } /* Header section */ .top { background: #7999CC; color: #FFFFFF; height: 200px; } /* Wrapper to go around the menu, to center it */ .menu-wrapper { width: 85%; margin: 0 auto; } /* Centers content */ .center { width: 100%; text-align: center; margin: 0 auto; } .body { padding-left: 7px; padding-right: 7px; padding-bottom: 3px; background-color: #F2E7CE; color: #000000; font-family: arial, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif; font-size: 12pt; } .body a { color: #0000FF; text-decoration: none; } .body a:visited { color: #0000FF; } .body a:hover { text-decoration: underline; } .body a:active { text-decoration: underline; } /* Logo image */ .logo { float: left; margin: 6px; border: 0px; } /* Pictures with black outline*/ .picture { color: black; border-style: solid; border-width: 1px; margin: 10px; } /* Mouseover explanation */ .sidebar { font-size: 12px; font-family: tahoma, arial, helvetica, san-serif; color: #FFFFFF; background-color: #003366; border-style: solid; border-width: 1px; border-color: #AAAAAA; width: 25%; padding: 5px; float: right; text-align: left; } .sidebar a:link { color: #99CCFF; text-decoration: none; } .sidebar a:visited { color: #99CCFF; text-decoration: none; } .sidebar a:hover { color: #99CCFF; text-decoration: underline;} .sidebar a:active { color: #99CCFF; text-decoration: underline; } .directlink { text-align: right; font-size: 12px; font-family: tahoma, arial, helvetica, san-serif; font-style: italic; } hr { border: none; border-bottom: 1px dotted #9999CC; width: 100%; height: 2px; } .header1 { color: rgb(0, 51, 102); text-align: center; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 40pt; font-style: normal; font-weight: bold; text-shadow: 2px 2px 2px #3E629C; } .header2 { color: rgb(0, 51, 102); text-align: center; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 22pt; font-style: normal; font-weight: bold; text-shadow: 1px 1px 1px #3E629C; } .header3 { color: rgb(0, 51, 102); text-align: center; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 22pt; font-style: normal; font-weight: bold; text-shadow: 2px 2px 2px #ccc; } .solidheader1 { clear: both; color: #000000; background-color: #7999CC; text-align: center; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 15pt; text-shadow: 0 1px 1px #888888; height: 26px; } .solidheader2 { color: rgb(0, 0, 0); background-color: #7999CC; text-align: center; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 12pt; } blockquote { margin : 10px 40px; padding : 5px; clear : both; background-color : rgb(127, 193, 244); -moz-border-radius : 8px; border-radius : 8px; } /* END regular main.css styles */ /* START galleryview/galleryview.css */ /* GalleryView Stylesheet Use the CSS rules below to modify the look of your gallery. To create additional rules, use the markup below as a guide to GalleryView's architecture. NOTE - The markup below represents the DOM generated by the GalleryView plugin, NOT the markup you would include in your HTML file. Refer to README.txt to review markup requirements.

...overlay content...

caption text
caption text

*/ /* GALLERY LIST */ /* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */ #main_gallery { visibility: hidden; } /* GALLERY CONTAINER */ .gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;} /* LOADING BOX */ .loader { background: url(/pics/gallery/loader.gif) center center no-repeat #ddd; } /* GALLERY PANELS */ .panel {} /* DEFINE HEIGHT OF PANEL OVERLAY */ /* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */ .panel .panel-overlay, .panel .overlay-background { height: 40px; padding: 0 1em; } /* PANEL OVERLAY BACKGROUND */ .panel .overlay-background { background: #222; } /* PANEL OVERLAY CONTENT */ .panel .panel-overlay { color: white; font-size: 0.8em; } .panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; } /* FILMSTRIP */ /* 'margin' will define top/bottom margin in completed gallery */ .filmstrip { margin: 5px; } /* FILMSTRIP FRAMES (contains both images and captions) */ .frame {} /* WRAPPER FOR FILMSTRIP IMAGES */ .frame .img_wrap { border: 1px solid #aaa; } /* WRAPPER FOR CURRENT FILMSTRIP IMAGE */ .frame.current .img_wrap { border-color: #000; } /* FRAME IMAGES */ .frame img { border: none; } /* FRAME CAPTION */ .frame .caption { font-size: 11px; text-align: center; color: #888; } /* CURRENT FRAME CAPTION */ .frame.current .caption { color: #000; } /* POINTER FOR CURRENT FRAME */ .pointer { border-color: #000; } /* TRANSPARENT BORDER FIX FOR IE6 */ /* NOTE - DO NOT CHANGE THIS RULE */ *html .pointer { filter: chroma(color=pink); } /* END galleryview/galleryview.css */ /* START menu/css/dropdown/dropdown.css */ /** * Horizontal CSS Drop-Down Menu Module * * @file dropdown.css * @package Dropdown * @version 0.7.1 * @type Transitional * @stacks 597-599 * @browsers Windows: IE6+, Opera7+, Firefox1+ * Mac OS: Safari2+, Firefox2+ * * @link http://www.lwis.net/ * @copyright 2006-2008 Live Web Institute. All Rights Reserved. * */ ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } ul.dropdown { position: relative; z-index: 597; float: left; } ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; } ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } ul.dropdown ul li { float: none; } ul.dropdown ul ul { top: 1px; left: 99%; } ul.dropdown li:hover > ul { visibility: visible; } /* END menu/css/dropdown/dropdown.css */ /* START menu/css/dropdown/themes/default/default.css */ /** * Default CSS Drop-Down Menu Theme * * @file default.css * @name Default * @version 0.1.1 * @type transitional * @browsers Windows: IE5+, Opera7+, Firefox1+ * Mac OS: Safari2+, Firefox2+ * * @link http://www.lwis.net/ * @copyright 2008 Live Web Institute. All Rights Reserved. * * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {} * Expected directory tag - li * */ /*-------------------------------------------------/ * @section Base Drop-Down Styling * @structure ul (unordered list) * ul li (list item) * ul li a (links) * /*\.class|(li|a):hover/ * @level sep ul */ ul.dropdown { font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; } ul.dropdown li { padding: 7px 10px; border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff #d9d9d9 #d9d9d9; background-color: #f6f6f6; color: #000; } ul.dropdown li.hover, ul.dropdown li:hover { background-color: #eee; color: #000; } ul.dropdown a:link, ul.dropdown a:visited { color: #000; text-decoration: none; } ul.dropdown a:hover { color: #000; } ul.dropdown a:active { color: #ffa500; } /* -- level mark -- */ ul.dropdown ul { width: 280px; margin-top: 1px; } ul.dropdown ul li { font-weight: normal; } /*-------------------------------------------------/ * @section Support Class `dir` * @level sep ul, .class */ ul.dropdown *.dir { padding-right: 20px; background-image: url(/pics/menu-images/nav-arrow-down.png); background-position: 100% 50%; background-repeat: no-repeat; } /* -- Components override -- */ ul.dropdown-horizontal ul *.dir { padding-right: 15px; background-image: url(/pics/menu-images/nav-arrow-right.png); background-position: 100% 50%; background-repeat: no-repeat; } ul.dropdown-upward *.dir { background-image: url(/pics/menu-images/nav-arrow-top.png); } ul.dropdown-vertical *.dir, ul.dropdown-upward ul *.dir { background-image: url(/pics/menu-images/nav-arrow-right.png); } /* END menu/css/dropdown/themes/default/default.css */