/* NovaTech MicroNewton Website CSS by Daniel Greywolf */

body{
background: #ffffff;
}

/* Main Content CSS */

td.contentTableCell { /* Define properties of main table cell for content*/
text-align: left;
vertical-align:top;
width: 100%;
}

table.contentTable { /* Setup table for main content */
padding: 0px 0px; 
border-collapse: collapse;
width: 100%;
}

td.contentTop { /* Define size of top border of main content */
height: 15px;
}

td.contentBookend { /* Define size of left and right borders of main content */
width: 10%;
}

td.contentCell { /* Define size of left and right borders of main content */
width: 80%;
}
	/* CSS  for main content - may be farmed out to other CCS documents */
	
	p.mainTextOne { /* General text style for the site */
	text-align: justify; 
	font-family: times, serif; 
	font-size: 16px;
	}
	
	p.mainTextTwo { /* Non-justified general text */
	text-align: left; 
	font-family: times, serif; 
	font-size: 16px;
	}
	
	p.mainTextThree{ /* Reserved for future use */
	text-align: left; 
	font-family: times, serif; 
	font-size: 16px;
	}
	
	img.mainImageOne{
	float: right;
	margin: 2px;
	}
	
	a.mainLinkOne { /* Define how link text behaves */
	background-color:transparent;
	text-decoration: none;
	text-align: left;
	font-family: times, serif;
	font-weight: bold;
	font-size: 16px;
	}
	a.mainLinkOne:link{ /* Define how link text behaves */
	background-color:transparent;
	color: #000050;
	}
	a.mainLinkOne:visited{ /* Define how link text behaves */
	background-color:transparent;
	color: #000050;
	}
	a.mainLinkOne:hover{ /* Define how link text behaves */
	background-color:transparent;
	color: #0000FF;
	}
	
	/* CSS for main content END */

/* Header CSS */

table.mainTable{ /* Setup the main table */
padding: 0px 0px;
border-collapse: collapse;
text-align: center;
}

img.headImgOne{ /* Novatech logo */
display: block;
padding: 19px 35px;
}

td.headCell{ /* Define properties of main table cells for header */
background-image: url('img/hCellOne.gif');
background-repeat: repeat;
text-align: center;
height: 80px;
}

p.headTextOne { /* Header text */
text-align: center;
font-family: times, serif; 
font-size: 22px;
}

p.headTextTwo { /* Header text */
text-align: center;
font-family: times, serif;
font-size: 14px;
}

/* Horizontal seperator CSS */

td.hLineCellOne{ /* Draw header border */
background-image: url('img/hLineOneB.gif');
background-repeat: no-repeat;
height: 25px;
width: 225px;
}

td.hLineCellTwo{ /* Draw header border */
background-image: url('img/menuEdgeTwo.gif');
background-repeat: repeat;
height: 25px;
width: 100%;
}

/* Menu CSS */

table.menuTable { /* Setup menu table */
padding: 0px 0px;
border-collapse: collapse;
width: 225px;
}

td.menuCell{ /* Define properties of main table cell for menu */
vertical-align: top;
width: 225px;
}

a.menuLinkOne{ /* Define how link text behaves in menu */
background-color:transparent;
text-decoration:none;
color: #000000;
text-align: center;
padding: 9px 0px;
display: block;
font-family: times, serif;
font-size: 14px;
width:100%;
}
a.menuLinkOne:link{ /* Define how link text behaves in menu */
background-color:transparent;
color: #000000;
}
a.menuLinkOne:visited{ /* Define how link text behaves in menu */
background-color:transparent;
color: #000000;
}
a.menuLinkOne:hover{ /* Define how link text behaves in menu */
background-color:transparent;
color: #0000FF;
}

td.menuButtonCellOne { /* Define how the menu button cells look */
background-image: url('img/menuButtonTwo.gif');
background-repeat: no-repeat;	
text-align: center;
height: 35px; 
}
 
td.menuButtonCellOne:hover{ /* Define how the menu button cells look */
background-image: url('img/menuButtonFour.gif');
background-repeat: no-repeat;
text-align: center;
height: 35px;	 
} 

td.menuButtonCellTwo{ /* Define how the menu button cells look for the current page button */
background-image: url('img/menuButtonFour.gif');
background-repeat: no-repeat;	
text-align: center;
height: 35px;
}

td.menuCellEdgeOne{ /* Draw menu border */
background-image: url('img/menuEdgeOne.gif');
background-repeat: no-repeat;
height: 35px;
width: 25px;
}

td.menuCellEdgeTwo{ /* Draw menu border */
background-image: url('img/menuEdgeTwo.gif');
background-repeat: no-repeat;
height: 25px;
width: 175px;
}

td.menuCellEdgeThree{ /* Draw menu border */
background-image: url('img/menuEdgeFour.gif');
background-repeat: no-repeat;
height: 25px;
width: 25px;
}

td.menuCellEdgeFour{ /* Draw menu border */
background-image: url('img/menuEdgeEight.gif');
background-repeat: no-repeat;
height: 25px;
width: 25px;
}

td.menuCellEdgeFive{ /* Draw menu border */
background-image: url('img/menuEdgeNine.gif');
background-repeat: no-repeat;
height: 35px;
width: 25px;
}

/* Info Panel CSS */

td.infoSpaceFiller{ /* Set space between menu and info panel */
height: 10px;
}

td.infoCellContent{ /* Define content of info panel */
background-image: url('img/slideShow2008N2.gif'); 
background-repeat: no-repeat;
height:175px;
width:175px;
}

td.infoCellEdgeOne{ /*Draw info panel border */
background-image: url('img/menuEdgeOne.gif');
background-repeat: repeat;
height: 175px;
width: 25px;
}

td.infoCellEdgeTwo{ /*Draw info panel border */
background-image: url('img/menuEdgeTwo.gif');
background-repeat: no-repeat;
height: 25px;
width: 175px;
}

td.infoCellEdgeThree{ /*Draw info panel border */
background-image: url('img/menuEdgeFour.gif');
background-repeat: no-repeat;
height: 25px;
width: 25px;
}

td.infoCellEdgeFour{ /*Draw info panel border */
background-image: url('img/menuEdgeFive.gif');
background-repeat: no-repeat;
height: 25px;
width: 175px;
}

td.infoCellEdgeFive{ /*Draw info panel border */
background-image: url('img/menuEdgeSix.gif');
background-repeat: no-repeat;
height: 25px;
width: 25px;
}

td.infoCellEdgeSix{ /*Draw info panel border */
background-image: url('img/menuEdgeSeven.gif');
background-repeat: no-repeat;
height: 25px;
width: 25px;
}

td.infoCellEdgeSeven{ /*Draw info panel border */
background-image: url('img/menuEdgeNine.gif');
background-repeat: repeat;
height: 175px;
width: 25px;
}

td.infoCellEdgeEight{ /*Draw info panel border */
background-image: url('img/menuEdgeEight.gif');
background-repeat: no-repeat;
height: 25px;
width: 25px;
}

td.infoSpaceFillerTwo{ /* Set space between info panel and misc icons */
height: 10px;
}

img.miscImgW3C{ /* CSS for W3C icons */
border:0;
width:88px;
height:31px;
}

/* Footer CSS */

table.footerTable{
padding: 0px 5px;
border-collapse: collapse;
border-top: 1px solid #A0A0A0;
width: 100%;
text-align: center;
}

p.footerLeft{
text-align: left; 
font-family: times, serif; 
font-size: 10px;
}

p.footerRight{
text-align: right; 
font-family: times, serif; 
font-size: 10px;
}

a.footerLink { /* Define how link text behaves */
background-color:transparent;
text-decoration: none;
font-family: times, serif;
font-weight: bold;
font-size: 10px;
}
a.footerLink:link{ /* Define how link text behaves */
background-color:transparent;
color: #000050;
}
a.footerLink:visited{ /* Define how link text behaves */
background-color:transparent;
color: #000050;
}
a.footerLink:hover{ /* Define how link text behaves */
background-color:transparent;
color: #0000FF;
}

/* CSS END */