/* maxstyle.css */
/* This file should be in the root html directory.  But you
   will also find a symbolic link to it under the maxspage subdirectory
   because some old browsers fail to properly follow directory links
   in a stylesheet include, as in  <link rel="stylesheet" href="../maxstyle.css">
   They fail to follow the "../" and bomb out the page with an error.
*/
* {margin:0; padding:0;}
h1 {
	margin-top:0;
	margin-bottom:0;
	color:#ffff9c;
	text-align:center;	
	line-height: 24pt;
	font-size: 24pt;
        font-family: "Helvetica";}

/* Default paragraphs have a bigger font size than normal on our page */
p {
	font-size:   14pt;
	line-height: 18pt;
        font-family: "Helvetica";
	margin:0;
}

/* Modifiers we apply to all H2 classes */
.myh2 {
	font-size:18pt;
        font-family: "Helvetica";
 	text-decoration:none;
	text-align:center;
	line-height:18pt; 
	margin-top:18px;
	margin-bottom:2px;
	color: #ffff9c; } 


/* The titlebar area that's always at the top of the page. */
.titlebar {
	line-height: 12pt; 
	margin-top:6px; 
	margin-bottom:14px;
	font-size:14pt;
        font-family: "Helvetica";
	text-align:center;
	color: #ffffff;
}

/* Videos page section subtitles */
.videosectiontitle {
	line-height: 20pt; 
	margin-top:2px; 
	margin-bottom:2px;
	font-size:18pt;
        font-family: "Helvetica";
	text-align:center;
	color: #ffffff;
}

/* H1 Headers and subheaders on large information pages */
.infoPageHeader {
	margin-top:0;
	margin-bottom:0;
	color:#000000;
        font-family: "Helvetica";
	text-align:center;	
	line-height: 24pt;
	font-size: 24pt;
	font-weight: bolder;
	display: block;
}
.infoPageHeader2 {
	margin-top:0;
	margin-bottom:0;
	color:#000000;
        font-family: "Helvetica";
	text-align:center;	
	line-height: 14pt;
	font-size: 14pt;
	font-weight: bolder;
	display: block;
}
.infoPageHeader3 {
	margin-top:0;
	margin-bottom:0;
	color:#000000;
        font-family: "Helvetica";
	text-align:center;	
	line-height: 10pt;
	font-size: 10pt;
	display: block;
}
.infoSubHeader {
	color: #000000; 
	font-size:12pt;
        font-family: "Helvetica";
 	text-decoration: none;
	text-align: center;
	line-height: 12pt; 
	margin-top:.06in;
	margin-bottom:.04in;} 

/* Display 128-pixel-wide thumbnails on large pages of them.  We specify
   the width in here, even though it isn't strictly necessary, because
   the browser can lay out the page correctly for all the images if
   if knows the image width.  If it has to wait until all the images
   load to know their sizes, you see some of the goofy browser page
   redrawing and shifting on slower links or machines. */
.ThumbClass { color: #ffff9c;
	      font-size: 12pt;
              font-family: "Helvetica";
	      line-height: 16pt; 
	      font-style: italic;
	      margin-top:.02in;
	      text-decoration: none;} 

/* Identical to above, but with black text. Use this on whiter, lighter pages */
.ThumbClassBlack { color: #000000;
	      font-size: 12pt;
              font-family: "Helvetica";
	      line-height: 16pt; 
	      font-style: italic;
	      margin-top:.02in;
	      text-decoration: none;} 

/* Identical to above, but with blue text. Use this on whiter, lighter pages, when
   lots of black text will surround the link and we want it to stand out */
.ThumbClassBlue { color: blue;
	      font-size: 12pt;
              font-family: "Helvetica";
	      line-height: 16pt; 
	      font-style: italic;
	      margin-top:.02in;
	      text-decoration: underline;} 

.imageClass {}

.ThumbClass2 { color: #ffff9c; 
	       font-size:12pt;
	       font-family: "Helvetica";
 	       text-decoration: none;
	       text-align:center;
	       line-height: 12pt; 
	       margin-top:.06in;
	       margin-bottom:.04in;} 

.ThumbClass3 { color: #ffff9c; font-size:10pt; font-style: italic;
 	       text-decoration: none;
	       font-family: "Helvetica";
	       line-height: 10pt; 
	       margin-top:.02in;
	       margin-bottom:.02in;
	       margin-left:0.25in; 
	       margin-right:0.25in; } 

/* A class we use to put well-controlled vertical line space between photos, captions,
   and other things.  Basically, by putting an empty <P></P> of this class
   in place, you get .04in of vertical space. */
.SpacerClass { color: #ffff9c;
	      font-size: 12pt;
              font-family: "Helvetica";
	      line-height: 12pt; 
	      font-style: italic;
	      margin-top:.02in;
	      margin-bottom:.02in;
	      text-decoration: none;}

/* Text under things to download */
.downloadClass { color: #ffff9c; 
	      font-size: 12pt;
	      line-height: 12pt; 
	      font-weight: bold;
	      font-family: "Helvetica";
	      text-decoration: underline} 

.downloadClassExtraText { color: #ffff9c;  
	       font-style: italic;
 	       text-decoration: none;
	       font-family: "Helvetica";
	       font-size: 10pt;
	       line-height: 12pt; 
	       margin-top:.02in;
	       margin-bottom:.02in;
	       margin-left:0.25in; 
	       margin-right:0.25in; } 

/* For text formatting in the Navigation menu */
.navLinkClass { color: #ffff9c;
		font-size: 12pt;
		line-height: 12pt;
		text-decoration: none;
		margin-left:8px;
		font-weight: normal;
		font-family: "Helvetica";}

/* Same, but with subdued gray color for more deprecated information items */
.navLinkClassOld { color: #cccccc;
		font-size: 12pt;
		line-height: 12pt;
		text-decoration: none;
		margin-left:8px;
		font-weight: normal;
		font-family: "Helvetica";}

/* Similar, but slightly smaller, and underlined like a stock web link */
.navLinkClass2 { color: #ffff9c;
		font-size: 10pt;
		line-height: 10pt;
		margin-top:0;
		margin-bottom:0;
		text-decoration: underline;
		font-weight: normal;
		font-family: "Helvetica";}

/* Yet another navigation menu.  Identical to 2, but with no underline. */
.navLinkClass3 { color: #ffff9c;
		font-size: 10pt;
		line-height: 10pt;
		margin-top:0;
		margin-bottom:0;
		text-decoration: none;
		font-weight: normal;
		font-family: "Helvetica";}

/* For putting images into the navigation list instead of text */
.navLinkClassImg { color: #FFFFFF;
		font-size: 12pt;
		line-height: 12pt;
		text-decoration: none;
		margin-left:8px;
		font-weight: normal;
		font-family: "Helvetica";}

/* For text formatting title of a dropdown in the Navigation menu */
.navLinkClassDropdownTitle { color: #ffff9c;
		font-size: 12pt;
		line-height: 16pt;
		text-decoration: none;
		margin-left:8px;
		font-weight: normal;
		font-family: "Helvetica";}

/* Format the items in the dropdown itself */
.navLinkClassDropdown { 
	font-family: "Helvetica";
	font-size: 8pt;
	height:18px;		/* Total height of drop-down */
	border-width:1px;	/* will be 24 px (22 + 1 + 1) */
	margin-top:0.02in;
	margin-bottom:0.02in;
	margin-left:2px;
	margin-right:0;
	background-color:#818481;
	font-style:normal;
	text-decoration: none;
	text-align:left;
	padding:0;
	width:150px;
	color:#ffff9c;
	}

/* Size, borders, everthing NOT related to text styling in the Navigation menu */
/* Normal elements are this high */
.navLinkTableClass {
		color: #ffff9c;
		height: 24px;
}
#navTableFullHeight {
	height: 500px;
	width:  200px;
	background-color: #626552;
	background-image: url('navframebkgd.jpg');
}

/* thinner elements */
.navLinkTableClassThin {
	margin-top:0;
	margin-bottom:0;
	height: 10px;
}

/* For viewing large photos */
.largePhotoViewClass {
	font-family: "Helvetica";
	margin-left:.25in;
	color: blue;
	font-size: 10pt;
	font-weight: bold;}

/* For long paragraphs of text */
.ProseTextClass { color: #000000; font-size:12pt; 
		  line-height: 12pt; text-align: justify;
		  margin-left:.25in; margin-right:.25in;
		  font-family: "Helvetica";}
.ProseTextItalic { color: red; font-size:12pt; 
		  font-style: italic;
		  line-height: 12pt; text-align: justify;
		  margin-left:00; margin-right:00;
		  font-family: "Helvetica";}

.MapPopUpTextClass {color: #000000; font-size:10pt; 
		  line-height: 10pt; text-indent:0;
		  margin-left:.1in; margin-right:.1in;
		  font-family: "Helvetica";
		  text-align: justify;
		  min-width:400px; 
		  width:400px;}
.MapPopUpTitleClass {color: #000000; font-size:12pt; 
		  line-height: 12pt; text-indent:0;
		  margin-left:.1in; margin-right:.1in;
		  font-weight: bold;
		  text-align:center;
		  font-family: "Helvetica";
		  min-width:400px;
		  width:400px;}

/* For intense tables with lots of tiny data */
.DataTableTextClass { color: #000000; font-size:10pt; 
		  line-height: 10pt;
		  margin-left:.25in; margin-right:.25in;
		  font-family: "Helvetica";}

/* A simple, small button to use on forms.  Draws a standard rectangular button
   with our dark background color, with text that lights up in green on
   mouseover. */
.smallButtonClass {
	font-family: "Helvetica";
	font-size: 8pt;
	margin-top:0.02in;
	margin-bottom:0.02in;
	border-width:.02in;
	background-color:#414441;
	font-style:normal;
	color:#ffff9c;}

.smallButtonClassHov {
 	font-family: "Helvetica";
	font-size: 8pt;
	margin-top:0.02in;
	margin-bottom:0.02in;
	border-width:.02in;
	background-color:#414441;
	font-weight: bold;
	border-color:#00FF00;
   	color:#00FF00;}

/* A highlightable class intended for small buttons with an image on them,
   often placed next to drop-downs or other list selectors.  The
   border and margin settings on this should be kept the same as for 
   any of the classes you want to put it next to, to make sure that
   the little button always aligns with the top of the drop-down.
 
*/
.smallImgButtonClass {
	font-family: "Helvetica";
	font-size: 8pt;
	vertical-align:top;
	background-color:#414441;
	font-style:normal;
	border-width:.03in;
	margin-top:0;
	margin-bottom:0.02in;
	color:#ffff9c;}

.smallImgButtonClassHov {
 	font-family: "Helvetica";
	font-size: 8pt;
	vertical-align:top;
	background-color:#414441;
	border-color:red;
	border-width:.03in;
	margin-top:0;
	margin-bottom:0.02in;
	font-weight: bold;
   	color:#00FF00;
}

/* A class just for drawing text on top of oval buttons we hand-crafted
   as JPG images, placed in forms as IMAGE objects, not SUBMIT or BUTTON
   objects */
.ovalImgButtonTextClass {
	font-family: "Helvetica";
	font-size: 10pt;
	vertical-align:middle;
	text-align:center;
	background-color:transparent;
	font-style:normal;
	border-left:0;
	border-top:0;
	margin-left:0;
	margin-top:0;
	padding-left:0;
	padding-top:0;
	color:#ffff9c;}

/* The javascript "back" button */
.javaBackButton {}

a:visited{color: #FFFFFF}
a:hover{color: #00FF00}

a.ThumbClassBlack:visited{color: #888888}
p.ThumbClassBlack:visited{color: #888888}
a.ThumbClassBlack:hover{color: red}
p.ThumbClassBlack:hover{color: red}
a.ThumbClassBlue:visited{color: #888888}
p.ThumbClassBlue:visited{color: #888888}
a.ThumbClassBlue:hover{color: red}
p.ThumbClassBlue:hover{color: red}
p.downloadClass:visited{color: #FFFFFF}
p.downloadClass:hover{color: #00FF00}
a.downloadClass:visited{color: #FFFFFF}
a.downloadClass:hover{color: #00FF00}
a.imageClass:visited{color: #FFFFFF}
a.imageClass:hover{color: #00FF00} 

a.navLinkClass:visited{color: #ffff9c}
a.navLinkClass:hover{color: #00FF00}
a.navLinkClassOld:visited{color: #cccccc}
a.navLinkClassOld:hover{color: #00FF00}
a.navLinkClass2:visited{color: #ffff9c}
a.navLinkClass2:hover{color: #00FF00}
a.navLinkClassImg:visited{color: #626152}
a.navLinkClassImg:hover{color: #00FF00} 

a.largePhotoViewClass:visited{color: blue}
a.largePhotoViewClass:hover{color: red}

a.javaBackButton:visited{color: blue}
a.javaBackButton:hover{color: red}

.homeButtonClass{color:blue;}
a.homeButtonClass:visited{color: blue}
a.homeButtonClass:hover{color: red}


/* Get rid of obnoxious "focus" rectangle around menu items and buttons */
a.navLinkClass:focus{outline-width:0}
a.navLinkClass2:focus{outline-width:0}
a.downloadClass:focus{outline-width:0}
a.ThumbClass:focus{outline-width:0}
a.ThumbClassBlack:focus{outline-width:0}
p.ThumbClassBlack:focus{outline-width:0}
input.smallImgButtonClass:focus{outline-width:0}
input.smallImgButtonClassHov:focus{outline-width:0}
input.smallButtonClass:focus{outline-width:0}
input.smallButtonClassHov:focus{outline-width:0}


/* For short phrases of informational text, not captioning a photo */
.shortTextInfo1 { color: #ffff9c; 
	       font-size:12pt;
	       font-family: "Helvetica";
 	       text-decoration: none;
	       line-height: 12pt; 
	       margin-top:.06in;
	       margin-bottom:.04in;
	       margin-left:0.25in; 
	       margin-right:0.25in;} 


.shortTextInfo2 { color: #ffff9c; 
	       font-size:10pt; 
	       font-family: "Helvetica";
               font-style: italic;
 	       text-decoration: none;
	       line-height: 10pt; 
	       margin-top:.02in;
	       margin-bottom:.02in;
	       margin-left:0.25in; 
	       margin-right:0.25in; }



#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}

/* Locate our background image in the main pane, in framed mode.  Note
   how the location is 0,0 because we simply fill the whole frame */
#background_projectpane_framed_image {
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			margin-top:0in;
	       		margin-bottom:0in;
	       		margin-left:0in; 
	       		margin-right:0in;
			z-index: 1; }

/* Same background, in non-framed mode, so we give it an absolute offset. */
#background_projectpane_nonframed_image {
			position: absolute;
			top: 22%;
			left: 300px;
			width: 700px;
			z-index: 0; }
/* To shove Google vertical skyscraper 120-wide ads against the right side instead of their default left */
/* Many of these parameters are set to match the non-frame background DIV that is set up in projectframeNoFrames.php */
/* So don't mess with these without consulting that file first. */
#sky
{
      position : absolute;
      top : 110px;
      right : 1px;
      width : 120px;
      margin-left:210px;
      margin-right:0px;
}