th {  vertical-align: top;font-size:8pt;   font-weight:bold;}   
  td {  vertical-align: top;font-size:8pt;}      

 .smalltable, .smalltable td, .smalltable th
{
  vertical-align: top;
  font-size:7pt;
}
.sm_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;
}
.sm_menu_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	color: #ffffff;
	font-weight: lighter;
}
.DkBlue-WhiteFont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	background-color: #ffd200;
}
.goldwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	background-color: #ffd200;
}
.Grey-Blackfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	background-color: #e5e5e5;
}
.Grey-BlackfontSM {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	background-color: #e5e5e5;
}
.MyWNCC {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000447;
	font-weight: bold;
}
.DkBlue-WhiteFontLG {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #002f65;
}
.sm_menuDark {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #000000;
}
.sm_menuLight {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #FFFFFF;
}
.sm_menuLightBold {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bold;
}
.footerBold {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	color: #ffffff;
	font-weight: bold;
}
.sm_menuBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
}
.sm_menuNBG {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #000000;
}
.NAV_DkBlue-WhiteFont {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #002F65;
}
.Blue_GoldFont {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #ffd200;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	background-color: ;
	letter-spacing: 2px;
       text-indent: 0px;
       margin: 0px;
       padding: 0px;
}
.maintext {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #FFFFFF;
	background-color: ;
}
.navtext {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #FFFFFF;
}
   .news{
          background-color:;
        color:#c4c4c4;
        text-align:left;
        padding-left:0px;
      }
    .news:hover {
          background-color:;
          color:#ffd200;
          text-align:left;
          padding-left:0px;
        }
   .events{
          background-color:;
        color:#c4c4c4;
        text-align:left;
        padding-left:0px;
      }
    .events:hover {
          background-color:;
          color:#ffd200;
          text-align:left;
          padding-left:0px;
        }

    div.menufont{
     
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	background-color: #C4C4C4; 
	width: 95%;
       cursor:pointer;
       border:;
       padding-left:5px;
       padding-top:2px;
       padding-bottom:2px;
       text-transform:;
       text-align: left;
      }
      div.menufont:hover{
     
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal;
	color: #C4C4C4;
	font-weight: normal;
	background-color: #000000;
	width: 95%;
       border:;
       cursor:pointer;
       padding-left:5px;
       padding-top:2px;
       padding-bottom:2px;
       text-transform:;
       text-align: left;
      }
    div.menufont_rev{
     
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #002F65;

	font-weight: bold;
	background-color: white; 
       cursor:pointer;
       border:thin solid #002F65;
       padding-left:2px;
       padding-top:2px;
       padding-bottom:2px
      }
      div.menufont_rev:hover{
     
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-style: normal;
	color: white;
	font-weight: bold;
	background-color: #000447;
       border:thin solid #000447;
       cursor:pointer;
       padding-left:10px;
       padding-top:2px;
       padding-bottom:2px
      }
div.menufont_home{
     
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	background-color:;
       cursor:pointer;
       border:;
       padding-left:2px;
       padding-top:2px;
       padding-bottom:2px
      }
      div.menufont_home:hover{
     
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal;
	color: #000000;
	font-weight: normal;
	background-color:;
       border:;
       cursor:pointer;
       padding-left:2px;
       padding-top:2px;
       padding-bottom:2px;
       padding-right:2px;
      }

     a.menufont{
     	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: white;
	font-weight: bold;
	background-color: #002F65;
       cursor:pointer;
       border:thin solid white;
       padding-left:2px;
       padding-top:2px;
       padding-bottom:2px
      }
      a.menufont{
     	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: white;
	font-weight: bold;
	background-color: #002F65;
       cursor:pointer;
       border:thin solid white;
       padding-left:2px;
       padding-top:2px;
       padding-bottom:2px
      }

      a.menufont:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #002f65;
	font-weight: bold;
	background-color: white;
       border:thin solid #000447;
       cursor:pointer;
       padding-left:10px;
       padding-top:2px;
       padding-bottom:2px
      }
div.menufont_select{
     
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #002F65;
	font-weight: bold;
	background-color: #439639;
       cursor:pointer;
       border:thin solid white;
       padding-left:2px;
       padding-top:2px;
       padding-bottom:2px
      }


.MyWNCCFont { 
	font-family: Times, serif;
	font-size: 14px;
	font-style: normal;
	color: #002f65;
	font-weight: bold;
	background-color: white;
	letter-spacing: 3px
}

a.hyperlink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #ffd200;
	text-decoration: underline;
}
a.hyperlink:active, a.hyperlink:focus, a.hyperlink:hover 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  color: #c4c4c4;
  text-decoration: none;
}

a.hyperlinknew
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #ffd200;
	text-decoration: none;
}
a.hyperlinknew:active, a.hyperlinknew:focus, a.hyperlinknew:hover 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  color: #000000;
  text-decoration: none;
}

a.hyperlinkbig
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #c4c4c4;
	text-decoration: none;
	font-weight: bold;
}
a.hyperlinkbig:active, a.hyperlinkbig:focus, a.hyperlinkbig:hover 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-style: normal;
  color: #ffd200;
  text-decoration: none;
  font-weight: bold;
}

span.hyperlink
{
   color: #20399d;
   cursor:pointer
}
span.hyperlink:active, span.hyperlink:focus, span.hyperlink:hover 
{
  background-color: #ffffcc;
  color: #439639;
  text-decoration: underline;
   cursor:pointer
}


.Link_Body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #002F65;
	font-weight: bold;
	cursor:pointer;
}
.Link_Body:focus, 
.Link_Body:active, .Link_Body:hover{
    color: #439639;
  text-decoration: underline;
}
.Link_Body_Normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #002F65;
	font-weight: normal;
	cursor:pointer;
       text-decoration: underline;
}
.Link_Body_Normal:focus, 
.Link_Body_Normal:active, .Link_Body_Normal:hover{
    color: #439639;
  text-decoration: underline;
}

.portallink {
       font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-style: normal;
	color: #002F65;
	font-weight:bold;
	cursor:pointer;
       text-indent:10px;
}
.portallink:focus, .portallink:active,.portallink:hover{
  font-size: 11px;
  color: #439639;
}
.showrow{display: table-row;}
.hiderow{display: none;}
.show{display: inline;}
.hide{display: none;}
.ImgR {
  display: block;
  float: right;
  text-align: center;
  margin-right: 10px;
  _margin-right: 0px;
}
.ImgL {
  display: block;
  float: left;
  text-align: center;
  margin-right: 10px;
  _margin-right: 0px;
}

.schedule_even{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #FFE4B5;
  color:black;
  font-size:8pt;
}

.schedule_odd{
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #002F65;
	background-color: #FFD200;
       font-size:8pt;
}
.schedule_fullscreenxx{
background-color:white;
top:10px;
height:500px;
width:auto;
position:relative;
z-index:9;
}
.scheddiv{
  display:none;
}

     div.hatc_menufont{
     
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: FFD200;
	font-weight: bold;
	background-color: #000000;
       cursor:pointer;
       border:thin solid FFD200;
       padding-left:2px;
       padding-top:2px;
       padding-bottom:2px
      }
      div.hatc_menufont:hover{
     
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-style: normal;
	color: #000447;
	font-weight: bold;
	background-color: FFD200;
       border:thin solid #000447;
       cursor:pointer;
       padding-left:10px;
       padding-top:2px;
       padding-bottom:2px
      }
div.hatc_menufont_home{
     
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	background-color: #FFD200;
       cursor:pointer;
       border:thin solid FFD200;
       padding-left:2px;
       padding-top:2px;
       padding-bottom:2px
      }
      div.hatc_menufont_home:hover{
     
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-style: normal;
	color: #000447;
	font-weight: bold;
	background-color: FFD200;
       border:thin solid #000447;
       cursor:pointer;
       padding-left:10px;
       padding-top:2px;
       padding-bottom:2px
      }

     a.hatc_menufont{
     	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: FFD200;
	font-weight: bold;
	background-color: #000000;
       cursor:pointer;
       border:thin solid FFD200;
       padding-left:2px;
       padding-top:2px;
       padding-bottom:2px
      }
      a.hatc_menufont{
     	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: FFD200;
	font-weight: bold;
	background-color: #000000;
       cursor:pointer;
       border:thin solid FFD200;
       padding-left:2px;
       padding-top:2px;
       padding-bottom:2px
      }

      a.hatc_menufont:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	background-color: FFD200;
       border:thin solid #000447;
       cursor:pointer;
       padding-left:10px;
       padding-top:2px;
       padding-bottom:2px
      }
body {
	margin-left: 0px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(/hatc/images/HATCheader.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: fixed;	
}
html {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background: url(/hatc/images/HATCfooter.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-attachment: fixed;
	background-color: #000000;
}
table {
	background-color: transparent;
}

td {
	background-color:transparent;
}

form {
	margin: 0;
	padding: 0;
}

#hatchome
{
  display: block;
  width: 188px;
  height: 30px;
  background: url("/hatc/images/hatchome.gif") no-repeat 0 0;

}

#hatchome:hover
{ 
  background-position: 0 -30px;
}

#hatchome span
{
  display: none;
}

#abouthatc
{
  display: block;
  width: 188px;
  height: 30px;
  background: url("/hatc/images/abouthatc.gif") no-repeat 0 0;

}

#abouthatc:hover
{ 
  background-position: 0 -30px;
}

#abouthatc span
{
  display: none;
}

#programs
{
  display: block;
  width: 188px;
  height: 30px;
  background: url("/hatc/images/programs.gif") no-repeat 0 0;

}

#programs:hover
{ 
  background-position: 0 -30px;
}

#programs span
{
  display: none;
}

#upcomingevents
{
  display: block;
  width: 188px;
  height: 30px;
  background: url("/hatc/images/upcomingevents.gif") no-repeat 0 0;

}

#upcomingevents:hover
{ 
  background-position: 0 -30px;
}

#upcomingevents span
{
  display: none;
}

#academies
{
  display: block;
  width: 188px;
  height: 30px;
  background: url("/hatc/images/academies.gif") no-repeat 0 0;

}

#academies:hover
{ 
  background-position: 0 -30px;
}

#academies span
{
  display: none;
}

#wncchome
{
  display: block;
  width: 188px;
  height: 30px;
  background: url("/hatc/images/wncchome.gif") no-repeat 0 0;

}

#wncchome:hover
{ 
  background-position: 0 -30px;
}

#wncchome span
{
  display: none;
}

#links
{
  display: block;
  width: 188px;
  height: 30px;
  background: url("/hatc/images/links.gif") no-repeat 0 0;

}

#links:hover
{ 
  background-position: 0 -30px;
}

#links span
{
  display: none;
}