/*simple styles for simple browsers. primarily nn4. 
make darn sure everything in here is overridden in the real css*/
/*ie4.5mac has problems with this. it makes text small, and the nested list is impossibly small, 
even when user increases to largest. solution? ignore it. you will go nuts trying to serve 
different styles to nn4 and ie4.5mac. either give them both plain xhtml, or style for nn4 at the 
slight inconvenience of the few, or zero, remaining ie4.5mac users.*/

body, h1, h2, h3, h4, h5, h6, ol, ul, li, p {
	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	color: #c0c0c0;
	}
body {
	margin: 1;
	padding: 0;
	background-color: #000044;
/*	background-image: ;/*use full url so both ie45mac and nn4 can find it. */
	background-repeat: no-repeat;
	background-position: top left;
	}
	
#divGallHome { position:absolute;left:1%; }
#divNextGall { position:absolute;left:77%;	}
#divPrevGall { position:absolute;left:13%;	}
#divShowDescription {
		position:absolute;
		top:220;
		left:250;
		}
#divFullShow {
		position:absolute;
		top:150;
		left:35%;
		}
#divWindShow {
		position:absolute;
		top:150;
		left:55%;
		}	
#photobox {
		position:absolute;
		font-size:60%;
		top:0;
		left:80%;
		width:200;
		height:100;
		background-color:#000044;
		}	
#gallthumbbox {
	
		width:200;
		height:800;	
		padding: 5pt;
		text-align:left;
		color:#c0c0c0;
		border: 0px solid #9999ff;
		}	
.gallthumb { 
		padding:10pt;
		text-align:center;
		font-size:70%;
		font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
		}	
.thumbbox {	
		position:absolute;
		top:50;
		left:10;
		width:200;
		font-size: 80%;
		color:#9999ff;
		text-align:left;
		}
.thumb {
		padding:5pt;
		text-align:center;
		font-size:70%;
		font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
		}			
	
.tab04 { border:0px; background-color:#000033; }
.pictext {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color:#339999;}		
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 90%;
	}
.narrow2{
	width: 50%;
	line-height: 105%;
	}
td {font-family: verdana, arial, helvetica, sans-serif;
	    color: #fff;
		font-size: 80%;
		}	
/*typography*/
A   { color:#66ffcc; }
  a:active  { color:#c0c0c0;text-decoration:none;  }
  a:hover   { color:#ff0000; text-decoration:none; }
  a:link    { color:#66ffcc; text-decoration:none; }
  a:visited { text-decoration:none; }
  a.menulink { display: block; width:; 
             text-align: center; text-decoration: none; 
			 color:#c0c0c0; 
			 border: solid 2px #000099; 
			 background-color: #000066; 
			 }
  a.menulink:hover { color:#ffffff; 
                     background-color:#0033aa;   
                     border: solid 1px #0033ff; }
/*hover doesn't work in nn4*/
.footer { float: right;
		  font-size: 70%;
		  font-weight: normal;
		  color: #339999;
		  }	
h1 {
	font-size: 150%;
	font-weight: bold;
	}
h2 {
	font-size: 120%;
	font-weight: normal;
	}
h3 {
	font-size: 100%;
	font-weight: normal;
	}
h4 {
	font-size: 80%;
	font-weight: normal;
	}
h5 {
	font-size: 70%;
	font-weight: bold;
	}
h6 {
	font-size: 64%;
	font-weight: bold;
	}

ol, ul, li {/*
	list-style: none;*/
	font-size: 80%;
	line-height: 120%;
	}
p {
	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	line-height: 100%;
	}
pre {
	font-family: monospace;
	font-size: 80%;
	}
strong, b {
	font-weight: bold;
	}