body         { font-family: Verdana; font-size: 14px }
h1           { font-family: sans-serif; font-size: 20px }
ul, ol       { font-family: Arial; font-size: 14px }
h2           { font-family: serif; font-size: 12pt }

h4			 { font-family: Arial; font-size: 14px }
a			 { font-family: Verdana; font-size: 14px; color: #0066FF; text-decoration: underline }

a, A:link, a:visited, a:active
		{color: #0000aa; text-decoration: none; font-family: Tahoma, Verdana; font-size: 14px}
	
	A:hover
		{color: #ff0000; text-decoration: none; font-family: Tahoma, Verdana; font-size: 14px}
	p, tr, td, ul, li
		{color: #000000; font-family: Tahoma, Verdana; font-size: 14px}



	.header1, h1
		{color: #ffffff; background: #4682B4; font-weight: bold; font-family: Tahoma, Verdana; font-size: 13px; margin: 0px; padding: 2px;}
	.header2, h2
		{color: #000000; background: #DBEAF5; font-weight: bold; font-family: Tahoma, Verdana; font-size: 12px;}
	
	.btn
		{color: #000066; font-family: Tahoma, Verdana; font-size: 13px; background: #D6E7EF; border-bottom: 1px solid #104A7B; border-right: 1px solid #104A7B; border-left: 1px solid #AFC4D5; border-top: 1px solid #AFC4D5; text-decoration:none; cursor: hand;}

p			 { font-family: Verdana; font-size: 11pt }
h3           { font-family: Times New Roman; font-size: 12pt; color:#CC6600 }
ul, ol       { font-family: Tahoma; font-size: 14px }
.intd
		{color: #000000; font-family: Tahoma, Verdana; font-size: 11px; padding-left: 15px;}
		
/*pictures with caption*/
.picture{
	font-size: 10pt;
}
/*sentence or word in a paragraph that's needed to be emphasized*/
.emphasis{
	font-weight: bold;
}
/*learning objectives*/
.learningObjective{ 
	list-style-position: outside;
	font-family: "Verdana"; font-size: 11pt;
}
.higherDeeperFurther{
	list-style-position: outside;
	font-family: "Verdana";
}
/*not only "technical terms" but also any terms, names, statments, etc. to be explained or paraphrased*/
.technicalTerm{
	font-size: 14px;
	font-weight: bolder;
	color: #006699;
}
/*e.g. "time of the year", "permit required", etc.*/
.subCatagory{
	font-weight: bolder;
}
/*reference information (e.g. book name)*/
.reference{
	font-style: italic;
}
/*the additional info to a section/sub-section*/
.side-info{
	font-size: 14px;
	color: #0066CC;
}
/*notes, notation*/
.note{
	font-size: 11px;
}
/*review questions and anwsers*/
.question{
	font-family: "Tahoma";
	font-size: 14px;
	list-style-position: outside;
}
.answer{
	font-family: "Tahoma";
	font-size: 14px;
}
.menu{
	font-family: "Tahoma";
	font-size: 11px; color:#000066; text-align:left; list-style-type:disc; line-height:100%; 

}
ul.menu{
	font-family: "Tahoma";
	font-size: 11px; color:#0066FF; text-align:left; line-height:100%; margin-left:-3


}
.option{
	font-family: "Tahoma"; font-size: 14px;
	list-style-position: outside;
	list-style-type: lower-alpha;
}
/*quotation*/
.quote{
	font-family: "Verdana";
	font-size: 13px;
	font-style: italic;
}
/* refer to the different permits required in Appendix B*/
.omega{
	color: #FF6600;
}
.phi{
	color: #0066CC;
}

/*=========================================================*/




/* --- static menu styles ---
note:
	1. not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
style naming convention:
	m<zero based menu number>l<zero based level number>i|o<for inner or outer tag>
*/


.m0l0o {
	border: 1px solid #ffffff;
	text-decoration: none;
}

.m0l1o {
	border: 1px solid #ffffff;
	text-decoration: none;
}

.m0l2o {
	border: 1px solid #ffffff;
	text-decoration: none;
}

.m0l3o {
	border: 1px solid #ffffff;
	text-decoration: none;
}

.m0l4o {
	border: 1px solid #ffffff;
	text-decoration: none;
}

.m0l5o {
	border: 1px solid #ffffff;
	text-decoration: none;
}

.m0l0i {
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	padding: 4px;
	text-decoration: none;
}

.m0l1i {
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	padding: 4px;
	text-decoration: none;
}

.m0l2i {
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	padding: 4px;
	text-decoration: none;
}

.m0l3i {
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	padding: 4px;
	text-decoration: none;
}

.m0l4i {
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	padding: 4px;
	text-decoration: none;
}

.m0l5i {
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	padding: 4px;
	text-decoration: none;
}