/* Page layout */
html { height:100%;}
body { height: 100%; margin: 0px; padding: 0px; text-align: center; font-family:Arial, sans-serif; font-size: 0.8em; background-image:url(/images/bodybg.jpg); background-repeat:repeat-x; background-color:#EEF1ED; }
#aspnetForm { height: 100%; }
#PageWrapper { padding: 0px; margin: 0px auto 0; width: 780px; min-height: 100%; height: auto; position: relative; text-align: left; border: solid 0px #ffffff; margin-top:-25px; background-color:White;background-image:url(/images/bodybg.jpg); background-repeat:repeat-x; background-position:0px 25px; }
* html #PageWrapper { height:100%; }
/* Global styles */
a,h2,li,p{ color: #666666;}
a:hover{ color:#000000;}
h1 {margin: 10px 0 0 0; padding-bottom:7px; font-weight:normal; font-size:2.9em;}
h2{ margin:0px; padding:0px; padding-bottom:10px; font-size:1.3em;}
.Clear { clear: both; }
td{ font-size:1em;}
/* Header */
#Header{ padding-top:25px; height:57px; }
#Logo{ float:left;line-height:10px;}
#Menu { border-top: solid 0px #ffffff; height:57px; float:left; width:477px;}
#Menu ul { margin: 0; padding: 0; z-index:1; list-style: none; float:right;}
#Menu ul ul{ padding-left:0px; float:none;}
#Menu ul li { list-style-type: none; float: left;padding-right:10px; padding-bottom:0px; }
#Menu li {margin:0px; padding:0px 20px 0px 0px;}
#Menu ul li a { color: #666666; text-decoration: none; padding: 36px 5px 5px 5px ; font-size:1em; }
#Menu ul li ul li{margin:0px; padding:0px;}
#Menu ul li ul li a{ padding:5px; font-size:1.0em; font-weight:normal; background-color:#3E5A2C; margin:0px;border-bottom:solid 1px white;width:130px; color:White;}
#Menu ul li ul li a:hover{ background-color:Black; color:White; }
#Menu ul li a:hover{ color:Black;}
#Menu ul li a.AspNet-Menu-Selected{ color:White; background-image:url(/images/navbg.jpg); background-repeat:repeat-x;}
/* Centre column */
#Content { width: 750px; float: right; margin-bottom:30px; padding:15px; background-color:White; margin-top:8px; min-height:500px;}
#Content h1{ text-align:left; border-bottom:none; margin:0px 0px 10px;padding-right:0px; font-size:1.6em; color:#666666;}
#Content h2 a{ text-decoration:none; }
#Content h2 a:hover{ color:Black; text-decoration:underline;}
#Content h2 { margin: 0; margin-bottom:4px;font-size:1.2em; }
#Content h3 { margin: 5px 0px 3px 0px; }
#Content h3 a{ text-decoration:none;}
#Content h4 { font-weight: normal; font-size: 1.1em; margin: 0 0 1em 0; }
#Content p { margin: 0 0 1em 0; line-height:150%; }
#Content .boxed { width: 280px; border:1px solid #cccccc;font: 10pt Arial;padding:2px; border-bottom:solid 2px #cccccc; }
#Content img{ margin:5px 10px 10px 0px; border:solid 1px #cccccc;}
#Content li{ margin-bottom:5px; }
#Content .Date{ color: #666666;}
#Content #Text{ width:445px; float:right; }
#Content #Imagery{ float:right; width:280px; margin: 0px 20px 15px 0px; padding:0px; border:solid 1px #000; display:inline; text-align:right; line-height:0px; display:inline;}
#Content #Imagery img{ border:solid 0px #cccccc; margin:0px; }
#Content #Imagery a{ text-decoration:none;}
#Content ul.photos{ list-style:none; margin:0px; padding:0px;}
#Content ul.photos li{ margin:0px 15px 15px 0px; float:left; }
#Content ul.photos li img{border:solid 0px #cccccc;}
#Content .partner{ width:165px; float:left;}
a.lightbox{ text-decoration:none;}
a.lightbox img{ border:0px;}
/* Left hand column */
#Left{ width: 192px; float: left; padding:16px 0px 0px 12px;}
#Left h2{ padding:5px; margin:0px; font-size:1em; font-weight:bold; background-color:#576375; color:White; }
#Left ul { margin: 0; padding: 0; border-bottom: solid 1px #cccccc;width: 192px; }
#Left ul li { }
#Left ul li a {background-color:#E3E6EA; font-weight:normal; text-decoration: none; padding: 5px; display: block; font-size:1em; width:180px; border:solid 1px #cccccc; border-bottom:0px;}
#Left ul li a:hover{ color:Black;}
#Left ul li a.AspNet-Menu-Selected{ color:Black; background-color:White;}
/* Right column */
#Right{ float:right; width:180px; font-size:0.9em; color:#666666;}
#Right a{ text-decoration:none;}
#Right a:hover{ text-decoration:underline;}
/* Footer */
#Footer { margin:0px auto; font-size: 0.8em; width:780px; background-color:#cccccc; color: #666666; clear: both; height:25px;}
#Footer p{ padding:5px; margin:0px;}
/* Form elements */
.buttons{ background-color:#999999; border:0px solid #000000; font: 10pt Arial; color:#ffffff; font-weight:bold; padding:2px; top:15px; text-decoration:none;}
.buttons:hover{ background-color:Black;}
/* Tables */
.StandardTable{border-width:1px; border-collapse:collapse;border-color:#bbbbbb; border-style:solid; width:100%;}
.StandardTable TD{border: 1px #dddddd solid;padding:2px; vertical-align:top;}
.StandardTable TH{ background-color:#666666; color:White;}
.StandardTable TH a{ color:White;}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
/*zoom: 1;*/
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}