/*
-----------------------------------------------
 CSS File for NHE PTA site - No Tables
----------------------------------------------- */

body {
  background:#fff;
  margin:0;
  padding:10px;
  font-size:12px;  
  font-family:verdana, geneva, sans-serif;
  color:#333;
  }


/* =Link Defaults
----------------------------------------------- */
a {
  text-decoration:none;
  color:#36a;
  }
a img {
  border-width:0;
  }


/* =Heading Defaults
----------------------------------------------- */
h1 {
  margin:5px 0 0;
  font:bold 210%/1.5 Helvetica,Arial,Sans-serif;
  color:#000;
  text-align:center;
  }
h2 {
  margin:5px 0 0;
  font:bold 190%/1.4 Helvetica,Arial,Sans-serif;
  color:#233;
  }
h3 {
  margin:5px 0 0;
  font:bold 130%/1.4 Helvetica,Arial,Sans-serif;
  color:#233;
  }
h4 {
  margin:5px 0 0;
  font:bold 115%/1.4 Helvetica,Arial,Sans-serif;
  color:#233;
  }
h5 {
  margin:5px 0 0;
  font:bold 115%/1.4 Helvetica,Arial,Sans-serif;
  color:#233;
  }


/* =List Defaults
----------------------------------------------- */
ul {
  margin:0 0 1em;
  padding:0;
  list-style:none;
  }
li {
  margin:0;
  padding:0 0 0 17px;
  }


/* =Misc Defaults
----------------------------------------------- */
p {
  margin:0 0 .75em;
  }


/* =Brand Zone Settings
----------------------------------------------- */
#brandzone {
  width:100%;
  }
#logo {
  width:auto;
  float:left;
  text-decoration:none;
  }
#logo img {
  display:block;
  }
#tech {
  float:right;
  text-decoration:none;
  }
#tech img {
  display:block;
  }


/* =Personalized Zone Horizontal Navigation
----------------------------------------------- */
#nav {
  background:#0038A8 0 0;
  float:left;
  width:100%;
  margin:0;
  list-style:none;
  font-size:90%;
  }
#nav li {
  background:none;
  display:inline;
  padding:0;
  }
#nav li a {
  float:left;
  width:auto;
  padding:5px 9px 3px;
  border-left:1px solid #579;
  border-right:1px solid #135;
  color:#def;
  text-transform:uppercase;
  text-decoration:none;
  }
#nav li strong {
  float:left;
  width:auto;
  padding:5px 9px 3px;
  border-left:1px solid #579;
  border-right:1px solid #135;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  }
#nav li a strong {
  padding:0;
  border-width:0;
  }
#nav li a:hover {
  background:#fff;
  border-left-color:#246;
  color: red;
  }
  
#navheader {
  background:#0038A8 0 0;
  color:#fff;
  float:left;
  width:100%;
  margin:0;
  list-style:none;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  font-size:14px;  
  }
  
#breadcrumbs {
  background:#fff 0 0;
  float:left;
  width:100%;
  margin:10px 0 0 0;
  list-style:none;
  color:gray; 
  }
#breadcrumbs li {
  background:none;
  display:inline;
  padding:5px;
  text-decoration:underline;
  }
#breadcrumbs li a {
  font-type:bold;
  border-width:0;
  }
#breadcrumbs li a:hover {
  color: red;
  }


/* =Content Zone - Divided up into three sections:
   	Content-Sub (S) (primary area for vertical navigation)
   	Content-Main (M) (primary area for content)
   	Content-Extra (X) (secondary area for content)
   Content areas can be rearraigned using the styles in Variations below
----------------------------------------------- */
#content {
  border-top:20px solid #fff;
  float:left;
  width:100%;
  margin:0 0 10px;
  }
#content-group {
  float:right;
  width:77%;
  }
#content-main {
  border-left:10px
  float:left;
  width:65%;
  }
#content-extra {
  float:right;
  width:12%;
  }
#content-sub {
  float:left;
  width:22%;
  }


/* =Variations to Content (default is SMX)
----------------------------------------------- */
.mxs #content {background-position:right top;}
.mxs #content-group {float:left;}
.mxs #content-sub {float:right;}

.xms #content {background-position:right top;}
.xms #content-group {float:left;}
.xms #content-sub {float:right;}
.xms #content-main {float:right;}
.xms #content-extra {float:left;}

.ms #content {background-position:right top;}
.ms #content-group {float:left; width:100%;}
.ms #content-sub {width:0%; float:right;}
.ms #content-main {width:48%;}
.ms #content-extra {width:48%;}
/*.ms #content-group {float:left;}
.ms #content-sub {float:right;}
.ms #content-main {width:75%;}
.ms #content-extra {width:25%;}*/

.mx #content {background-position:right top;}
.mx #content-group {float:left; width:100%;}
.mx #content-main {width:80%;}
.mx #content-extra {width:20%;}

.sm #content-main {width:75%;}
.sm #content-extra {width:25%;}

.m #content {background-image:none;}
.m #content-group {width:100%;}
.m #content-sub {width:100%;}
.m #content-main {width:100%;}
.m #content-extra {width:100%;}
/*.m #content-group {width:90%;}
.m #content-sub {width:90%;}
.m #content-main {width:90%;}
.m #content-extra {width:90%;}*/
  

/* =Special Formating for Specific Content areas
----------------------------------------------- */
#content-main h2 {
  margin-top:20px;
  text-align:left;
  padding:0px 0px 5px 20px;
  }
#content-main img {
  top:10%;
  margin-left:20%; 
/*  background:#ded url("../images/css-bg-subnav.jpg") repeat-x 0 100%;
*/
  }
#content-main p {
  font-size:110%;
  }
#content-main a:hover {
  color: red;
  }
#content-main ul {
  margin-left:7%; 
  margin-right:7%;
  background:none;
  list-style: circle; outside;}
#content-main li {
  background:none;
  padding:1px;
  }
#content-main li a {
  text-align:left;
  display:block;
  width:98%;
  padding:3px 2px 3px 10px;
  border-top:1px solid #efe;
  border-bottom:1px solid #abc;
  text-decoration:none;
  color:#000fff;
  font-size:110%;
  }
#content-main li a:hover {
  background-color:#fff;
  }
  
#content-extra h4 {
  margin-top:30px;
  /* margin-top:100px; */
  text-align:left;
  padding:0px 0px 5px 20px;
  }
#content-extra h5 {
  margin-top:100px;
  margin-right:30%;
  text-align:center;
  }
#content-extra h5 a:hover {
  color: red;
  }
#content-extra p {
  text-align:center;
  margin-top:50px;
  margin-right:30%;
  font:bold 110%/1.4 Helvetica,Arial,Sans-serif;
  color:#666;
  }
#content-extra a {
  text-align:center;
  font:normal 110%/1.4 Helvetica,Arial,Sans-serif;
  }
#content-extra a:hover {
  color: red;
  }
#content-extra ul {
  text-align:center;
  }
#content-extra li {
  text-align:left;
  padding:3px 0px 3px 30px;
  }
#content-extra li a:hover {
  color: red;
  }


/* =Subnav - Vertical navigation list in Main-Sub
----------------------------------------------- */
/*
#subnav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
#subnav li {
  margin: 0 0 .2em 0;
  }
#subnav  a {
  display:block;
  background-color:#b9d8ec 
  padding:.2em .8em;
  width: 9em
  text-decoration:none;
  color:#000099;
  font-size:90%;
  }
#subnav  a:hover {
  color: red;
  background-color:#fff;
  }
*/
#subnav ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#subnav li { margin: 0 0 .2em 0; }

#subnav a
{
display: block;
color: black;
background-color: #b9d8ec;
width: 12em;
padding: .2em .8em;
text-decoration: none;
}

#subnav a:hover
{
background-color: #369;
color: #FFF;
}
#subnav h4 {
  margin-top:40px;
  text-align:center;
  padding:0px 10px 0px 0px;
  }
#subnav h4 a:hover {
  color: red;
  }


/* =ExtraNav - Vertical navigation list in Main-Extra
----------------------------------------------- */
#extranav ul {
  width:85%;
  background:#ded url("../images/css-bg-subnav.jpg") repeat-x 0 100%;
  }
#extranav li {
  text-align:center;
  background:none;
  padding:1px;
  }
#extranav li a {
  display:block;
  width:93%;
  padding:3px 2px 3px 10px;
  border-top:1px solid #efe;
  border-bottom:1px solid #abc;
  text-decoration:none;
  color:#000fff;
  font-size:90%;
  }
#extranav li a:hover {
  background-color:#fff;
  }
  
#imglink a:hover img
{
border:1px;  border-color: #000; border-style: solid;
}
  
/* =Table Formatting used in Content-Main
----------------------------------------------- */
#tables img {
  margin-top:20px;
  margin-left:0px;
  background:none;
  }
#tables p {
  font:bold 190%/1.4 Helvetica,Arial,Sans-serif;
  color:#233;
  display:inline;
  }
#tables table {
  margin-left:7%; 
  margin-right:7%;
  width:86%;
  background:#ded url("../images/css-bg-subnav.jpg") repeat-x 0 100%;
  }
#tables th {
  font-size:12px;
  font-weight:bold;
  padding:5px 2px 5px 2px;
  background:none;
  vertical-align:text-bottom;
  }
#tables td {
  font-size:12px;
  padding:5px 2px 5px 2px;
  background:none;
  vertical-align:text-top;
  }
#tables td a {
  font-size:12px;
  display:block;
  width:98%;
  vertical-align:text-top;
  text-decoration:none;
  color:#000fff;
  }
#tables td a:hover {
  background-color:#fff;
  font-weight:bold;
  }


/* =Footer Zone
----------------------------------------------- */
#footer {
  float:left;
  width:100%;
  border-top:25px solid #fff;
  }
#footer hr {
  display:none; 
  }
#footer p {
  font-size:75%;
  text-align:left;
  }
#footer ul {
  border-top:2px solid #0038A8;
  }
#footer li {
  background:none;
  text-decoration:none;
  display:inline;
  padding:0;
  }
#footer li a {
  background:none;
  text-decoration:none;
  display:inline;
  padding:0;
  }
#footer li a:hover {
  color: red;
  }


/* =Search Statements for use in Content-Extra
----------------------------------------------- */
#google {
  text-align:left;
  }
.formTextboxText { 
  font-size:10px;  
  font-family:verdana, geneva, sans-serif;
  color:#000; 
  text-decoration:none; 
  }


/* =Special Index Page format
----------------------------------------------- */
#index-h1 h1 {
  margin:15px 0 15px ;
  }