body {

    margin: 0px;
    padding: 0px;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;

    text-align: center;

    background-color: #FFFFFF;

}

hr {

    height : 8px;
    width : 100%;
    border : none;
    margin-bottom : 10px;
    margin-top: 5px;

    color : #660066;
    background-color : #660066;
}

td {
	font-size:13px;
}

#master {
    position: relative;
						
    width:70%;
    margin: 0 auto;
    margin-top: 0px;

    text-align: left;
    
    background-color: #FFFFFF;
}
/* whole top section.  Image placed in top left.  set to background colour */
#topwrap {
     height : 140px;
     background : #9966ff url(images/NTNlogo.jpg) no-repeat center left;
     margin-top : 0px;
     margin-bottom : 1px;

     text-align : right;
}

/* Title (Not the Norm) */
#title {
    float : left;
    padding-left : 150px;
    margin-top : 10px;

    font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; 
    font-size: 4.0em; 
    display:inline; 
    font-weight: normal;

    color : #330066;
}

#subTitle {

    float : left;
    clear : left;
    width : 500px;
    padding-left : 100px;
    font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; 
    font-size: 1.5em; 
    font-weight: normal;
    color : #660066;
}

#bodywrap {
    background-color: #FFFFFF;

    margin-top: 0px;
    position: absolute;
}

#sidecol {

    width:180px;

    float: left;

    background-color: #FFFFFF;

    margin-bottom: 20px;

    padding: 5px;

}

#sideheader {
  color : #660066;
  font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; 
  font-size: 1.2em; 
}

#maincol {

    margin-left: 185px;

    background-color: #ffffff;

    margin-bottom: 20px;

    padding-top: 5px;
    padding-left: 25px;

    font-size: 11pt;
    
}

#mainheader {
  color : #660066;
  font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; 
  font-size: 1.5em; 
}

#footer {

    width:100%;

    height:30px;

    clear: both;

    padding: 10px 0px;

    text-align: left;

    color: #000000;

    background-color: #ffffff;
border-top: solid 2px #660066

}

h1 { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 4.0em; display:inline; color: #330066; font-weight: normal;}

img { border: none }



.left{
	float:left;
  padding-right: 1em;
	}
#navcontainer { margin-left: 1px; margin-top: 20px;}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 160px;
color: #000;
background-color: #ffffff;
text-decoration: none;
border-top: 1px solid #333;
/*border-left: 1px solid #fff; */
 border-left: 3px solid #660066;
border-bottom: 1px solid #333;
/*border-right: 1px solid #333; */
/*
background-image: url(images/vertical06.jpg);
background-repeat: no-repeat;
background-position: 0 0;*/
}

#navcontainer a:hover
{
color: #000;
background-color: #ddbbdd;
text-decoration: none;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
/*background-image: url(images/vertical06a.jpg);
background-repeat: no-repeat;
background-position: 0 0;*/
}

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 20px;
width: 145px; 
color: #000;
background-color: #C5D8C5;
text-decoration: none;
font-weight: normal;
}

#navcontainer ul ul a:hover
{
color: #000;
background-color: #ddbbdd;
text-decoration: none;
}

#navcontainer ul li a#current {
	font-weight: bold;
	background-color: #ddbbdd;
}

.ft1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.ft0
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
position: absolute;
visibility: visible;
top: -200;
left: -300; /*position where enlarged image should offset horizontally */
}

.note span {
	top: 5px;
	left:30px;
text-decoration: none;
display:none;
}

.note a {
	position: relative;
}

.note a:hover span {
text-decoration: none;
display: block;
position: absolute;
top: -50px;
left: 30px;
margin: 5px;
padding: 5px;
color: #000;
width:200px;
background: #eee;
border: 1px solid yellow;
}

#popup a, #popup a:visited {
position: relative;
/*display: block;
width: 130px; 
line-height: 30px; 
text-align: right;
padding: 0 10px;
margin: 0; */
border: 0px solid #666; 
border-bottom: 1px dashed #666;
text-decoration: none;
color: #000;
background: #ddbbdd;
}

#popup a span {display: none;}

#popup a:hover {
color: #f00;
border: 1px solid #666; 
}

#popup a:hover span{
display: block;
position: absolute;
top: -20px;
left: -300px;
width: 250px;
margin: 0px;
padding: 5px;
color: #000;
background: #ddbbdd;
text-align: center;
}

.ec
{
    font-style: italic;
}



/* not used from here ?? */

#logo1 {

/*    position: absolute;  */

    width:150;

    height:140px; 

    top: 0px;

    left: 0px;

    background-color: #FFFFFF;

}


#breadcrumbsa {

    float : left;
    clear : left;

    color : #ffffff;
    font-family : arial;
    font-size : 10pt;
 /*   padding-top : 20px;
    padding-left : 159px; */
}
#breadcrumbs {

    float : right;
    clear : both;

    color : #ffffff;
    font-family : arial;
    font-size : 10pt;
    margin-top : 20px;
    margin-right: 50px
 /*   padding-left : 159px; */
}

#contact {

    float : right;
    clear : left;

    color : #ffffff;
    font-family : arial;
    font-size : 12pt;
    padding-top : -40px;
}


#picture {

	  float : top;
	  float : right;

    height:92px;

    width: 100px;

    top: 0px;

    right: 0px;

    background-color: #0000FF;

}

#navbar {
    position: absolute;
    height:140px;

    width:70%;
    top: 0;

    left: 160px;

/*
	  position: relative;
*/
    text-align: left;

    background-color: #CCFFFF;

    margin-left: 15px;

    /* line-height: 235px; 

    border-bottom: solid #000000 2px */
    color: #0000cc;

}

.bcBack:link {

    color : #ffffff;
    font-family : arial;
    font-size : 10pt;
    text-decoration : none;

}

.bcBack:active {

  color : #ffffff;
  font-family : arial;
  font-size : 10pt;
  text-decoration : none;

}
.bcBack:hover {

  color : #ffffff;
  font-family : arial;
  font-size : 10pt;
  text-decoration : underline;

}
.bcBack:visited {

  color : #ffffff;
  font-family : arial;
  font-size : 10pt;
  text-decoration : none;
}

.nav-menu ul {list-style:none; padding:0; margin:0}
.nav-menu li {float:left; margin:0 0.15em; background:none; padding:0}
.nav-menu li a {color:#0d2474; text-decoration:none; float:left; background:url(/i/css-nav.gif) repeat-x bottom left; display:block; width:9em; height:2em; border:0.1em solid #dcdce9; text-align:center; line-height:2em}
.nav-menu li a:visited, .nav-menu li a:hover, .nav-menu li a:active, .nav-menu li a:focus {color:#0d2474; background:url(/i/css-nav.gif) repeat-x bottom left}
.nav-menu li a:hover, .nav-menu li a:active, .nav-menu li a:focus {text-decoration:underline}

.nav_on {
text-align: center;
font-weight:bold;
color: #660066;
background: #ddbbdd;
border-left: 3px #660066 solid ! important;
padding: 0.7em 0.5em 0.7em 0.9em;

}


.subnav_on {
text-align: center;
font-weight:bold;
color: #660066;
background: #ddbbdd;
border-right: 3px #660066 solid ! important;
padding: 0.7em 0.5em 0.7em 0.9em;

}

#navigation {
 padding-top: 10px;
 width: 12em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
#navigation ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#navigation li {
 border-bottom: 1px solid #ED9F9F;
 text-align: left;
}
#navigation li a:link, #navigation li a:visited  {
 display: block;
 padding: 5px 5px 5px 0.5em;
 border-left: 3px solid #660066;
 border-right: 1px solid #ddbbdd;
 color: #660066;
 background: #ffffff;
 text-decoration: none;
}
#navigation li a:hover, #navigation li a:active {
 background-color: #ddbbdd;
 color: #660066;
 font-weight:bold;
}
#navigation ul ul {
 margin-left: 12px;
}
#navigation ul ul li {
 border-bottom: 1px solid #711515;
 margin:0;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
 color: #660066;
 background: #ddbbdd;
}
#navigation ul ul a:hover {
 background-color: #711515;
 color: #FFFFFF;
}

/*
#navlist
{
padding: 1px;
margin-left: 0;
font: 11px verdana, sans-serif;
width: 14em;
color: gray; }

#navlist li
{
list-style: none;
margin: 0px;
border-left: 1px #004080 solid;
border-bottom: 1px gray solid;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.7em 0.5em 0.7em 0.9em;
text-decoration: none;
}

#navlist li a:link { color: #000; }
#navlist li a:visited { color: #006; }

#navlist li a:hover
{
font-weight:bold;
color: #660066;
background: #ddbbdd;
border-left: 3px #660066 solid;
}

#subnav
{
padding: 1px;
margin-left: 10;
font: 11px verdana, sans-serif;
width: 13em;
color: gray; }

#subnav li
{
list-style: none;
margin: 0px;
border-left: 1px #004080 solid;
border-bottom: 1px gray solid;
text-align: left;
}

#subnav li a
{
display: block;
padding: 0.5em 0.5em 0.7em 0.9em;
text-decoration: none;
}

#subnav li a:link { color: #000; }
#subnav li a:visited { color: #006; }

#subnav li a:hover
{
font-weight:bold;
color: #660066;
background: #ddbbdd;
border-right: 3px #660066 solid;
border-left: none;
}