/*
	Author: M Hamilton 
	File: mainstyle.css
	Style sheet for SeascapeTwo web site - main style. 
	Updated for responsive text and page size.
*/

BODY {
	font-family: Verdana, Arial, sans-serif;
	background-color: #E3EBFF; 
	color: #013954; 
	margin-top : 20px;
	margin-left: 20px;
	margin-right: 20px; 
    }

A {	/* Regular anchor */
	color: #0F1BFF; 
	text-decoration: none; 
	text-decoration: underline;
    }
A:LINK, A:VISITED, A:ACTIVE	{
	font-weight: bold;
	color: #0F1BFF; 
    }
A:HOVER	{ /* Hover works with IE 4+ */
	color: #EA8840;
	font-weight: bold;
	text-decoration: underline; 
    }
	
/* On screens that are more than 1500px, set the size to 800px */
@media screen and (min-width: 1501px) {
    .MAINTABLE { /* Main table container */
	width: 800px;
	margin-left: auto;  /* Center the table */  
	margin-right: auto;   
   }

   .CONTENT { /* Content tables */
	font-family: Arial, Tahoma, Verdana, sans-serif;
	background: #FFFFCC;
	font-size: 0.85vw; 
    }

    .HEADING_1 { /* Heading styles */
	font-weight: bold;
	font-size: 1.15vw; 
    }

    .HEADING_2 { 
	font-style: italic;
	font-weight: bold;
	font-size: 1.05vw; 
	color: #151889; 
	background-color: #D7D7D7;
    } 
 
    /* Specialty items */
    .ERROR {
	color: #FF4040; 
	font-weight: bold;
	font-size: 1vw; 
    }

    .COPYRIGHT {
	font-size: 0.8vw; 
	color: #6B6B6B; 
    }

    .ENDLINKS {
	font-size: 0.8vw;
	font-weight: normal;
	text-align: center; 
    }
	
    .TAGLINE { 
	font-style: italic;
	font-weight: bold;
	font-size: 1vw; 
	color: #FFFFCC; 
    }

    .SMALLTYPE  { font-size: 0.8vw; }
    .SMALLERTYPE{ font-size: 0.7vw; }
    .LARGETYPE  { font-size: 1.1vw; }
    .LARGERTYPE { font-size: 1.2vw; }
}

/* On screens that are between 901px and 1500px, set the size to 800px */
@media screen and (max-width: 1500px) and (min-width: 901px) {
    .MAINTABLE { /* Main table container */
	width: 800px; 
	margin-left: auto;  /* Center the table */  
	margin-right: auto;   
   }

   .CONTENT { /* Content tables */
	font-family: Arial, Tahoma, Verdana, sans-serif;
	background: #FFFFCC;
	font-size: 1.25vw; 
    }

    .HEADING_1 { /* Heading styles */
	font-weight: bold;
	font-size: 1.5vw; 
    }

    .HEADING_2 { 
	font-style: italic;
	font-weight: bold;
	font-size: 1.4vw; 
	color: #151889; 
	background-color: #D7D7D7;
    } 
 
    /* Specialty items */
    .ERROR {
	color: #FF4040; 
	font-weight: bold;
	font-size: 1.3vw; 
    }

    .COPYRIGHT {
	font-size: 1.15vw; 
	color: #6B6B6B; 
    }

    .ENDLINKS {
	font-size: 1.15vw;
	font-weight: normal;
	text-align: center; 
    }
	
    .TAGLINE { 
	font-style: italic;
	font-weight: bold;
	font-size: 1.3vw; 
	color: #FFFFCC; 
    }

    .SMALLTYPE  { font-size: 1.1vw; }
    .SMALLERTYPE{ font-size: 1.0vw; }
    .LARGETYPE  { font-size: 1.4vw; }
    .LARGERTYPE { font-size: 1.5vw; }
}

/* On screens that are between 700px and 900px, set the size to 600px */
@media screen and (max-width: 900px) and (min-width: 700px) {
  .MAINTABLE { /* Main table container */
	width: 600px; 
	margin-left: auto;  /* Center the table */  
	margin-right: auto;   
   }

   .CONTENT { /* Content tables */
	font-family: Arial, Tahoma, Verdana, sans-serif;
	background: #FFFFCC;
	font-size: 1.6vw; 
    }

    .HEADING_1 { /* Heading styles */
	font-weight: bold;
	font-size: 1.8vw; 
    }

    .HEADING_2 { 
	font-style: italic;
	font-weight: bold;
	font-size: 1.7vw; 
	color: #151889; 
	background-color: #D7D7D7;
    } 
 
    /* Specialty items */
    .ERROR {
	color: #FF4040; 
	font-weight: bold;
	font-size: 1.65vw; 
    }

    .COPYRIGHT {
	font-size: 1.4vw; 
	color: #6B6B6B; 
    }

    .ENDLINKS {
	font-size: 1.4vw;
	font-weight: normal;
	text-align: center; 
    }
	
    .TAGLINE { 
	font-style: italic;
	font-weight: bold;
	font-size: 1.6vw; 
	color: #FFFFCC;
    }

    .SMALLTYPE  { font-size: 1.4vw; }
    .SMALLERTYPE{ font-size: 1.3vw; }
    .LARGETYPE  { font-size: 1.7vw; }
    .LARGERTYPE { font-size: 1.8vw; }
}

/* On screens that are less than 699px, set the size to 500px */
@media screen and (max-width: 699px) {
   .MAINTABLE { /* Main table container */
	width: 500px; 
	margin-left: auto;  /* Center the table */  
	margin-right: auto;   
   }

   .CONTENT { /* Content tables */
	font-family: Arial, Tahoma, Verdana, sans-serif;
	background: #FFFFCC;
	font-size: 1.8vw; 
    }

    .HEADING_1 { /* Heading styles */
	font-weight: bold;
	font-size: 2.0vw; 
    }

    .HEADING_2 { 
	font-style: italic;
	font-weight: bold;
	font-size: 1.9vw; 
	color: #151889; 
	background-color: #D7D7D7;
    } 
 
    /* Specialty items */
    .ERROR {
	color: #FF4040; 
	font-weight: bold;
	font-size: 1.8vw; 
    }

    .COPYRIGHT {
	font-size: 1.4vw; 
	color: #6B6B6B; 
    }

    .ENDLINKS {
	font-size: 1.4vw;
	font-weight: normal;
	text-align: center; 
    }
	
    .TAGLINE { 
	font-style: italic;
	font-weight: bold;
	font-size: 1.8vw; 
	color: #FFFFCC;
    }

    .SMALLTYPE  { font-size: 1.4vw; }
    .SMALLERTYPE{ font-size: 1.3vw; }
    .LARGETYPE  { font-size: 1.9vw; }
    .LARGERTYPE { font-size: 1.95vw; }
}

.TOPMENU {	/* Top menu style */
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8vw;
	color: #FFFFFF; 
	background: #00376F;
    }

.MAINBORDER {
    border: solid #00376F;
    border-width: 1px 1px 1px 1px;
    }
    
.SIDEBAR { /* Sidebar style */
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 0.8vw;
	color: #FFFFFF; 
	background: #598DCE;
	border: none; 
    }

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background: #00376F;
	border: solid #EEC432;
	border-width: 1px 1px 1px 1px;
	font-family: Verdana, Arial;
	font-weight: bold;
    }
#nav a {
	display: block;
	color: #FFFFEE;
	text-decoration: none;
	padding: 0.32em 1.6em;
    }
#nav li { /* all list items */
	float: left;
    }
#nav li ul { /* second-level lists */
	position: absolute;
	width: 17em;
	left: -999em; /* using left to hide menus, display: not used by screen readers */
	font-size: 0.8vw;
    }
#nav li:hover ul, #nav li.mshover ul { /* nested under hovered list items */
	left: auto;
    }
#nav li:hover, #nav li.mshover {
	background: #265BC6;
    }