/* Minification failed. Returning unminified contents.
(1,8): run-time error CSS1024: Expected media identifier, found '{'
(326,1): run-time error CSS1019: Unexpected token, found '}'
 */
@media {

* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 100%;
}

p {
  line-height: 150%;
  padding-bottom: 10px;
  font-family: Verdana, Arial, Verdana;
  font-size: 95%;
  color: #333;
}

img { border: 0px; }

a, a:visited {
  color: #00F;
  text-decoration: underline;
}
 
a:hover {
  background-color: #005D85;
  color: #151515;
  text-decoration: none;
}


header {
  background-color: Navy;
  background-image: url('/images/bg.png'); 
}

#ngheaderel {
  background-color: Navy;
  background-image: url('/images/bg.png'); 
}

#ngheader {
  background-color: Navy;
  background-image: url('/images/bg.png'); 
}

h3.line {
  background-image: url('/images/heading-dot.png');
  background-repeat: repeat-x;
  background-position: center;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 90%;
  font-size: 105%;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: left;
  letter-spacing: 3px;
  -webkit-text-shadow: #000 1px 1px 0;
  text-shadow: #000 1px 1px 0;
}

h3.line span {
  color: #005D85;
  margin-left: 12px;
  padding: 0 6px;
  background-color: #FFFFFF;
}

h4 {
  font-weight: bold;
  padding-bottom: 5px;
}

#ngmaincontent {
  background-color: #E3EDF3;
  border-left: 4px solid #005D85;
  text-align: left;
  padding: 5px 10px 5px 10px; 
}

#ngmaincontent a:link, #ngmaincontent a:visited,
#ngmaincontent a:hover {
  font-weight: normal;
  text-decoration: underline;
  color: Navy;
}

#tabs {
  margin: auto; 
}

#tabs li {
  font-size: 60%;
  font-weight: bold;
}

#nginfostatus {
  width: 150px;
  padding: 3px;
  background-color: #CD0000;
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 40%;
}

#ngicontainer1 {
  font-family: Verdana, Arial;
  font-size: 60%;
  font-weight: bold;
  padding-bottom: 2px;
}

#ngicontainer2 {
  height: 10px;
}

#ngiloader {
  width: 16px;
  height: 16px;
  vertical-align: sub;
  padding-left: 5px;
}

#nglogocell {
  text-align: right;
}

#nglogo {
  width: 120px;
  height: 120px;
  padding-top: 10px;
}

#ngmarca1, #ngmarca1 h1 {
  font-size: 180%;
  padding-bottom: 10px;
  overflow: hidden;
}

#ngmarca1 a:link, #ngmarca1 a:visited,
#ngmarca1 a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
  padding-left: 20px;
}

#ngmarca2, #ngmarca2 h2 {
  font-size: 110%;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  color: #FFFFFF;
  border-left: 3px solid #FFAE20;
  padding-left: 17px;
  margin-left: 20px;
}

#ngmenu {
  float: right;
  margin-right: 30px;
  font-size: 80%;
}

#ngmenu li {
  float: left;
  display: inline;
  list-style-type: none;
}

#ngmenu li a {
  float: left;
  display: inline;
  list-style-type: none;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.1em;
  text-decoration: underline;
  background-color: #232323;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  padding: 0 1em;
  height: 30px;
  line-height: 30px;
  margin-left: 2px;
}

#ngmenu li a:hover {
  background-color: #005D85;
  color: #151515;
  border-top: 1px solid #562323;
  border-left: 1px solid #562323;
  border-right: 1px solid #562323;
  text-decoration: none;
}

#ngmenu li a.menu_active {
  background-color: #DFEAF0 !important;
  color: #151515;
  border-top: 1px solid #562323;
  border-left: 1px solid #562323;
  border-right: 1px solid #562323;
  text-decoration: none;
}

#ngfooter {
  height: 45px;
  min-height: 45px;
  color: #FFFFFF;
  background-image: url('/images/footer-bg.png');
  background-color: #005D85;
  font-size: 80%;
}

#ngfooter td {
  padding-left: 10px;
  padding-right: 10px;
}

#ngtech {
  text-align: right;
}

#ngtech a:link, #ngtech a:visited,
#ngtech a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
}

#ngmainleft, #ngmainright {
 vertical-align: top;
}

/* Metro Styles */
.metrobig {
float: left;
display: inline;
width: 250px;
height: 122px;
margin: 0 10px 8px 0;
background-color: #00839A;
border: 1px outset  #00839A;
}

.metrobig:hover {
background-color: #00839A;
border: 1px solid #00839A;
}

.metrobig img {
width: 50px;
height: 50px;
padding: 30px 0 0 100px;
}

.metrobig div {
padding:  10px 0 10px 0;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: large;
text-align: center;
}

.metrobig a:link, .metrobig a:visited {
text-decoration: none;
color: #FFFFFF;
}

.metrobig2 {
background-color: #009100;
border: 1px outset  #009100;
}

.metrobig2:hover {
background-color: #009100;
border: 1px solid #009100;
}

.metrobig3 {
background-color: #D9512B;
border: 1px outset  #D9512B;
}

.metrobig3:hover {
background-color: #D9512B;
border: 1px solid #D9512B;
}


.metrosmall {
float: left;
display: inline;
width: 122px;
height: 122px;
margin: 0 10px 16px 0;
background-color: #003A95;
border: 1px outset  #003A95;
}

.metrosmall:hover {
background-color: #003A95;
border: 1px solid #003A95;
}

.metrosmall a:link, .metrosmall a:visited {
text-decoration: none;
color: #FFFFFF;
}

.metrosmall img {
width: 50px;
height: 50px;
padding: 35px 0 10px 35px;
}

.metrosmall span {
padding: 10px 0 0 10px;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: small;
}

}

@media only screen 
and (min-width : 300px) {

  table {
    width: 100%;
    margin: auto;
  }


* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 100%;
}

p {
  line-height: 150%;
  padding-bottom: 10px;
  font-family: Verdana, Arial, Verdana;
  font-size: 95%;
  color: #333;
}

img { border: 0px; }

header {
  background-color: Navy;
  background-image: url('/images/bg.png'); 
}

#ngheaderel {
  background-color: Navy;
  background-image: url('/images/bg.png'); 
}

#ngheader {
  background-color: Navy;
  background-image: url('/images/bg.png'); 
}

h3.line {
  background-image: url('/images/heading-dot.png');
  background-repeat: repeat-x;
  background-position: center;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 90%;
  font-size: 105%;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: left;
  letter-spacing: 3px;
  -webkit-text-shadow: #000 1px 1px 0;
  text-shadow: #000 1px 1px 0;
}

h3.line span {
  color: #005D85;
  margin-left: 12px;
  padding: 0 6px;
  background-color: #FFFFFF;
}

h4 {
  font-weight: bold;
  padding-bottom: 5px;
}

#ngmaincontent {
  background-color: #E3EDF3;
  border-left: 4px solid #005D85;
  text-align: left;
  padding: 5px 10px 5px 10px; 
}

#ngmaincontent a:link, #ngmaincontent a:visited,
#ngmaincontent a:hover {
  font-weight: normal;
  text-decoration: underline;
  color: Navy;
}

#tabs {
  margin: auto; 
}

#tabs li {
  font-size: 60%;
  font-weight: bold;
}

#nginfostatus {
  width: 150px;
  padding: 3px;
  background-color: #CD0000;
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 40%;
}

#ngicontainer1 {
  font-family: Verdana, Arial;
  font-size: 60%;
  font-weight: bold;
  padding-bottom: 2px;
}

#ngicontainer2 {
  height: 10px;
}

#ngiloader {
  width: 16px;
  height: 16px;
  vertical-align: sub;
  padding-left: 5px;
}

#nglogocell {
  text-align: right;
}

#nglogo {
  width: 120px;
  height: 120px;
  padding-top: 10px;
}

#ngmarca1, #ngmarca1 h1 {
  font-size: 180%;
  padding-bottom: 10px;
  overflow: hidden;
}

#ngmarca1 a:link, #ngmarca1 a:visited,
#ngmarca1 a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
  padding-left: 20px;
}

#ngmarca2, #ngmarca2 h2 {
  font-size: 110%;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  color: #FFFFFF;
  border-left: 3px solid #FFAE20;
  padding-left: 17px;
  margin-left: 20px;
}

#ngmenu {
  float: right;
  margin-right: 30px;
  font-size: 80%;
}

#ngmenu li {
  float: left;
  display: inline;
  list-style-type: none;
}

#ngmenu li a {
  float: left;
  display: inline;
  list-style-type: none;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.1em;
  text-decoration: underline;
  background-color: #232323;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  padding: 0 1em;
  height: 30px;
  line-height: 30px;
  margin-left: 2px;
}

#ngmenu li a:hover {
  background-color: #005D85;
  color: #151515;
  border-top: 1px solid #562323;
  border-left: 1px solid #562323;
  border-right: 1px solid #562323;
  text-decoration: none;
}

#ngmenu li a.menu_active {
  background-color: #DFEAF0 !important;
  color: #151515;
  border-top: 1px solid #562323;
  border-left: 1px solid #562323;
  border-right: 1px solid #562323;
  text-decoration: none;
}

#ngfooter {
  height: 45px;
  min-height: 45px;
  color: #FFFFFF;
  background-image: url('/images/footer-bg.png');
  background-color: #005D85;
  font-size: 80%;
}

#ngfooter td {
  padding-left: 10px;
  padding-right: 10px;
}

#ngtech {
  text-align: right;
}

#ngtech a:link, #ngtech a:visited,
#ngtech a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
}

#ngmainleft, #ngmainright {
 vertical-align: top;
}

/* Metro Styles */
.metrobig {
float: left;
display: inline;
width: 250px;
height: 122px;
margin: 0 10px 8px 0;
background-color: #00839A;
border: 1px outset  #00839A;
}

.metrobig:hover {
background-color: #00839A;
border: 1px solid #00839A;
}

.metrobig img {
width: 50px;
height: 50px;
padding: 30px 0 0 100px;
}

.metrobig div {
padding:  10px 0 10px 0;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: large;
text-align: center;
}

.metrobig a:link, .metrobig a:visited {
text-decoration: none;
color: #FFFFFF;
}

.metrobig2 {
background-color: #009100;
border: 1px outset  #009100;
}

.metrobig2:hover {
background-color: #009100;
border: 1px solid #009100;
}

.metrobig3 {
background-color: #D9512B;
border: 1px outset  #D9512B;
}

.metrobig3:hover {
background-color: #D9512B;
border: 1px solid #D9512B;
}


.metrosmall {
float: left;
display: inline;
width: 122px;
height: 122px;
margin: 0 10px 16px 0;
background-color: #003A95;
border: 1px outset  #003A95;
}

.metrosmall:hover {
background-color: #003A95;
border: 1px solid #003A95;
}

.metrosmall a:link, .metrosmall a:visited {
text-decoration: none;
color: #FFFFFF;
}

.metrosmall img {
width: 50px;
height: 50px;
padding: 35px 0 10px 35px;
}

.metrosmall span {
padding: 10px 0 0 10px;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: small;
}

}

@media only screen 
and (min-width : 800px) {

  table {
    width: 80%;
    margin: auto;
  }


* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 100%;
}

p {
  line-height: 150%;
  padding-bottom: 10px;
  font-family: Verdana, Arial, Verdana;
  font-size: 95%;
  color: #333;
}

img { border: 0px; }

header {
  background-color: Navy;
  background-image: url('/images/bg.png'); 
}

#ngheaderel {
  background-color: Navy;
  background-image: url('/images/bg.png'); 
}

#ngheader {
  background-color: Navy;
  background-image: url('/images/bg.png'); 
}

h3.line {
  background-image: url('/images/heading-dot.png');
  background-repeat: repeat-x;
  background-position: center;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 90%;
  font-size: 105%;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: left;
  letter-spacing: 3px;
  -webkit-text-shadow: #000 1px 1px 0;
  text-shadow: #000 1px 1px 0;
}

h3.line span {
  color: #005D85;
  margin-left: 12px;
  padding: 0 6px;
  background-color: #FFFFFF;
}

h4 {
  font-weight: bold;
  padding-bottom: 5px;
}

#ngmaincontent {
  background-color: #E3EDF3;
  border-left: 4px solid #005D85;
  text-align: left;
  padding: 5px 10px 5px 10px; 
}

#ngmaincontent a:link, #ngmaincontent a:visited,
#ngmaincontent a:hover {
  font-weight: normal;
  text-decoration: underline;
  color: Navy;
}

#tabs {
  margin: auto; 
}

#tabs li {
  font-size: 60%;
  font-weight: bold;
}

#nginfostatus {
  width: 150px;
  padding: 3px;
  background-color: #CD0000;
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 40%;
}

#ngicontainer1 {
  font-family: Verdana, Arial;
  font-size: 60%;
  font-weight: bold;
  padding-bottom: 2px;
}

#ngicontainer2 {
  height: 10px;
}

#ngiloader {
  width: 16px;
  height: 16px;
  vertical-align: sub;
  padding-left: 5px;
}

#nglogocell {
  text-align: right;
}

#nglogo {
  width: 120px;
  height: 120px;
  padding-top: 10px;
}

#ngmarca1, #ngmarca1 h1 {
  font-size: 180%;
  padding-bottom: 10px;
  overflow: hidden;
}

#ngmarca1 a:link, #ngmarca1 a:visited,
#ngmarca1 a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
  padding-left: 20px;
}

#ngmarca2, #ngmarca2 h2 {
  font-size: 110%;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  color: #FFFFFF;
  border-left: 3px solid #FFAE20;
  padding-left: 17px;
  margin-left: 20px;
}

#ngmenu {
  float: right;
  margin-right: 30px;
  font-size: 80%;
}

#ngmenu li {
  float: left;
  display: inline;
  list-style-type: none;
}

#ngmenu li a {
  float: left;
  display: inline;
  list-style-type: none;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.1em;
  text-decoration: underline;
  background-color: #232323;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  padding: 0 1em;
  height: 30px;
  line-height: 30px;
  margin-left: 2px;
}

#ngmenu li a:hover {
  background-color: #005D85;
  color: #151515;
  border-top: 1px solid #562323;
  border-left: 1px solid #562323;
  border-right: 1px solid #562323;
  text-decoration: none;
}

#ngmenu li a.menu_active {
  background-color: #DFEAF0 !important;
  color: #151515;
  border-top: 1px solid #562323;
  border-left: 1px solid #562323;
  border-right: 1px solid #562323;
  text-decoration: none;
}

#ngfooter {
  height: 45px;
  min-height: 45px;
  color: #FFFFFF;
  background-image: url('/images/footer-bg.png');
  background-color: #005D85;
  font-size: 80%;
}

#ngfooter td {
  padding-left: 10px;
  padding-right: 10px;
}

#ngtech {
  text-align: right;
}

#ngtech a:link, #ngtech a:visited,
#ngtech a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
}

#ngmainleft, #ngmainright {
 vertical-align: top;
}

/* Metro Styles */
.metrobig {
float: left;
display: inline;
width: 250px;
height: 122px;
margin: 0 10px 8px 0;
background-color: #00839A;
border: 1px outset  #00839A;
}

.metrobig:hover {
background-color: #00839A;
border: 1px solid #00839A;
}

.metrobig img {
width: 50px;
height: 50px;
padding: 30px 0 0 100px;
}

.metrobig div {
padding:  10px 0 10px 0;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: large;
text-align: center;
}

.metrobig a:link, .metrobig a:visited {
text-decoration: none;
color: #FFFFFF;
}

.metrobig2 {
background-color: #009100;
border: 1px outset  #009100;
}

.metrobig2:hover {
background-color: #009100;
border: 1px solid #009100;
}

.metrobig3 {
background-color: #D9512B;
border: 1px outset  #D9512B;
}

.metrobig3:hover {
background-color: #D9512B;
border: 1px solid #D9512B;
}


.metrosmall {
float: left;
display: inline;
width: 122px;
height: 122px;
margin: 0 10px 16px 0;
background-color: #003A95;
border: 1px outset  #003A95;
}

.metrosmall:hover {
background-color: #003A95;
border: 1px solid #003A95;
}

.metrosmall a:link, .metrosmall a:visited {
text-decoration: none;
color: #FFFFFF;
}

.metrosmall img {
width: 50px;
height: 50px;
padding: 35px 0 10px 35px;
}

.metrosmall span {
padding: 10px 0 0 10px;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: small;
}

}