/*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ @import 'clientfiles/css/grid.css'; body {font: normal 12px/18px sans-serif; color: #000; margin: 0; padding: 0;} body#viewphoto {margin: 10px;} h1 {padding: 0 0 18px 0; font: normal 24px/36px Georgia, Serif; color: #000;} h2 {font: normal 16px/18px sans-serif; color: #069;} div#tertiarycontent h2 {padding: 0 0 0 0; font: normal 24px/36px Georgia, Serif; color: #000;} h3 {font: normal 14px/18px sans-serif; color: #069;} h4 {width: 40%; margin: 18px 0 18px 18px; padding: 5px 0; font: bold 14px/18px sans-Serif; color: #444; font-style: italic; text-align: center; display: inline-block; float: right;} h1 a, h2 a, h3 a {color: #000;} a {color: #004d74; text-decoration: none;} a:hover {color: #008dd4;} a.more {padding-right: 15px; background: url(../gfx/arrow_white.gif) no-repeat 100% 4px;} p {margin: 0 0 18px 0;} #tertiarycontent h2 {} #tertiarycontent p {font-size: 11px; line-height: 18px;} img {border: 0;} img.left {float: left; margin: 18px 18px 18px 0;} img.right {float: right; margin: 18px 0 18px 18px;} img.top {margin-top: 0;} ul, ol {margin: 18px 0 18px 30px;} ul {list-style-type: square;} ul li {padding: 2px 0;} ol {list-style-type: decimal;} dl {margin: 0 0 18px 0;} dl dt {font-weight: bold;} blockquote {margin: 0 0 18px 18px; color: #444; font-style: italic;} strong {font-weight: bold;} em {font-style: italic;} pre {margin-bottom: 18px; padding: 16px; background: #eee; border: solid 1px #ddd;} hr { background: #069; color: #069; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 17px 0; border: none; } table {width: 100%; margin: 9px 0 27px; border: 0;} th,td {padding: 2px 4px; vertical-align: top;} th {font-weight: bold;} table th h3 {margin: 15px 0 3px 0; border-bottom: solid 1px #000;} table.reset th, table.reset td { text-align: left; } p.small {font-size: 10px; margin-bottom: 18px;} p.large {font-size: 14px; line-height: 36px;} p.quiet {color: #444;} .hide {display: none;} /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ div#wrapper {width: 960px; margin: 20px;} div#header {width: 960px; margin: 0 0 10px;} div#content {width: 960px; margin: 20px 0 0 0;} div#maincontent {width: 510px; margin: 0 30px 0 20px; padding: 0; float: left; overflow: hidden; background: url(../gfx/_grid.png)} div#secondarycontent {width: 200px; margin: 0; padding: 0; float: left;} div#tertiarycontent {width: 200px; margin: 0; padding: 0; float: left;} div#tertiarycontent ul {list-style: square; list-style-type: square; color: #666;} div#header #logo {display: block; clear: both;} div#header ul {width: 750px; margin: 0; padding: 0; text-align: right; float: left; list-style: none;} div#header ul li {margin: 0 0 0 10px; font: normal 12px sans-serif; line-height: 30px; display: inline;} div#header ul li a {color: #000; text-decoration: none; border-bottom: solid 3px #fff;} div#header ul li a:hover {color: #000; text-decoration: none; border-bottom: solid 3px #97d4e5;} div#header ul li.on a {color: #000; text-decoration: none; border-bottom: solid 3px #97d4e5;} div#header #search {width: 200px; margin: 0; float: right;} div#header .SearchField {width: 139px; margin: 5px 0 0 0; font: normal 11px sans-serif; float: left;} div#header .SearchButton {width: 50px; margin: 4px 0 0 0; font: normal 11px sans-serif; float: right;} div#header #photos {margin: 3px 0 0 0; clear: both; height: 188px; display: block;} div#header .mainphoto {width: 750px; height: 180px; margin-right: 10px; border-top: solid 8px #97d4e5; float: left;} div#header img.secphoto {width: 200px; height: 180px; border-top: solid 8px #c3baaa !important; float: right;} div#header div#specialheadercontainer {display: inline; width: 160px; height: 180px; background-color: #a6220b; border-top: solid 8px #c3baaa !important; float: right; padding: 0 20px;} div#header div#specialheadercontainer object {margin: 30px 0;} dl.rss dt {font: normal 10px/18px sans-serif; color: #666;} dl.rss dd.title {font: normal 14px/18px sans-serif;} dl.rss dd.title a {text-decoration: none;} dl.rss dd {margin: 0 0 18px 0; font-size: 11px;} dl.rss dd p {margin: 0;} dl.rss dd.preamble a {color: #000; text-decoration: none;} dl.rss dd.readmore {text-align: right;} ol.blog {margin: 0; padding: 0; list-style: none;} ol.blog li {margin: 0 0 35px 0; border-bottom: solid 1px #ccc;} ol.blog li.last {margin: 0 0 35px 0; border-bottom: none !important;} ol.blog li li {margin: auto !important; padding: 0 !important; border: 0 !important;} ol.blog li p.date {font-size: 11px; color: #666;} ol.blog li p.permalink a {padding-right: 15px; background: url(../gfx/arrow_white.gif) no-repeat 100% 4px;} h3.rssarchive {color: #000;} ul.rssarchive {margin-left: 18px; list-style: none;} ul.rssarchive li.on a {color: #000; padding: 0 0 0 10px; text-decoration: none; background: url(../gfx/arrow.gif) no-repeat 0 50%;} a.rssfeedicon {text-decoration: none;} a.rssfeedicon img {vertical-align: middle;} div#footer {margin: 5px 0 0 0; border-top: solid 1px #c3baaa; padding: 5px 0 20px 0; clear: both; float: none;} address.footer {font: normal 11px/14.4px Sans-Serif;} address.footer strong {display: none;} address.footer span.tel strong {display: inline;} address.footer span.fax strong {display: inline;} address.footer a {} address.footer span.org {font-weight: bold; margin: 0 5px 0 0;} address.footer span.adr {display: inline-block; margin: 0 5px 0 0;} address.footer span.tel {display: inline-block; margin: 0 5px 0 0;} address.footer span.fax {display: inline-block; margin: 0 5px 0 0;} address.footer span.email {display: inline-block;} address.footer span.email a {text-decoration: none;} div.pinnedblog {padding: 18px 10px; margin: 36px 0 0 0; background: transparent url(../gfx/bg_pinnedblog.gif) repeat-x; border-top: solid 1px #c3baaa;} div.pinnedblog p.date {font-size: 11px; color: #666;} div.pinnedblog p.permalink a {padding-right: 15px; background: url(../gfx/arrow_white.gif) no-repeat 100% 4px;} div#twitter {background: #d2ecf4 url(../gfx/twitter-bg.png) no-repeat left top; padding: 0 0 0 43px; border-bottom: solid 1px #c3baaa; font-size: 11px; position: relative; margin: 6px 0; clear: both; overflow: hidden; height: 33px; display: block;} div#twitter ul {margin: 0 !important; padding: 0 !important;} div#twitter ul li {list-style: none !important; padding: 7px 0 8px; color: #323232;} div#twitter ul li a.username {font-weight: bold;} div#twitter ul li span.date {font-style: italic; color: #555;} div#twitter div#twitter-navigation {position: absolute; right: 10px; top: 7px; width: 38px;} div#twitter div#twitter-navigation #tweets {display: inline;} div#twitter div#twitter-navigation #tweets a {text-indent: -9999px !important; width: 6px; height: 6px; margin: 5px 3px 0 0; background: transparent url(../gfx/twitter-count.gif) no-repeat left; display: inline-block;} div#twitter div#twitter-navigation #tweets a.activeSlide {background-position: right;} div#twitter div#twitter-navigation #tweet-next, div#twitter div#twitter-navigation #tweet-prev {cursor: pointer; height: 17px; width: 17px; display: inline;} div#twitter div#twitter-navigation #tweet-next {background: transparent url(../gfx/twitter-navigation-right.gif) no-repeat scroll right top; float: right; margin: 0 0 0 2px;} div#twitter div#twitter-navigation #tweet-prev{background: transparent url(../gfx/twitter-navigation-left.gif) no-repeat scroll left top; float: left; margin: 0 2px 0 0;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ ul.menu {width: 200px; margin: 0 0 10px 0; padding: 0; list-style: none; float: left; overflow: hidden;} ul.menu li {margin: 1px 0; padding: 0;} ul.menu li a {width: 185px; padding: 0 0 0 15px; font: normal 12px/24px sans-serif; color: #555; text-decoration: none; background: url(../gfx/bg_menu_off.gif) no-repeat; display: block; overflow: hidden;} ul.menu li a:hover {color: #000; background: url(../gfx/bg_menu_on.gif) no-repeat;} ul.menu li.on a {color: #000; background: url(../gfx/bg_menu_on.gif) no-repeat;} ul.submenu {margin: 0; padding: 0 0 0 15px; list-style: none; background: #fff;} ul.submenu li {margin: 1px 0;} ul.submenu li a {font: normal 11px/20px sans-serif !important; color: #555 !important; background: url(../gfx/bg_submenu_off.gif) no-repeat !important;} ul.submenu li a:hover {color: #000 !important; background: url(../gfx/bg_submenu_on.gif) no-repeat !important;} ul.submenu li.on a {color: #000 !important; background: url(../gfx/bg_submenu_on.gif) no-repeat !important;} ul.submenu li.on li a {background: url(../gfx/bg_subsubmenu_off.gif) no-repeat !important;} ul.submenu li.on li a:hover {background: url(../gfx/bg_subsubmenu_on.gif) no-repeat !important;} ul.submenu li li.on a {background: url(../gfx/bg_subsubmenu_on.gif) no-repeat !important;} ul.submenu li.on li.on li a {background: url(../gfx/bg_subsubmenu_off.gif) no-repeat !important;} ul.submenu li.on li.on li a:hover {background: url(../gfx/bg_subsubmenu_on.gif) no-repeat !important;} ul.submenu li.on li.on li.on a {background: url(../gfx/bg_subsubmenu_on.gif) no-repeat !important;} /*-------------------------------------------------------------------------------------------------- FileArea --------------------------------------------------------------------------------------------------*/ fieldset#login {margin: 0; padding: 0; border: 0;} fieldset#login legend {display: none;} fieldset#login p {margin: 5px 0;} fieldset#login label {width: 100px; margin-top: 2px; display: block; float: left;} fieldset#login input {width: 150px; padding: 2px; font: normal 12px sans-serif; color: #000;} fieldset#login .btn {width: auto; margin-left: 100px;} fieldset#upload {margin: 0; padding: 0; border: 0;} fieldset#upload legend {display: none;} fieldset#upload p {margin: 5px 0;} fieldset#upload label {display: block;} fieldset#upload input {width: 510px; padding: 2px; font: normal 12px sans-serif; color: #000;} fieldset#upload textarea {width: 500px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;} fieldset#upload .btn {width: auto;} div.filearea-content a.upload {width: 200px; height: 18px; padding-left: 20px; padding-bottom: 10px; color: #069; text-decoration: none; background: url(../gfx/upload.gif) no-repeat 0 1px; display: block;} div.filearea-content a.back {width: 200px; height: 18px; padding-left: 20px; padding-bottom: 10px; color: #069; text-decoration: none; background: url(../gfx/list.gif) no-repeat 0 1px; display: block;} div.filearea-content table.files {width: 100%; margin: 10px 0 20px 0; border: 0; border-collapse: collapse;} div.filearea-content table th {padding: 2px 4px; text-align: left; background: #97d4e5; border-bottom: solid 1px #76b3c4;} div.filearea-content table th.size {width: 100px; text-align: right;} div.filearea-content table th.date {width: 80px; text-align: left;} div.filearea-content table th.icon {width: 20px; text-align: right;} div.filearea-content table td {padding: 2px 4px; text-align: left; vertical-align: top; border-bottom: solid 1px #f5f5f5; } div.filearea-content table td.file {padding-left: 20px; background: url(../gfx/file.gif) no-repeat 0 3px;} div.filearea-content table td.size {width: 100px; text-align: right;} div.filearea-content table td.date {width: 80px; text-align: left;} div.filearea-content table td.icon {width: 20px; text-align: right;} div.filearea-content table td a {color: #069; text-decoration: none;} div.filearea-content table td img {vertical-align: middle;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #ccc; padding: 0 2px;} ol.searchresult li {margin-bottom: 18px;} ol.searchresult h3 a {text-decoration: none; color: #069;} ol.searchresult p {margin: 0;} address.staff {margin: 18px 0; display: block; clear: both;} address.staff span {font: normal 12px/18px sans-serif; display: block;} address.staff span.wrapper {width: 300px; float: left;} address.staff span.photo {width: 120px; margin-right: 5px; float: left;} address.staff span.n {font-size: 14px;} address.staff span.org {margin: 0;} address.staff span.title {margin: 18px 0; font-size: 14px;} address.staff span.value {display: inline;} div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {margin: 10px 0; padding: 5px 0; border-bottom: solid 1px #000; width: 491px;} a.gallerydir {width: 240px; height: 220px; margin: 0 10px 10px 0; padding: 0; overflow: hidden; float: left; background: #fff; color: #000; text-decoration: none; text-align: center; display: block;} a.galleryimg {width: 240px; height: 220px; margin: 0 10px 10px 0; padding: 0; overflow: hidden; float: left; background: #fff; color: #000; text-decoration: none; text-align: center; display: block;} a.gallerydir:hover {color: #000;} a.galleryimg:hover {color: #000;} a.gallerydir span, a.galleryimg span {margin: 3px 0 0 0; display: block; clear: both; font: normal 12px sans-serif;} a.gallerydir span {font-weight: bold;} fieldset.contact {width: 250px; border: 0; margin: 0; padding: 0 0 18px 20px; display: inline-block; float: right;} fieldset.contact legend {display: none;} fieldset.contact p {margin: 0 0 9px 0;} fieldset.contact label {display: block;} fieldset.contact label .rfv {font-size: 11px; color: #f00;} fieldset.contact input {width: 240px; height: 13px; margin: -2px 0 -1px 0; font: normal 12px sans-serif; color: #000;} fieldset.contact textarea {width: 240px; height: 103px; margin: -2px 0 -1px 0; font: normal 12px/18px sans-serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto; height: 21px; margin: 0 0 -1px 0;} fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 0;} fieldset.loginprotectedpage legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;} fieldset.loginprotectedpage p {margin: 5px 0;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #f00;} fieldset.loginprotectedpage input {width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.loginprotectedpage .btn {width: auto;} dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px sans-serif; float: left;} dl#pageproperties dd {font: normal 11px sans-serif;} dl#pageproperties dd a {} ul.breadcrumb {margin: 0; padding: 0; list-style: none;} ul.breadcrumb li {margin-right: 5px; padding: 0; line-height: 25px; display: inline;} ul.breadcrumb li.delimiter {font-weight: bold;} ul.sitemap, ul.sitemap ul, ul.sitemap ul ul, ul.sitemap ul ul ul {list-style: square; margin: 2px 0 9px 18px !important;} ul.sitemap li {} ul.sitemap li li {} ul.sitemap li a {font: normal 13px/13px sans-serif; color: #000; text-decoration: none;} ul.sitemap li li a {font: normal 12px/12px sans-serif; color: #069; text-decoration: none;} ul.recentupdates {margin: 16px 0 18px 15px; padding: 0; list-style: square;} ul.recentupdates li a {font: normal 12px/18px sans-serif; color: #069; text-decoration: none;} ul.recentupdates li a span {color: #666; font: normal 10px/18px sans-serif;}