/* DEFINE GLOBAL CSS Styles */
body {
	background-color: #000066 ;
	background-image: url(../images/StrataLogo_t.gif) ;
	background-size: 50px auto;
	background-repeat: no-repeat ;
	background-position: left top ;
	color: #ffffff ;
	font-family: Arial, Verdana, sans-serif ;
	font-size: 14pt;
      }

/* Configure the Navigation Bar */

nav a { color: #ffffff ;
	text-decoration: none;
	}
nav li {
	display: inline ;
	padding-left: 3%; padding-right: 3%;
	font-weight: bold;
	text-align: center;
	font-size: 11pt;
	}
nav a:link { color: #ffff00;}
	
nav a:hover {text-decoration: none; color: #00dddd }

/*Configure the footer */
footer {
	padding: 10px 0 0 0 ; 
	font-size: .8em ;
	font-style: italic ;
        text-align: center;
	font-family: Franklin,Gothic,Medium;
	color: #ffffff ;
	clear: both;
	}

main  {
	text-align:center;
	}

/* Configure the wrapper */
#wrapper {
       width: auto; 
       margin: 0; 
         }

/*  CSS for Forms  */
form {
	padding: 10px ;
	}
label {
	float: left;
	width: 8em ;
	text-align: right;
	padding-right: 10px;
	}
input, textarea {
	display: block;
	margin-bottom: 1em;
	}

#mySubmit {
	margin-left: 12em;
	}

p {
	text-align: left;
	font-weight: normal;
   }
main p {
	text-align: justify ; 
	padding: 5px 50px 5px 50px ;
	}

/******     TABLET  ****************/

@media screen all and (max-width: 1024px)
   {
/* DEFINE GLOBAL CSS Styles */
body {
	background-color: #000066 ;
	background-image: url(../images/StrataLogo_t.gif) ;
	background-size: 50px auto;
	background-repeat: no-repeat ;
	background-position: left top ;
	color: #ffffff ;
	font-family: Arial, Verdana, sans-serif ;
	font-size: 14pt;
      }

/* Configure the Navigation Bar */

nav a { color: #ffffff ;
	text-decoration: none;
	}
nav li {
	display: inline ;
	padding-left: 3%; padding-right: 3%;
	font-weight: bold;
	text-align: center;
	font-size: 11pt;
	}
nav a:link { color: #ffff00;}
	
nav a:hover {text-decoration: none; color: #00dddd }

/*Configure the footer */
footer {
	padding: 10px 0 0 0 ; 
	font-size: .8em ;
	font-style: italic ;
        text-align: center;
	font-family: Franklin,Gothic,Medium;
	color: #ffffff ;
	clear: both;
	}

/* Configure the wrapper */
#wrapper {
       width: auto; 
       margin: 0; 
         }

/*  CSS for Forms  */
form {
	padding: 10px ;
	}
label {
	float: left;
	width: 8em ;
	text-align: right;
	padding-right: 10px;
	}
input, textarea {
	display: block;
	margin-bottom: 1em;
	}

#mySubmit {
	margin-left: 12em;
	}

p {
	text-align: left;
	font-weight: normal;
   }

main p {
	text-align: justify ; 
	padding: 5px 30px 5px 30px ;
	}


}

/**********  SMART PHONE  ****************/

@media only all and (max-width: 37.5em)
   {
/* DEFINE GLOBAL CSS Styles */
body {
	background-color: #000066 ;
	color: #ffffff ;
	font-family: Arial, Verdana, sans-serif ;
	font-size: 1.2em;
      }

/* Configure the Navigation Bar */

nav a { color: #ffffff ;
	text-decoration: none;
	}
nav li {
	display: block;
	padding-left: 3%; padding-right: 3%;
	font-weight: bold;
	text-align: center;
	font-size: 1em;
	}
nav a:link { color: #ffff00;}
	
nav a:hover {text-decoration: none; color: #00dddd }

/*Configure the footer */
footer {
	padding: 1eml 0 0 0 ; 
	font-size: .8em ;
	font-style: italic ;
        text-align: center;
	font-family: Franklin,Gothic,Medium;
	color: #ffffff ;
	clear: both;
	}

/* Configure the wrapper */
#wrapper {
       width: auto; 
       margin: 0; 
         }

/*  CSS for Forms  */
form {
	padding: 1em ;
	}
label {
	float: left;
	width: 8em ;
	text-align: right;
	padding-right: 1em;
	}
input, textarea {
	display: block;
	margin-bottom: 1em;
	}

#mySubmit {
	margin-left: 12em;
	}

p {
	text-align: left;
	font-weight: normal;
   }
main p {
	text-align: justify ; 
	padding: 5px ;
	}

}