body {  
     margin: 0px;
     padding: 0px;
     background-color: #3965AD;
     font-family: verdana, helvetica, arial, sans-serif;
     font-size: 10px;
     
	 
}

h1 {
     font-weight: bold;
     font-family: verdana, helvetica, arial, sans-serif;
     font-size: 16px;
     color: #000000;
     margin-bottom: 10px;

}

h2 {
     font-weight: bold;
     font-style: normal;
     font-family: verdana, helvetica, arial, sans-serif;
     font-size: 12px;
     color: #000000;
     margin: 0px;
     margin-bottom: 15px;
}

#header {
     width: 80%;
     margin-left: 155px;
     text-align: right;
}

#navContainer {
     
     background-color: #ADC3DE;
     /*
     background-image: url('/images/butterfly_sm.gif');
     background-repeat: repeat-y;
     background-position: 100px 0px;
     */
     border: 1px solid #666666;
     color: #333333;
     width: 125px;
     float: left;    
     
     margin-left: 10px;
     display: inline;
     padding-left: 5px;
     padding-bottom: 30px;
}


#contentContainer {
     background-color: #ADC3DE;
     border: 1px solid #666666;
     color: #000000;
     width: 80%;
     /*height: 80%;  */
     margin: 0px;
     margin-left: 155px;
     margin-bottom:20px;
     padding: 5px;
     


}

#photoGalleryThumbs {
     /*height: 80%;*/
     width: 100%;
     

     /*
     overflow: auto;
     scrollbar-base-color: #ffccff; 
     scrollbar-track-color: #ebebeb;
     scrollbar-face-color: #ffccff;
     scrollbar-highlight-color: #ffddff;
     scrollbar-3dlight-color: #CCaaCC;
     scrollbar-darkshadow-color: #CC33CC;
     scrollbar-shadow-color: #ffaaff;
     scrollbar-arrow-color: #CC33CC;
     */
}

#photoGalleryThumbs:after { content: ""; display: block; height: 0; clear: both; }

#photoDetail {
     background-color: #ADC3DE;
     border: 1px solid #666666;
     color: #000000;
     width: 80%;

     margin: 0px;
     margin-left: 155px;
     padding: 5px;
     


}
	

#photoDetail img {
     /*width: 600px;*/
     border: 0px solid;
}

#photoDetail img.tall {     
     /*width: 400px;*/
     border: 0px solid;
}

#photoDetail img.wide {     
     /*width: 600px;*/
     border: 0px solid;
}

#navContainer h1 {
     color: #000000;
     font-size: 16px;
     font-weight: bold;
     padding: 0px;
     vertical-align: bottom;
     margin: 0px;
}

#navContainer h2 {
     color: #6666cc;
     border-bottom: 1px solid #6666cc;
     margin-top: 10px;
     margin-bottom: 2px;
     
}

#navContainer ul {
     list-style-type: none;
     padding: 0px;
     margin: 0px;
     padding-left: 0px;
     margin-left: 0px;
     margin-top: 0px;
}

#navContainer ul li {
     padding-top: 5px;
}

#navContainer a {
     color: #000099;
     text-decoration: none;
     vertical-align: top;
     
}

#navContainer a:hover {
     color: #0000CC;
     text-decoration: underline;     
     vertical-align: top;
}

#navContainer form {
     width: 120px;
     margin: 0px;
     padding: 0px;
     overflow: hidden;
}

#navContainer label {
     display: block;
     text-align: left;
     color: #000099;
     
     /* T R B L */
     margin: 3px 0px 5px 0px;
}

#loginContainer {
     width: 500px;
     height: 250px;
     margin-left: auto;
     margin-right: auto;
     background-color: #ADC3DE;
     border: 1px solid #666666;
    

}

#loginheader {
     width: 500px;;
     margin-left: auto;
     margin-right: auto;
     text-align: right;     
}


#loginform {
     width: 250px;
     background-color: #ADC3DE;
     text-align: left;
     /* horizontally center form */
     margin-left: auto;
     margin-right: auto;
     
     /* vertically center login form */
     position: relative;
     height: 150px;
     top: 50%;
     margin-top: -75px;
     vertical-align: center;
 }
 

 
 label {
     /* labels in the left column */
     float: left;
     clear: left;
     text-align: right;
     width: 100px;
     margin-right: 10px;
     margin-bottom: 10px;
     vertical-align: bottom;
 }
input {
     /* inputs on the right */ 
     float: left;
     clear: right;
     text-align: left;
     border: 1px solid black;
 }
input.shortText {
     width: 100px;
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 10px;
 }

select {
     display: inline;
}

input.button {
     display: block;
     color:#FFFFFF;
     font-family:verdana, arial, helvetica, sans-serif;
     font-size: 10px;
     font-weight:bold;
     background-color:#999999;
     border:1px solid;
     border-top-color:#CCCCCC;
     border-left-color:#CCCCCC;
     border-right-color:#666666;
     border-bottom-color:#666666;
     filter:progid:DXImageTransform.Microsoft.Gradient       
       (GradientType=0,StartColorStr='#DDDDDD',EndColorStr='#999999');
     margin-top: 3px;
     padding-left: 3px;
}
input.buttonHover {
     display: block;
     color:#990000;
     font-family:verdana, arial, helvetica, sans-serif;
     font-size: 10px;
     font-weight:bold;
     background-color:#999999;
     border:1px solid;
     border-top-color:#CCCCCC;
     border-left-color:#CCCCCC;
     border-right-color:#666666;
     border-bottom-color:#666666;
     filter:progid:DXImageTransform.Microsoft.Gradient       
       (GradientType=0,StartColorStr='#DDDDDD',EndColorStr='#999999');
     margin-top: 3px;
     padding-left: 3px;
}

#loginform form input.button {
     display: block;
     text-align: center;
     position: relative;
     clear: both;
     float: none;
     margin-left: 110px;
     
}

#loginform form input.buttonHover {
     display: block;
     position: relative;
     text-align: center;
     clear: both;
     float: none;
     margin-left: 110px;

}
	 
form br {
 	clear: both;
 }