/* CSS Stylesheet for Nuhill Technologies, Inc.
   Thank you for taking a look at the stylesheet.
	If you have any questions, contact Ink Works
	Publication Services, Inc. www.inkworkswell.com
*/


/* COLORS

coffee                      #330000 (shortcut= #300)
gray body background        #a9a7a8
light gray image border     #b4b4b4
light gray caption text     #cecece
lt gray global nav border   #818181
red caption text            #aa0000
dark red global nav         #800000
turquoise accent            #007070
Form gray border  			 #DBD7DB  
Form gray input BG    		 #ECEAEC


*/


/* BEGIN TYPOGRAPHY  use to achieve consistency across broswers*/

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {margin-top: 14px;	margin-bottom: 14px;	padding-top: 0; padding-bottom: 0;}
h1{font-size: 210%;}
h2{font-size: 180%;}
h3{font-size: 140%;}
h4{font-size: 126%;}
h5{font-size: 110%;}
h6{font-size: 100%;}

/* END TYPOGRAPHY */

/* STRUCTURAL ELEMENTS */

body {
	margin: 0;
	padding: 0;}
.clear {
	clear: both;
	display: block;
	height: 1px;
	margin-top: -1px; 
	overflow: hidden;}
.outer {
	margin: 6px 0 0px 16px;
	width: 780px;
	position: relative;
	border: 1px solid #fff;}
.inner {
	color: #484242;
	margin-top: 195px;
	min-height:100%;
	position: relative;
	background: #fff url(images/nt_eng_symbol.gif) no-repeat right bottom;
	border-top: 1px solid #300;
	border-right: 1px solid #300;
	border-left: 1px solid #300;
}
.layout12 #c1 {
	margin: 0 175px 0 0;}
#Home #c1 {
	margin: 0 175px 0 0;}
.layout12 #c2 {
	position:absolute;
	right: 0;
	top: 0;
	width: 180px;}
	#Home #c2 {
	width: 180px;}

/* COMP0SITION */

#c2 {
	position: absolute;
	top: 0;
	left: 597px;
	border-left: 1px solid #484242;
}
#Home #c2 {
	color: #666;
	background-color: #fff;}
#ic1 {
	width: 191px;
	height: 250px;
	background: #300 url(images/sla3500_gs.jpg) no-repeat;
	color: #cecece;
	position: absolute;
	top: 4px;
	left: 3px;
	border: 1px solid #b4b4b4;} 
div>#ic1 {
	height: 250px;} 
#ic2 {
	width: 191px;
	height: 250px;
	background: #300 url(images/moldeds_gs.jpg) no-repeat;
	color: #cecece;
	position: absolute;
	top: 4px;
	left: 201px;
	border: 1px solid #b4b4b4;} 
div>#ic2 {
	height: 250px;} 
#ic3 {
	width: 191px;
	height: 250px;
	background: #300 url(images/cad_gs.jpg) no-repeat;
	position: absolute;
	top: 4px;
	left: 399px;
	border: 1px solid #b4b4b4;} 
div>#ic3 {
	height: 250px;} 
#footer {
	text-align: left;
	font: bold 90% "Trebuchet MS", geneva, helvetica, arial, "sans serif";
	background: url(images/nt_footerbg.jpg) repeat-y left top;
	padding-top: 6px;
	padding-left: 12px;
	clear: both;
	height: 33px;
	visibility: visible;}
#footerInside {
	width: 790px;
	padding-right: 9px;}
.footerCopyright {
	text-align: right;
	float: right;
	font-variant: small-caps;
	color: #cecece;
	font-size: 90%;
	font-weight: bold;
	margin-right: 11px;}
.footerNav {
	color: #C8C8C8;
	text-align: left;
	float: left;
	font-variant: small-caps;
	font-size: 110%;
	_font-size: 120%;
	font-weight: bold;
	letter-spacing: .035em;
	margin-left: -32px;}
.footerNav ul {
	list-style-type: none;}
.footerNav ul li {
	display: inline;
	padding: 0 5px;}
.footerNav ul li a {
	color: #C8C8C8;
	text-decoration: none;
	font-weight: bold;}
.footerNav ul li a:link {
	color: #C8C8C8;
	text-decoration: none;
	font-weight: bold;}
.footerNav ul li a:hover {
	color: #B90000;
	font-weight: bold;}
.footerNav ul li a:active {
	color: #B90000;
	font-weight: bold;}
#header {
	color: #484242;
	height: 197px;
	left:0;
	margin: 0;
	overflow:hidden;
	padding: 0;
	position: absolute;
	top:0;
	width: 780px;
	background: url(images/hnavbg7.jpg) no-repeat left bottom;
	border-right: 1px solid 300;
	border-left: 1px solid 300;}
#header2 {
	background: #300 url(images/banner.jpg) no-repeat left top;
	color: #fff;
	width: 780px;
	height: 166px;}
#two {
	padding: 0;
	margin: 0;}

/*MAIN CONTENT AREA */

#mainContent {
	padding: 15px 0 15px 20px;}
#mainContent p {
	padding: 5px 10px 3px 10px;
	_font-size: 105%}
#mainContent p a, #mainContent a:link, #mainContent a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;}
#mainContent p a:active, #mainContent a:hover {
	color: #aa0000;
	font-weight: bold;
	text-decoration: none;} 
#mainContent h1 {
	padding: 28px 3px 8px 10px;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 145%;
	_font-size: 160%}
#mainContent h2 {}
#mainContent h3 {}
#mainContent h4 {}
#mainContent h5 {}
#Home #mainContent {
	padding: 15px 0 15px 20px;}
#hnav {
	text-align: center;
	margin-top: 3px;
	_margin-top: 5px;
	margin-right: 50px;
	_margin-right: 22px;
	font-variant: small-caps;
	font-size: 105%;
	_font-size: 120%;
	height: 28px;}
#hnav ul, #hnav ul li {
	display: inline;
	list-style-type: none;
	margin: 0;}
#hnav ul li a {
	margin: 0;
	white-space: nowrap;
	font-weight: bold;
	padding: 3px 10px 5px;
	border-right: 1px solid #818181;
	border-left: 1px solid #818181;}
#hnav ul li a:link, #hnav ul li a:visited {
	color: #484242;
	font-weight: bold;
	border-right: 1px solid #818181;
	border-left: 1px solid #818181;
	text-decoration: none}
#hnav ul li a:hover, #hnav ul li a:active {
	color: #cecece;
	font-weight: bold;
	border-right: 1px solid #818181;
	border-left: 1px solid #818181;
	text-decoration: none;
	background: #950000;}
* html #hnav ul li, * html #hnav ul li a {
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline;
	/* reset above hack */
}
* html #hnav, * html #hnav ul a {
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html #HNAV {
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */ }
#hnav2-1 {
	width: 191px;
	height: 50px;
	position: absolute;
	top: 255px;
	left: 3px;
	border: 1px solid #b4b4b4;}
#hnav2-1 p{
	margin-top: 10px;}
#hnav2-1>p {
	margin-top: 8px;}
#hnav2-1 a:link, #hnav2-1 a:visited {
	font-family: "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	color: #cecece;
	text-decoration: none;
	padding: 10px 24px;}
#hnav2-1 a:hover, #hnav2-1 a:active {
	color: #950000;
	background: #300 url(images/hnav2bg_up.jpg) repeat-x left center;
	text-decoration: none;
	padding: 10px 24px;}
#hnav2-2  {
	width: 191px;
	height: 50px;
	position: absolute;
	top: 255px;
	left: 201px;
	border: 1px solid #b4b4b4;}
#hnav2-2 p{
	margin-top: 10px;}
#hnav2-2>p {
	margin-top: 8px;	}
#hnav2-2 a:link, #hnav2-2 a:visited {
	font-family: "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	color: #cecece;
	background: #300;	
	text-decoration: none;
	padding: 10px 22px;}
#hnav2-2 a:hover, #hnav2-2 a:active {
	color: #950000;
	background: #300 url(images/hnav2bg_up.jpg) repeat-x left center;
	text-decoration: none;
	padding: 10px 22px;}
#hnav2-3  {
	width: 191px;
	height: 50px;
	position: absolute;
	top: 255px;
	left: 399px;
	border: 1px solid #b4b4b4;}
#hnav2-3 p{
	margin-top: 10px;}
#hnav2-3>p {
	margin-top: 8px;}
#hnav2-3 a:link, #hnav2-3 a:visited {
	font-family: "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	color: #C8C8C8;
	background: #300;
	text-decoration: none;
	padding: 10px 6px;}
#hnav2-3 a:hover, #hnav2-3 a:active {
	color: #950000;
	background: #300 url(images/hnav2bg_up.jpg) repeat-x left center;
	text-decoration: none;
	padding: 10px 6px;}

/* END HORIZONTAL NAVIGATION */


#time  {
	background: #FFFFFF url(images/icons/nt_time.gif) no-repeat right top;
	padding: 5px 8px 4px 12px;
	margin-left: 0;
	line-height: 130%;
	color: #484242;}
.time, p .time {
	margin: 0 auto;
	font-size: 90%;}
.time1 {
	height: 25px;
	font-weight: bold;
	margin-top: 12px;
	font-size: 105%;
}
#resources {
	background: #fff url(images/icons/nt_resources.gif) no-repeat right top;
	padding: 2px 12px 10px;
	border-bottom: 1px dashed #484242;
	margin: 0;
	color: #484242;}
#resources h4 {
	margin-top: 14px;
	margin-bottom: 18px;
	font-size: 110%;
	color: #484242;}
#login {
	border-top: 1px dashed #484242;
	border-bottom: 1px dashed #484242;
	clear: both;
	color: #484242;
	margin: 0;
	padding: 9px;}
#login p{
	font-weight: bold;
	font-size: 105%;
	margin-top: 9px;}
#login2 {
	padding-top: 20px;}
.smallText {
	font-size: 80%;}
#learnmore {
	color: #484242;
	font-family: "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	text-align: right;
	padding: 2px 5px 2px 19px;
	margin-right: 13px;}
#learnmore a {
	color: #aa0000;
	font-family: "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	padding: 2px 5px 2px 19px;
	letter-spacing: 0.05em;
	text-decoration: none;
	background: #E9E9E9 url(images/icons/nt_learn.gif) no-repeat left center;}
#learnmore a:link, #learnmore a:visited {
	color: #484242;
	font-family: "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	padding: 2px 5px 2px 19px;
	letter-spacing: 0.05em;
	text-decoration: none;
	background: url(images/icons/nt_learn.gif) no-repeat left center;}
#learnmore a:hover, #learnmore a:active {
	color: #800000;
	font-family: "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	text-decoration: none;
	background: #E5E5E5 url(images/icons/nt_learnup.gif) no-repeat left center;
	padding: 2px 5px 2px 19px;
	text-align: center;} 
#moreinfo {
	color: #484242;
	font-family: "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	text-align: right;
	padding: 2px 5px 2px 24px;
	margin-right: 7px;
	line-height: 140%;
	height: 22px;}
#moreinfo a {
	color: #aa0000;
	font-family: "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	padding: 2px 5px 2px 24px;
	letter-spacing: 0.05em;
	text-decoration: none;
	background: url(images/icons/nt_learnup.gif) no-repeat left center;}
#moreinfo a:link, #moreinfo a:visited {
	color: #484242;
	font-family: "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	padding: 2px 5px 2px 24px;
	letter-spacing: 0.05em;
	text-decoration: none;
	background: url(images/icons/nt_info.gif) no-repeat left center;}
#moreinfo a:hover, #moreinfo a:active {
	color: #800000;
	font-family: "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	text-decoration: none;
	background: #EBEBEB url(images/icons/nt_infoup.gif) no-repeat left center;
	padding: 2px 5px 2px 24px;
	text-align: center;} 
#wrapper {
	width: 596px;
	height: 312px;
	margin-top: -15px;
	margin-left: -20px;
	background: #300;
	color: #fff;}


/* BEGIN FORM STYLE */
input, textarea {
	font: bold small "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	color: #300;
	padding: 1px;
	background: url(images/form_bg.jpg);
	border-top: 1px solid #DBD7DB;
	border-right: 2px solid #DBD7DB;
	border-bottom: 1px solid #DBD7DB;
	border-left: 2px solid #DBD7DB;}
input:focus, textarea:focus {
	background: #ECEAEC;}
#textfield {
	font: bold small "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	border: 1px solid #300;}
#submit {
	font: bold small "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	color: #300;
	padding: 1px;
	border: 1px inset #300;
	height: 21px;}
#reset {
	font: bold small "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	color: #300;
	padding: 1px;
	border: 1px solid #300;
	height: 21px;}
#formArea {
	border: 1px inset #300;
	height: 450px;
	width: 340px;
	padding: 5px;}
/* END FORM STYLE */

body {
	margin: 0;
	padding: 0;
	background: #8a8a8a url(images/nuhillbg.jpg) repeat-y left top;
	color: #484242;
	font: 95.5% "Trebuchet MS", geneva, helvetica, arial, "sans serif";}
li, p, span, td {
	font-family: "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	font-size: 85%;
	margin-top: 0;
	padding-top: 0;}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", geneva, helvetica, arial, Swiss, SunSans-Regular, "sans serif";
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;}
	h1 {font-size: 130%;
		margin: 0 0 5px;}
	h2 {font-size: 120%;
		margin: 10px 0 4px;}
	h3 {font-size: 110%;
		font-weight: bold;
		margin: 5px 0 4px;}
	h4 {font-size: 100%;}
	h5 {font-size: 90%; 
		font-weight: bold;}
ul {
	line-height: 18px;
	margin-top: 0;}