/* bg color #fff5EC - #ffe4ca (dark) or #ffffee */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003333;
	background-color: #FFFCF4;      /* grey: #eeeeee  yellow: #FFFCF4  */
	font-size: 14px;
	margin-left: 0px;
	margin-top: 0px;
}


/*INPUT, TEXTAREA {
	font-family: Tahoma, verdana, sans-serif;
	text-transform: uppercase;
}*/

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

P.gen {
	font-size: 16px;
}

a:link {
	color: #006666;
	text-decoration: underline;
	line-height: 17px;
}
a:visited {
	color: #009999;
	text-decoration: underline;
	line-height: 17px;
}
a:hover {
	color: #FFFFFF;
	background-color: #006666;
	text-decoration: none;
	font-weight: bold;
}
a:active {}

a.img:hover {
	background-color: #ffcc99;   /*  transparent  */
	}

a.nav:link {
	color: #006666;
	text-decoration: underline;
	line-height: 17px;
}

a.nav:visited {
	color: #009999;          /*brighter: 0000CC */
	text-decoration: underline;
	line-height: 17px;
}

a.nav:hover {
	color: #FFFFFF;
	background-color: #006666;
	font-weight: bold;
}
a.logonav:link, a.logonav:visited, a.logonav:hover {
	text-decoration: none;
	background-color: #FFFFEE;
}
	



h1, h2, h3, h4, h5, h6 {
color: #006666;
font-family: Verdana, Arial, Helvetica, sans-serif;}

/* not using h1 in any file anymore - remove and use title-pg + center it */
h1 {
font-family: Comic Sans MS, Verdana, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: bold;
border-bottom: 1px #000099 solid;
background-color: #fef3c9;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
margin-left: 0px;
margin-right: 15px;
text-align: center;}

h2 {
font-size: 20px;
font-weight: bold;
margin-left: 5px;
text-align: center;
}

h3 {
font-size: 18px;
font-weight: bold;
margin-left: 5px;
text-align: center;
}

.csoon {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline overline;
	text-align: center;
}
.larger { font-size: 20px; }
.lrg { font-size: 18px; }
.sm { font-size: 10px; }
.sm-center {font-size: 10px;
 text-align: center;
 }
 .desig {
	font-size: 12px;
	text-align: center;
	font-family: "Comic Sans MS";
	color: #666666;

 }

.indent { padding-left: 20px; }

.desc-specs {
font-family:   Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #ffffff;
padding-bottom: 5px;
padding-top: 5px;
border: #004080 solid;
padding-left: 5px;
padding: 5px;
text-align: justify;
}

.desc-specs-nb {
	font-family:   Arial, sans-serif;
	font-size: 13px;
	padding: 5px;
	text-align: justify;
	margin-right: 5px;
	color: #006666;
}
.desc-specs-lg {
font-family:   Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
background-color: #ffffff;
padding-bottom: 5px;
padding-top: 5px;
border: #004080 solid;
padding-left: 5px;
padding: 5px;
text-align: justify;
}

.desc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: justify;
	padding: 5px;
	margin-right: 5px;
	color: #006666;
}


.smenu {font-family:Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
text-align: left;
}

.smenu-head {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #009999;

}

.smenu-bg {font-family:Comic Sans MS, Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
background-color: #ffffee;
}
.parag-title {
	font-size: 18px;
	font-weight: bold;
}
.subtitle {
	font-family: "Comic Sans MS";
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-left: 5px;
	color: #000066;
}
.subtitle-lg {
	font-family: "Comic Sans MS";
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin-left: 5px;
	color: #000066;
}
/*background colors for pg title */
/* web safe: dark blue:006699 -lighter: 6699cc  */
/* towards mauve: #8096CA (nearest col to logo) */
.title-pg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #006666;
	padding-right: 50px;
}
/*** used in NS4 4 problem files? chk before deleting - same as .desc - */ 
.desc-specs-nb-lg {
	font-family:  verdana, Arial, sans-serif;
	font-size: 15px;
	text-align: justify;
	padding: 5px;
	margin-right: 5px;
	color: #000066;               
}
.tbl {
font-family:   Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
border: 1px solid #004080;
text-align: justify;
}
.tbl-hd {
	background-color: #B9DBD8;
	color: 000066;
	font-weight: bold;


}
.tbl-r1 {
	background-color: #F4F4F4;
}
.tbl-r2 {

	background-color: #DBECEB;
}
.tbl-sm {

font-family:   Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #004080;
text-align: justify;
}
.desc-sm { font-size: 12px; }
.desc-lg { font-size: 15px; }
.em-red {
	color: #FF3300;
	font-weight: bold;
}
.em-item {
	font-size: 18px;
	color: #FF6600;
	font-weight: bold;
}
.desc-tbc {

	font-family:   Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 5px;
	padding-top: 5px;
	border: #004080 solid;
	padding-left: 5px;
	padding: 5px;
	text-align: justify;
	background-color: #FFFFff;    /* yellow #FFFFee or white #FFFFFF  */
}
.em-parag {
	background-color: #dbeceb;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	margin-top: 5px;
	margin-right: 20px;
	margin-left: 20px;




}
.title-pg-pic {
	font-family: "Comic Sans MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid black;
	background-color: #6699CC;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
	margin-right: 15px;
	text-align: left;
	color: #FF6600;
	background-image: url(images/work/scratch.jpg);

}
.title-pg-bg {

	font-family: Comic Sans MS, Verdana, Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid black;
	background-color: #6699CC;  /*dark blue:006699 -lighter: 6699cc */
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
	margin-right: 15px;
	text-align: left;
	color: white;
}