html, body
{
    margin: 0 auto;
    padding: 0;
    height:100%;
    cursor: default;
    color:  black;
    background: url(../images/bggrade.gif) repeat-x;
	background-color: #D9F1C6;
    font-family: "garamond","arial","geneva", "helvetica", sans-serif;
}


#wrapper {
width: 800px;
margin: auto;
padding: 0;
}


body.nomargins
{
    cursor: default;
    color:  inherit;
    font-family:    inherit;
    font-size:      inherit;
    border: 0;
    padding: 0;
    margin:0 auto;
	
}

body.centered
{
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: center;
	
}

body.normal
{
    margin: 0 auto;
    margin-right: 20px;
    text-align: left;

}

body.centered table.dialog
{
    margin: auto;
	
}

a.pageLink, body.normal p
{
    font-size: 180%;
	color: #97BA7B;
}

a:link,a:active
{
    color: #749676; folder text link color
}
a:visited
{
    color: #669;
}



table.pagetable
{
	margin: 0 auto;
	width: 800px;
    height:100%;
    vertical-align:top;

}

table.pagetable td
{
}

.note, .date, .comnt, .navigationBar
{
    font-family: "times new roman", "andulus", "garamond", "chaparral pro";
    font-size:        100%; 
    padding-top:      5px;
    padding-bottom:   5px;
	padding-left:  15px;
	
}
.comnt
{
    white-space:normal ; blurb before album
	padding-left:  30px;
	padding-right: 90px;
	font-size:    100%;
}


.navigationBar
{
    white-space:nowrap;
    vertical-align: middle;
	
}

.title, H1, H2
{
    color: #76AE75;
	font-family: "garamond"; 
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-bottom: 10px;
	margin-left: 2px;
	font-size: 2.2em;
}

.copyright
{
    font-size:  70%;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    border:0;
    color: #666;
    white-space:nowrap;
    text-decoration: none;
	background-color:   #FBFDFA;
}

.copyright a,.copyright a:visited, .copyright a:hover,.copyright a:active
{
    color: #666;
    text-decoration: none;
}

.copyright div
{
    vertical-align: bottom;
    padding-top: 2px;
    padding-bottom: 2px;
	background-color:   #FBFDFA;
}


/* ----------- Nice link button styles -------------*/
.disabledButtonLink
{
    color: #999;
    text-align:center;
    padding: 2px 15px 2px 15px;
    background-color:   #FBFDFA;  disabled button on comments page
}

a.buttonLink
{
    padding: 2px 15px 2px 15px;
    border: 1px solid #66c;
    background-color:   #FBFDFA; active buttons
    text-align:center;
    white-space: nowrap;
    color: #339; horizontal box link colors
}

a.buttonLink:visited
{
    color: #339;
}

a.buttonLink:active
{
    border: 1px solid #000;
    background-color:   #FBFDFA;
    color: #339;
	padding: 2px 15px 2px 15px;
}

a.buttonLink:hover
{
    border: 1px solid #99c;
    background-color:   #fff;
    color: #339;
	padding: 2px 15px 2px 15px;
}

a.curPageLink , a.curPageLink:visited,a.curPageLink:link,
a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link
{
    padding: 2px 15px 2px 15px;
    font-size: 100%;
    color: #749676; thumbnail link color
}

a.curPageLink:hover,a.curPageLink:hover,
a.otherPageLink:hover,a.otherPageLink:hover
{
    color: #66f;
}

a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link
{
}

a.curPageLink , a.curPageLink:visited,a.curPageLink:link
{
    border: 3px double #999;
    font-weight: bold;
  background-color: #fff;
}

a.otherPageLink:hover,a.curPageLink:hover
{
    text-decoration: none;

}



/* ----------- Main page header styles -------------*/
.indexPageHeader
{
	color: white;
    width:800px;
    vertical-align: middle;
    padding-top: 0px;
	padding-bottom: 8px;
  	 margin: 0 auto;
	
}


.indexPageHeader table td
{
    white-space: nowrap;
    vertical-align: middle;
	margin: 0;
	padding: 0;
}

.indexPageHeader .buttonLink
{
    /*background-color:   #FBFDFA; background of buttons at top of page*/
    border: 1px solid   #66c;
}

.indexPageHeader .title
{
/*  font-size:       32pt;
    font-weight:    normal;*/
}

.indexPageHeader .navigationBar
{
    text-align: center;
	padding: 0;
	margin: 0;
}



/* ----------- Folder view -------------*/
.insetPane
{
    border-top: 0px inset #D9F1C6;  pane on right
    border-bottom: 0px inset #999;
    border-left: 0px inset #999;
    background-color: #FDFCDD;  navigaton bar at left and bottom of page
    vertical-align:top;
    height: 100%;
	width: 590px; welcome to pots image gallery text
}

.insetPane#folderPane
{
    width:40px;
	
}

.insetPane#thumbViewPane
{
    border-right: 0px inset #999;
	background-color: #FBFDFA;  color under thumbnails, yea!
	width: 500px;
	 
}
.folderTree
{
    vertical-align: top;
    padding: 18px 12px 18px 12px; CELL PADDING?
	width: 155px;  WIDTH OF RIGHT NAVIGATION BAR? YES!
	
}


/* ----------- Album header info -------------*/
.albHeader
{
    padding: 5px;
    background-color: #FBFDFA;  top portion of body
    white-space:normal ;
    border-bottom:  1px solid #999;
    border-collapse: collapse;
	padding-top: 30px;
	
}
.albHeader .titlerow
{
    vertical-align: bottom;
}
.albHeader .navigationBar
{
    margin-top: 5px;
    padding-bottom: 5px;
}



/* ----------- Thumbnail view page -------------*/
.fldimgrow
{
    display:block;
    line-height: 1px;
    font-size: 100%;  OF THUMBNAIL TITLES ON ALBUM PAGE?
    overflow:hidden;
    white-space:nowrap;
    cursor: pointer;
}

.nothing, .imagethumb, .folderthumb
{
    text-align: center;
    vertical-align: top;
    padding: 0px;
    border: none;
    margin: 0px;
    border-collapse: collapse;
	
	
}

.thumbView
{
    vertical-align:top;
    background-color: FBFDFA;  lower half of body
	width: 500px;
	padding: 0;
	
}

/* --- images thumbnails --- */
a.imglink
{
    padding:2px;
    text-decoration: underline; underline thumbnail title
    border: 1px solid #fffcc;
    text-align: center;
    display:block;
	
}

a.imglink .imagethumb
{
    border-style: solid;
    border-width: 1px;
    border-color: #FDFCDD;
	
}

a.imglink:hover
{
    background-color:   #eee;
    text-decoration:    underline ;
    border: 1px solid #66f;
}

a.imglink:hover .imagethumb
{
    border-color: #99c;
}


/* --- image titles --- */
.imageTitle
{
    cursor: hand;
    padding: 5px;
    margin: 0px;
    display:block;
    margin-bottom: 3px;
    white-space: normal;
    font-size: 70%;  SIZE OF FONT VISITED LINK
    width: auto;
    height: auto;
}

a:hover .imageTitle
{
    background-color:   #eee;
    text-decoration:    underline;
    white-space: normal;
    color: #66f;
	padding: 5px; lenox page et al
	margin: 0;
}


/* --- album thumbnails folder images on gallery page --- */
a.fldlink
{
    padding: 4px;
    display:block;
    text-decoration:    underline;
    cursor:             hand;
    border: 1px solid  #FDFCDD;  border color on album not thumbnails
	margin: 0;
}

a.fldlink:hover
{
    background-color:   #eee;
    border: 1px solid #66f;
    text-decoration:    underline;
	padding: 0px;

	margin:0;
}

a.fldlink .folderthumb
{
    border: 1px inset #cc9900;
}

/* ---- Image view : page title ----- */
.imgHeader
{
    white-space: nowrap;
    border-bottom: 1px outset #999;
    margin:0;
    background-color: #FBFDFA;  top of image page
    vertical-align:top;
    max-width:98%;
}

.imgHeader .title
{
    border-top: #ccc 1px dotted; title of image
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    display:block;
    width: 100%;
    color: #76AE75;
    font-family:  garamond;
	font-size: 0.8 em;	
}

.imgHeader .comnt
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.imgHeader .title a
{
	font-size: 0.8em;
    color: #76AE75;
    font-family:  garamond;
    padding-top: 2px;
    padding-bottom: 2px;
}

.imgHeader .navigationBar
{
    
	font-size: 0.8em;

}

/* ---- Image view : image view ----- */
.showImgPane
{
    text-align: center;
    vertical-align: middle;
    border: 0;
    white-space: nowrap;
    height: 100%;
}

.showImgPane table
{
    margin: auto;
}

.showImgPane img
{
  border: 1px solid #669;

    filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color='gray', Strength ='5')
            progid:DXImageTransform.Microsoft.BasicImage(enabled:false);


}

/* ------- EXIF image details ------------ */
.imgDetails
{
    vertical-align: top;
    margin: 2px;
    text-align:     left;
    float: left;
}

.imgDetails table
{
    border : 1px inset #fff;
    border-collapse: collapse;
    padding: 5px 5px 5px 5px;
    margin: 2px 2px 2px 2px;
    border-spacing: 1px;
    background-color: #e6e6e6;
    font-family:    Tahome, Verdana, Arial, sans-serif;
    font-size: 70%;
    line-height:    100%;
}

.imgDetails table td
{
    border-top : 1px solid #e6e6e6;

    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.imgDetails table th
{
    text-align: center;
    padding: 2px 10px 5px 10px  ;
    border: none;
  background-color: #ccc;
  border-bottom: 1px dashed #999;
}

.imgDetails table .imgParamName
{
    font-weight: bold;
    white-space: nowrap;
    padding: 2px 10px 2px 10px  ;
  text-align: right;
}

.imgDetails table .imgParamValue
{
    border-left : 1px solid #e6e6e6;
    padding: 2px 10px 2px 2px  ;
    white-space: nowrap;
  text-align: left;
}

/* --- Logon screen and other dialogs ---- */
.dialog
{
    background-color: #eee;
    font-family:    Tahoma, Verdana, Arial, sans-serif;
    vertical-align: middle;
    text-align:     left;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
    border: 5px solid #e6e6e6;
    font-size: 80%;
}

.dialog td
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.dialog th
{
    font-family:    Verdana, Arial, sans-serif;
    font-size:      130%;
    vertical-align: middle;
    padding: 5px;
    white-space: nowrap;
    text-align:     center;
    background-color: #FBFDFA;

}

/* Table of reindexing errors */
.errorsTable, .errorsTable td
{
    font-family:    Tahoma, Verdana, Arial, sans-serif;
    background-color: #e6e6e6;
    border:         1px solid #f00;
    border-spacing: 2px;
    font-size: 80%;
}

/* -- Error message -- */
.error
{
    font-size:      100%;
    color:          red;
}

/* --- Tree styles *****nested navigation bar****--- */
.dtree, .dTreeNode, .dTreeNode table
{
	font-family: "times new roman", "andulus", "garamond", "chaparral pro"; left navigation gallery sub navigation menu
    white-space: nowrap;
	color: #97BA7B;
	padding-top: 2px;
}

.dTreeNode table
{
    font-size:140%;
	
}


.dtree img {
    border: 0px;
    vertical-align: top;
}

.dtree a {
    font-weight: normal;
    font-family:  garamond;
  	color: #97BA7B;
	font-size: 90%;
	
}
.dtree a.node, .dtree a.nodeSel {
    white-space: normal;
    vertical-align: baseline;
    padding: 1px 2px 1px 2px;
	color: #97BA7B;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
    font-weight: normal;
  	color: #037AC2;
	text-decoration: none;
}

.dtree a.nodeSel {
    background-color: #FDFCDD;
    color: #037AC2;
	padding:3px;
    
  
}
/*.dtree .clip {
    overflow: hidden;
}*/

.imagecommentsRow 
{ 
    /* Uncomment the next line for main_blue.css */ 
     background-color: #FBFDFA;

    /* Uncomment the next line for main_cyan.css */ 
    /* background-color: #CCDDFF; */ 
} 
table.imagecomments 
{ 
    margin-top: 20px; 
    font-size: 100%;  COMMENT FONT SIZE
    border-top: 2px solid black; 

    /* Uncomment the next line for main_cyan.css */ 
    /* color: black; */ 
} 

table.imagecomments th 
{ 
    padding: 10px; 
} 

table.imagecomments td.imagecomment 
{ 
    border-top: 1px dashed black; 
	padding-left: 50px;
    padding-right: 50px;
	
	
} 

table.imagecomments td.imagecommentform 
{ 
    border-top: 1px dashed black; 
} 

table.imagecomments td.imagecommentform table 
{ 
    font-size: 100%; 
} 

/*MAIN NAVIGATION */
#sidebar {
	color: #CAEFCB; /*lighter green*/
	font-family: "times new roman", "andulus", "garamond", "chaparral pro";
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0;
	padding-bottom: 0px;
	padding-top:12px;
	font-size:1.3em;
	background: url(../images/navbar.gif);
	width: 800px;
	height: 30px;
	font-size: 18px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style:none;

}

#sidebar li {
	display: inline;
}

#sidebar a {
	color: white; /*yellow*/
	display: block;
	float: left;
	border: 0;
	background: none;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0;
	text-decoration: none;
}

#sidebar a:hover, #sidebar .active a {
	background: #B3D39B;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom:0px;
	color: white; /*yellow*/
}

.navigationBar a:hover {
	background: #80AFD7;
	
}