/*div div div div { border : 1px solid yellow }
div div div { border : 1px solid red }
div div { border : 1px solid green }
div { border : 1px solid blue }
span { border : 1px solid white; }
ul { border : 1px solid gray; }
li { border : 1px solid brown; }
table {  border : 1px solid yellow; }
td {  border : 1px solid red; }*/

/*-------z-indecies------*/
.thumbs_addr { z-index : 250; }
.thumbs_sidebar { z-index : 200; }

div.catnm { z-index : 149; }
div.pgno { z-index : 149; }
.thumbs_grid {z-index : 100;}

.popup_nav,.thumbs_nav { z-index : 250; }
.nav_left { z-index : 251; }
.nav_right { z-index : 249; }
.popup_menu { z-index : 100; }
#popup_menu_details,#popup_menu_specs  { z-index : 200; }
#popup_image { z-index : 1; }
#popup_img { z-index : 0; }
#popup_map { z-index: 0; }
body { z-index : 50; }

/*#nate img { z-index : 10000 }*/

/*-------Address------*/
.thumbs_grid .address { clear : left; padding-top : 5px; }
.address { text-align : center; font-size : smaller; }
.address a { text-decoration : none; } /*color : gray;*/

/*-------Grid Setup--------*/
.thumbs_grid { position : absolute; left : 15em; padding : 10px;  min-width : 600px;
               }


.thumbs_ingrid { float : left; 
                 width : 204px; /*height : 124px; *//*should be 62/22 not 64/24, ie missaligns*/
                 margin : 2px; padding : 5px;
                 text-align : center; font-size : smaller;
                 border : 1px solid #222222;
               }
.thumbs_ingrid p { margin-top : .4em;  margin-bottom : .4em; }

/*-------Nav Setup--------*/
.popup_nav { position : absolute; height : 2em; width : 100%;
             border-bottom : 1px solid white; }

span.nav_left { position : absolute; margin : .5em; font-size : smaller; }
span.nav_on a { color : white; text-decoration : none; font-weight : 900; }
span.nav_on a:hover { text-decoration : underline overline; }
span.nav_off a { color : gray; font-weight : lighter; cursor : default; }
span.nav_on,span.nav_off { border : 1px solid gray; margin : 1px; padding-bottom : .2em; background-color : #444444; }

div.nav_right { position : absolute; right : 0; margin : .25em; 
                text-align : right; } 
span.catnm { font-size : larger; font-weight : bold; }
span.pgno { font-weight : bold; }

.thumbs_nav { position : static; padding-top : 2em;  margin-bottom : 5px; /*should be height, but ie makes too wide*/
             border-bottom : 1px solid white; }
/*mostly due to buggy ie.  Need to move things roung by 10 px margin around the whole grid div*/
.thumbs_nav span.nav_left,.thumbs_nav div.nav_right { top : 10px; margin-left : 0; margin-right : 0; }
.thumbs_nav div.nav_right { right : 10px; }

/*should be able to  do this, but ie  makes the div too wide, wider than enclosing div*/
/*div.catnm { position : absolute; top : 0px; text-align: center; width : 100% }*/
/*div.pgno { position : absolute; top : 0px; text-align : right; width : 100%;*/

/*-------Popup Setup--------*/
.popup_body { position : absolute; top: 3.25em;
              width : 100%;
              }

.popup_body img { border : 0px; }
#popup_details { text-align : center; font-style : normal; font-weight : bold;
                 margin-top : -.5em; margin-bottom : -.5em; /*line height screws with wrapped lines, margin will get rid of some extra space around lines*/
                 border : 1px solid black; }/* some other fucking ie bug.  gets all smooshed up without border should be line height .5em, no border */ 

/*-------Popup Menu--------*/
.popup_menu { position : absolute; top : 2em;  height : 1.25em; width : 100%; }

.popup_menu ul { margin : 0; padding : 0; }
.popup_menu ul li { cursor : pointer;
                    width: 6em; text-align : center; float: left; display: block;
                    font-variant: small-caps;
                    border-right: solid 1px white;
                    border-bottom : 1px solid white;
                    background-color : gray;
                    }

#popup_menu_specs,#popup_menu_details { position : absolute; top : 3.25em; 
                                        display : none;
                                        background : #cccccc; color : black; }
#popup_menu_specs table,#popup_menu_details table { text-align : left; border-collapse : collapse;
                                                    border : 1px black solid; border-top : 0px; }

#popup_map_image { position: relative; color: black; height: 608px; width: 808px; margin: 0px auto; }/*border: 2px solid red; }*/
#popup_image img { padding : 2px; background: black; border : 2px solid #bbbbbb; }
#popup_map { position: absolute; width: 800px; height: 600px; padding : 2px; border : 2px solid #bbbbbb; display: none; }
#popup_image { text-align: center; }

/*#popup_menu_specs { margin-left : 6em; }*/

/*#popup_img { width : 800px; height : 600px;}
#popup_image { margin-left : auto; margin-right : auto; padding : 4px; 
               border : 2px solid #bbbbbb; width : 800px; height : 600px; text-align : left; 
               color : black;*/ /* Override the body font color */
               /*font-family : Verdana, Geneva, Helvetica, sans-serif; }*/

.popup_infowindow img { float: left; margin-right: 4px; }
.popup_infowindow { width: 17em; }

/*-------Sidebar Setup--------*/
.thumbs_sidebar { position : absolute; left : 0; width : 15em; padding-top : 10px; }

.thumbs_sidebar_title { text-align : center; font-weight : bold; height : 2em; margin : 0px 10px 5px 10px;
                      border-bottom : 1px solid white; }/* font-size : larger; */ 

.thumbs_sidebar ul { list-style-type : none; margin-left : 0; padding-left : 1em; margin-top : 0;}
/*.thumbs_sidebar li { margin-left: 1em; padding-left: 1em; }*/

/* Don't change the class names - foldingtree.js depends on them */
/* Category with subcategories */
/*.foldheader {
	list-style-image: url('<#BitmapClosed#>');
	cursor: pointer;
	font-weight: bold;

}

.foldlist {}*/

/* Category without subcategories */
/*.foldleaf {
	list-style-type: none;
	list-style-image: none;
	font-weight:normal;
}*/


/*-------Links Setup-----*/
.thumbs_ingrid a { text-decoration : none; }
.thumbs_sidebar a { text-decoration : none; }

.thumbs_ingrid a:visited { color : gray; }
.thumbs_sidebar a:visited { color : gray; }

.thumbs_ingrid a:link { color : #005Cd0; }
.thumbs_sidebar a:link { color : #005Cd0; }

.thumbs_ingrid a:hover { color : white; }
.thumbs_sidebar a:hover { color : white; }

a .thumbs_img { border : 1px solid #bbbbcc; }
a .thumbs_img:hover { border : 1px solid white; }

/*-------Global Setup--------*/
body { background-color : black; color : white;
       margin : 0px; font-family : Verdana, Geneva, Helvetica, sans-serif;
       font-weight : normal;
     }
a { cursor : pointer; } /*fix cursor in IE not pointer over linked image*/