.mainColor {
	background-color: #663399;
	border-right: 1px solid #663399;
	width:730px;
}

div.clearit   { clear: both; padding-bottom:5px; padding-top:0px;} 
.col1 { width:150px; padding:5px; float:left;	}
.col2 { width:240px; padding:5px; }

/*------------- TEXT STUFF --------------------- */
p,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.headline { 	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

li { color: #000000; }

b,strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #061E81;
	font-weight: bold;
	
}

.whiteB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
}

.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
}

.fineprint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5D5959;
	font-weight: normal;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

	 
.lightmainColor {
	background-color: #F5DFF8;
	border-right: 1px solid #F5DFF8;
	width: 730px;
	padding:0px;
	clear: both; padding-bottom:3px; padding-top:0px;
}
 
.rowOn {
	clear: both; padding-bottom:3px; padding-top:0px;
	background-color: #e4caa3;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e4caa3;
	border-right: 1px solid #e4caa3;
	width: 730px;
	height: auto;
}

.rowOff {
	clear: both; padding-bottom:3px; padding-top:0px;
	background-color: #FCE1CD;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #FCE1CD;
	width: 730px;
	height: auto;
}

.rowAlt { 
	clear: both; padding-bottom:3px; padding-top:0px;
	background-color: #f7f7f7;
	border: 1px solid #d3d3d3;
	width:730px;
}

	
#rightCol { width:155px; padding: 5px;
	position:absolute;
	z-index: 3;
	top:175px;
	left: 615px; }


/* ---------------- LAYERS -------------------- */
#content {
 	position: absolute;
	left: 195px;
	top:189px;
	z-index: 2;
	width: 420px;
 	padding: 5px;
	padding-left: 5px;
}

.title {
 	position: absolute;
	background-image:url('images/title_bg.jpg');
	background-repeat:no-repeat;
	left: 0px;
	top: 0px;
	width: 419px;
	height: 53px;
	z-index: 2;
}

.titleText { 
	position: absolute;
	left: 110px;
	top: 15px;
	z-index:3;
	width:290px;
	text-align:right;
	font-family: Arial;
	font-size: 12px;
	color: #fefefe;
	font-weight: bold;
}

.mainBody { width: 395px;
	height:600px;
	background-image:url(images/bg.gif);
	background-repeat:repeat;

	position: absolute;
	top: 50px;
	left: 0px;
}

#navigation {
	position: absolute;
	left: 10px;
	top: 10px;
	width:780px;
	z-index: 5;
	visibility:visible;
}

#header {
	position: absolute;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	left: 0px;
	top: 0px;
	width:776px;
	height:157px;
	z-index: 1;
}


.submenu {
	position: absolute;
	top: 89px;
	z-index: 13;
	width:480px;
	visibility: hidden;
}


.leftNavMain {
 	position: absolute;
	top:15px;
	width: 160px;
	height:300px;
	z-index: 2;
	visibility: visible;
}

.leftNavMain a { font-family: Arial Narrow;
	font-size: 12px;
	color: #fefefe;
	font-weight: bold;
	text-decoration:none;
	}
.leftNavMain a:hover { font-family: Arial Narrow;
	font-size: 12px;
	color: #0000FF;
	font-weight: bold;
	text-decoration:none;
	}
	
.leftNavMain strong { font-family: Arial Narrow;
	font-size: 12px;
	color: #0000D6;
	font-weight: bold;
	text-decoration:none;
	}
.leftNavMain li { list-style-type:none; }
.leftNavMain ul { margin-left: 13px; margin-top:5px; width:160px;}	
	
.leftNavBG {
 	position: absolute;
	width: 172px;
	height:300px;
	z-index: 1;
	visibility: visible;
}

#leftNav {
  position: absolute;
  top: 175px;
  left: 5px;
  height:300px;
  z-index:1;
  visibility:visible;
  margin: 0px;
  padding: 5px;
}

#topRightNav {
  position: absolute;
  top: 5px;
  left: 730px;
  height:500px;
  z-index:1;
  visibility:visible
  margin: 0px;
}


<!--- ********* NAVIGATION ROLLOVERS ************************************************************ -->
a.njcate{background-image:url('images/nav/njcate_logo.gif'); width:156px; height:87px; background-repeat:no-repeat; }

a.netec{background-image:url('images/netec_logo.gif'); width:175px; height:54px; background-repeat:no-repeat;}

#servicesBttn { position: absolute;
	left:0px;
	width: 73px; height: 22px;
    background-image: url('http://www.njcate.org/njcate/images/services.gif');
}
#servicesBttn:hover { background-image: url('images/services_on.gif'); }
a .alt { display: none; }

#aboutBttn {
	position: absolute;
	left: 349px;
	width: 96px; height: 22px;
    background-image: url('images/about.gif');
}
#aboutBttn:hover { background-image: url('images/about_on.gif'); }

#professionalenhancementBttn {
	position: absolute;
	left: 176px;
	width: 168px; height: 22px;
    background-image: url('images/professional_enhancement.gif');
}
#professionalenhancementBttn:hover { background-image: url('images/professional_enhancement_on.gif'); }

#publicationsBttn {
	position: absolute;
	left:78px;
	width: 93px; height: 22px;
    background-image: url('images/publications.gif');
}
#publicationsBttn:hover { background-image: url('images/publications_on.gif'); }

a.clearMenu{background-image:url('images/clear.gif'); width:18px; height:10px;}