/* CSS Document */
/* This first group of styles define the basic layout of the page and standard styles that apply across the board*/
body {
margin:0px;padding:0;
}
h1{
color:#194419;font-size:1.4em;font-weight:600;margin:26px 0 10px 0;
}
h2{
color:#194419;font-size:1.1em;font-weight:600;margin:16px 0 0 0;
}
h3{
color:#194419;font-size:1.1em;font-weight:600;margin:13px 0 0 0;
}
h4{
color:#194419;font-size:1.0em;font-weight:600;margin:13px 0 0 0;
}
p{
font-size:0.85em;margin:4px 0 12px 0;color:#194419;	
}
p.tightSpace{
font-size:0.85em;margin:0;color:#194419;	
}
p.tightSpaceTop{
font-size:0.85em;margin:0;color:#194419;margin-top:4px;	
}
tr{
font-size:0.85em;color:#194419;vertical-align:top;
}
td{
padding:2px 20px 2px 0;
}
ul{
font-size:0.85em;margin:3px 0;color:#194419;list-style-image:url(../graphics/greenBullet.gif);margin-left:0;padding-left:16px;		
}
ol{
font-size:0.85em;margin:3px 0 3px 10px;color:#194419;padding-left:16px;		
}
a{
color:#197D82;	
}
a:hover{
color:#0478d1;	
}
a.box{
border:1px solid #197d82; padding:0 2px; text-decoration:none;border-radius:4px;
}
a.box:hover{
color:#0478d1;border:1px solid #96b259;background-color: #ddf2b8;
}
h3 a{
text-decoration:underline;color:#194419;
}
div#mainBody {
padding:0px;margin:0 auto 12px auto;z-index:50;max-width:960px;width:98%;overflow:auto;text-align:left;font-family:"Open Sans", Arial, Helvetica, sans-serif;position:relative;
}
div.fadeHeader{
width:100%;background-color:#87ae41;background-image:url(../graphics/titleFade.jpg);background-repeat:repeat-y;margin-top:26px;background-position:100px 0;
}
div.greenHeader{
width:100%;background-color:#87AE41;margin-top:26px;background-image:url(../graphics/titleFade.jpg);background-repeat:repeat-y;background-position:100px 0;
}
div.greenHeader h1, div.fadeHeader h1{
color:#F1F9E2;padding:2px 6px;margin-top:7px;margin-left:153px;
}
div.greenHeader h2, div.fadeHeader h2{
color:#F1F9E2;padding:2px 4px;margin-top:7px;
}
div.greenHeader h3, div.fadeHeader h3{
color:#F1F9E2;padding:2px 4px;margin-top:7px;
}
div.highlightBox{
width:100%;background-color:#DDF2B8;margin-top:10px;	
}
div.highlightBox h2{
margin:0;padding:4px 6px 0;	
}
div.highlightBox p{
margin:0;padding:2px 6px 6px 6px;	
}
div#logoFloat{width:125px;position:absolute;left:10px;top:49px;z-index:99;
}
div#logoLeft{float:left;width:125px;margin:-57px 0 15px 0;padding-right:24px;background-color:white;padding-left:2px;
}
/*top menu bar*/
div.topBar{
background-color:#2C6C72;height:27px;width:100%;position:absolute;top:0;left:0;z-index:10;
}
div.topBarOverlay{
background-color:#2C6C72;height:27px;width:100%;position:relative;top:0;left:0;z-index:69;
}
div#topBarMenuHome{
float:left;z-index:70;position:relative;
}
div.topBarMenuHomeItem{
width:134px;color:#F1F9E2;float:right;text-align:left;font-size:15px;margin-top:2px;margin-right:2px;
}
div#topBarMenu{
float:right;z-index:70;position:relative;
}
div.topBarMenuItem{
width:134px;color:#F1F9E2;float:right;text-align:center;font-size:15px;margin-top:2px;margin-right:2px;font-weight: bold;
}
div.topBarMenuItem a, div.topBarMenuHomeItem a{
color:#F1F9E2;text-decoration:none;
}
div.topBarMenuItem a:hover, div.topBarMenuHomeItem a:hover{
color:#FFFFFF;
}
div#headContent{
min-height:75px;position:relative;	
}
div#logoBlock{
width:275px;height:65px;float:left;position:relative;margin-top:14px;display:none;
}
div#mainMenuBlock{
float:right;max-width:811px;width:85%;
}
div.mainMenuItem{
background-color:#DDF2B8;border:1px solid white;border-top:none;width:19%;height:75px;text-align:center;position:relative;font-size:15px;display:table-cell;vertical-align: bottom;padding-bottom:3px;
}
div.mainMenuItem:hover{
background-color:#87AE41;cursor:pointer;
}
div.mainMenuItemText{
bottom:0;left:0;color:#0A5611;position:absolute;width:100%;
}
div.mainMenuItem a{
color:#0A5611;text-decoration:none;
}
div.mainMenuItem a:hover{
color:#F1F9E2;
}
/*Columns*/
div#leftCol{
width:calc(100% - 400px);float:left;	
}
div#rightCol{
width:394px;float:right;	
}
/*Sliding Images*/
div.slidingImageContainer{
width:100%;margin-top:22px;position:relative;z-index:70;overflow: hidden;
}
div.imgSpace{
height:400px;width:392px;
}
div.slidingImage{
position:relative;	
}
div.slidingImage img{
max-width:calc(100% - 2px);border:1px solid black;position:relative;
}
div.slidingImage div.imgArrowLeft{
position:absolute;left:1%;top:50%;margin-top:-16px;z-index:80;height:34px;width:22px;background-image:url(../graphics/pictureArrowLeft.png);cursor:pointer;
}
div.slidingImage div.imgArrowLeft:hover{
background-image:url(../graphics/pictureArrowLeftRO.png);
}
div.slidingImage div.imgArrowRight{
position:absolute;right:1%;top:50%;margin-top:-16px;z-index:80;height:34px;width:22px;background-image:url(../graphics/pictureArrowRight.png);cursor:pointer;
}
div.slidingImage div.imgArrowRight:hover{
background-image:url(../graphics/pictureArrowRightRO.png);
}
div.slidingImageContainer div.imgArrowLeft img, div.slidingImageContainer div.imgArrowRight img{
border:none;
}
div#subImageDiv{
position:absolute;z-index:70;margin:0;paddding:0;height:310px;width:392px;margin-top:14px;
}
div#subImageBackDiv{
position:absolute;z-index:69;margin:0;padding:0;height:310px;width:392px;margin-top:14px;
}
div#imageSubSpace{
position:relative;height:auto;width:392px;z-index:1;margin:0;padding:0;
}
div#playShowMain{
float:right;
width:100px;
position:relative;
margin-top:0px;
text-align:right;
z-index:99;
clear:right;
}
div#playShow{
float:right;
width:100px;
position:relative;
margin-top:-3px;
text-align:right;
z-index:99;
}
div#playShow p, div#playUpperShow p, div#playShowMain p{
font-size:0.7em;
padding:0;
margin:0;
}
div#playShow p a, div#playUpperShow p a, div#playShowMain p a{
color:#194419;
text-decoration:none;
}
div#playShow p a img, div#playUpperShow p a img, div#playShowMain p a img{
border:none;
margin-right:2px;
}

div#imageUpperSubSpace h3{
margin-top:0;
}
div.imgUpperCredit{
float:right;font-size:11px;margin:0 0 12px 6px;
}
div#subUpperImageCredit{
text-align:right;margin-bottom:0;width:392px;
}
p.imgUpperCaption{
font-size:13px;color:#194419;margin:0 0 12px 0;	
}
p.imgUpperSubCaption{
font-size:13px;color:#194419;margin:0 0 3px 0;	
}
div#subUpperImageDiv{
position:absolute;z-index:70;margin:0;paddding:0;height:520px;width:392px;margin-top:14px;
}
div#subUpperImageBackDiv{
position:absolute;z-index:69;margin:0;padding:0;height:310px;width:392px;margin-top:14px;
}
div#imageUpperSubSpace{
position:relative;height:auto;width:392px;z-index:1;margin:0;padding:0;
}
div#playUpperShow{
float:right;
width:100px;
position:relative;
margin-top:-3px;
text-align:right;
z-index:99;
}
div#imageSubSpace h3{
margin-top:0;
}
div#mainImageDiv{
position:absolute;z-index:70;margin:0;paddding:0;height:340px;width:958px;
}
div#mainImageBackDiv{
position:absolute;z-index:69;margin:0;padding:0;height:340px;width:958px;
}
div.imgCredit{
float:right;font-size:11px;margin:0 0 12px 6px;
}
div#subImageCredit{
text-align:right;margin-bottom:0;
}
p.imgCaption{
font-size:13px;color:#194419;margin:0 0 12px 0;	
}
p.imgSubCaption{
font-size:13px !important;color:#194419;margin:0 0 3px 0;	
}
span.leader{
font-weight:bold;
}
/*static image*/
div.imageContainer{
width:394px;margin:0 0 15px 15px;position:relative;float:right;
}
div.imageContainerLeft{
width:394px;margin:0 15px 15px 0;position:relative;float:left;
}
div.imageContainer img, div.imageContainerLeft img{
border:1px solid black;
}
/*Expansion boxes*/
img.plusMinusSmall{
border:none;display:inline;margin:0 8px -1px 0;
}
/*Pop-up Overlay*/
div.popUpBack{
width:100%;height:100%;position:fixed;top:0;left:0;z-index:95;background-image:url(../graphics/gray.png);display:none;
}
div.popUpBox{
width:90%;max-width:570px;overflow:scroll;height:80%;max-height:500px;border:1px solid black;background-color:white;z-index:196;font-family: "Open Sans",Arial,Helvetica,sans-serif;display:none;padding-top:34px;
}
div.popUpBox p{
padding:0 6px;
}
div.popUpBoxHeader{
background-color:#2c6c72;position:fixed;height:30px;margin-top:-34px;max-width:554px;width:calc(90% - 16px);
}
div.popUpBoxHeader h3{
color:white;margin:0;padding:2px 6px 4px;font-size:1.1em;
}
div.popUpBoxHeader div.closeButton{
position:absolute;width:25px;height:25px;top:2px;right:6px;cursor:pointer;
}
div#subhandle {
    cursor: move;
}
/*projects*/
div.projectThumbnail{
width:100%;position:relative;clear:both;border-top:1px solid #ddf2b8;padding-top:4px;padding-bottom:13px;
}
div.imageContainerProjectThumbnail{
width:230px;margin:0 15px 15px 0;position:relative;float:left;
}
div.imageContainerProjectThumbnail img{
width:230px;border:1px solid black;
}
div.projectThumbnail h4{
font-weight:400;	
margin:7px 0 12px 0;
}
div.projectThumbnail span.leader{
font-weight:700;	
}
div.projectOverview{
position:relative;width:calc(100% - 245px);margin-left:245px;
}
table.projectData{
border:2px solid #194419;
border-collapse: collapse;
margin-bottom:13px;
}
table.projectData td{
border:1px solid #194419;
padding:3px;
}
div.projectImageContainer{
width:402px;margin:10px 0 5px 15px;position:relative;float:right;clear:right;
}
div.projectImageContainer img{
border:1px solid black;
}
div.projectImageContainer div#subImageCredit, div.projectImageContainer div#imageSubSpace{
width:402px;
}
div.projectImageContainer p.imgSubCaption{
font-size:0.85em;
}
div.projectImageContainer imgCredit{
margin-top:4px;	
}
div.projectImageContainer div#imageSubSpace {
height:auto;
}
div.notTopImage{
border-top:1px solid #194419;padding-top:8px;
}
/*glossary*/
table#glossary td{
padding:6px 12px 6px 0;
}
/*Tree Lists*/
div#treeList img.plusMinus{
padding-right:12px;margin-bottom:-1px;margin-left:12px;
}
div#treeList p{
margin-bottom:3px;margin-top:0;
}
div#treeList p.listContent{
margin-left:36px;
}
/*Management area styles*/
div.manageoptions {
float:right;font-size:0.9em;margin-right: 17px;margin-top: 24px;width: 250px;clear:right;
}
div.addnew {
float: right;padding-bottom: 10px;text-align: right;width: auto;
}
/*Container for the data display block in the management area */
div.managedata {
clear:both;margin:9px;
}
div.managedataWithBorderAndBackground {
border-style:solid;border-width:1px;border-color:#000000;background-color:#c5e0d4;border-spacing:6px;width:734px;margin:12px 8px;padding:12px;font-family: Arial, Helvetica, sans-serif;font-size:0.75em;text-align:left;}
div.addnew {
float:right;width:auto;text-align:right;padding-bottom:10px;
}
div.back {
float:right;clear:right;width:auto;padding-bottom:10px;
}
div.back img{
border:none;
}
p.manageMenu {
font-family:Arial, Helvetica, sans-serif;font-size:1em;font-weight:bold;
}
p.manageMenu a {
text-decoration:none;color:#194419;
}
p.manageMenu a:hover {
text-decoration:underline;color:#35725C;
}
p.manageMenu img{
margin:0 12px 2px 0
}
div.sep {
margin:0px;color:#83A4BB;width:760px;clear:both;
}
div.calSep {
margin:0 0 0 5px;color:#83A4BB;width:770px;clear:both;
}
table.datatable {
border-collapse:collapse;border-style:solid;border-width:1px;border-color:#000000;border-spacing:6px;width:calc(100% - 12px);margin-left:0;margin-right:12px;font-family: Arial, Helvetica, sans-serif;font-size:1em;text-align:left;
}
table.datatable th {
border-style:none;padding:7px;
}
table.datatable td {
border-style:none;padding:7px;
}
.tablehead {
font-weight: bold;vertical-align: baseline;
}
p.errortext {
font-size:1.1em;font-weight:bold;color:#FF0000;padding: 0px 12px;
}
li.errortext {
font-family:Arial, Helvetica, sans-serif;color:#FF0000;padding: 0px 12px;margin-left: 12px;
}
p.errortextsmall {
font-size:0.8em;font-weight:bold;color:#FF0000;padding: 0px 8px;
}
li.errortextsmall {
font-size:0.8em;font-family:Arial, Helvetica, sans-serif;color:#FF0000;padding: 0px 8px;
}
div#confirmation{
clear:right;
}
.YesNoOptions {
display:inline;position:absolute;
}
.DeleteOptions {
display:inline;
}
.OKButton {
position:absolute;margin-left:12px;
}
.NoButton {
position:relative;vertical-align:top;margin-left:80px;
}
div.subDataBox{
background-color: #ddf2b8;border: 1px solid #87ae41;padding:3px;margin-bottom:3px;
}
div.subDataBox p{
margin:2px 5px;	
}
div.subDataBox p:first-child{
margin-bottom:7px;	
}
div#documents, div#projectData, div#photographs{
margin:0 10px 0 0;	
}
div#addDocument, div#addData, div#addPhoto{
float:right;width:200px;margin:-24px 15px 5px 0;text-align:right;font-weight:normal;
} 
div#addDocumentWait, div#addDataWait, div#addPhotoWait{
float:right;width:150px;color:#194419;margin:-22px 15px 5px 0;text-align:center;font-weight:normal;display:none;
}
div.photoManage{
width:200px;float:left;margin:5px 8px 5px 5px;
}
div.photoManage img{
border:1px solid black;
}
div#grayScreen{	
width:100%;height:100%;position:fixed;top:0;left:0;z-index:95;opacity:0.8;background: none repeat scroll 0 0 #000000;display:none;
}
div#grayMsg {
display: none;left: 50%;margin-left: -250px;position: fixed;top: 20%;width: 500px;z-index: 99;
}
div#grayMsg p {color: white;font-family: Arial,Helvetica,sans-serif;font-size: 1em;text-align: center;
}
div#spinner{
background-image: url("../graphics/Spinner.png");background-position: 0 0;height: 72px;left: 50%; margin-left: -36px;margin-top: 50px; overflow: hidden; position: fixed; top: 25%; width: 72px;z-index: 99;display:none;
}
div.button{
float:left;width:calc(50% - 26px);;color: #f1f9e2;background-color: #ddf2b8;padding:7px 5px;margin:0 12px 15px 0;border-radius:8px;font-weight:normal;text-align:center;border:1px solid #87ae41;
}
div.button a{
color: #0a5611;text-decoration:none;
}
div.button a:hover{
color: #f1f9e2;text-decoration:none;
}
div.button:hover{
background-color: #87ae41;color:#f1f9e2;text-decoration:none;cursor:pointer;
}
/*special styles for narrow screens*/
@media screen and (max-width:1000px) {
div#mainMenuBlock{
width:100%;max-width:none;
}
div#mainImage{
width:99.5%;margin-left:1px;
}
div#headContent{
min-height:150px;
}
}
@media screen and (max-width:650px) {
div.mainMenuItem{
font-size:13px;
}
div#mainImage{
width:99%;
}
div#leftCol{
width:100%;	
}
}