/* ----------- Main Body ----------*/

#mainBody {
	border: 1px groove black; 
	padding: 2em;
	margin: 3em;
	width: 700px;
}

#mainBody p {
	white-space: nowrap;
}


/* ---------- Main Title / Header ---------- */

#header {
	font-family: arial;
	font-size: 40pt;
	height: 180px;
	margin: 0;
	/*border: 1px solid black;*/
	color: #9AC0CD;
}

#header .right {
	text-align: right;
	padding: 0.5em;
}

#header img.float {
	float: left;
	height: 180px;
}

#header img {
	border: 0;
}

/* -------- Top Navigation Bar --------- */

#topNav {
	background: white;
	margin: 0 auto;
	position: relative;
	padding-bottom: 3px;
	font-family: arial;
	font-size: 16pt;
	text-transform: lowercase;
	text-align: center;
}

#topNav:after {
	content: ".";
	display: inline;
	line-height: 1px;
	font-size: 1px;
	clear: both;	
}

ul#navlistTop {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	font-size: 0.8em;
}

ul#navlistTop li {
	display: inline;
	float: right;
	width: 15%;
	margin: 0;
	padding: 0;
}

ul#navlistTop li a {
	display: block;
	width: 100%;				/* width across top */
	padding: 0.3em;				/* padding inside text cell */
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;		/* 4 sides border color */
	border-style: solid;
	color: #6C7B8B;				/* text color when inactive */
	text-decoration: none;
	background: #C6E2FF;			/* bg when inactive */
}

#topNav>ul#navlistTop li a {
	width: auto;
}

ul#navlistTop li#activeTop a {
	background: #9AC0CD; 			/* bg color when visitin current pg */
	color: white; 			/* text color when visiting current page */
} 

ul#navlistTop li a:hover, ul#navlistTop li#activeTop a:hover {
	color: #6C7B8B;				/* text color on hover */
	background: transparent;		/* bg color on hover */
	border-color: #aaab9c #fff #fff #ccc;	/* border color on hover */
}

/* -------- Left Navigation Bar --------- */

#leftNav {
	background-color: white; 		/* area background */
	color: white; 				/* ? */
	/*width: 8em;*/ 				/* width of navigation bar */
	margin: 0;  				/* top and bottom margin */
	padding: 0; 				/* top and bottom padding */
	font-family: arial;
	text-align: left;			/* ? */
	text-transform: lowercase;
	font-size: 14pt;
	float: left;
}

#leftNav td {
	width: 25%;
}

ul#navlistLeft {
	text-align: left;
	list-style: none; 			/* removes bullet marks */
	padding: 0; 				/* all around padding */ 
	margin: 0; 				/* all margins */
	font-size: 0.9em;			
} 

ul#navlistLeft li{
	display: block;
	margin: 0; 				/* spacing outside each li */
	padding: 0; 				/* spacing inside each li */
}

ul#navlistLeft li a {
	display: block;
	width: 6em; 				/* width of individual cells */
	padding 0em;		/* ? */
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff; 	/* border on each side individually when inactive */
	border-style: solid;
	color: #6C7B8B; 				/* text color when inactive */
	text-decoration: none;
	background: #C6E2FF; 			/* background color when inactive */
}

#leftNav>ul#navlistLeft li a {
	width: 10em;
}

ul#navlistLeft li#activeLeft a {
	background: #9AC0CD; 			/* background colour when visiting current page */
	color: white; 			/* text colour when visiting current page */
}

ul#navlistLeft li a:hover, ul#navlistLeft li#activeLeft a:hover {
	color: #6C7B8B; 				/* text color when hover */
	background: transparent; 		/* background color when hover */
	border-color: #aaab9c #fff #fff #ccc; 	/* 4 sides border cover on hover */
}

/* -------- Main Content ------*/

#mainContent {
	font-family: tahoma;
}

#mainContent table {
	table-layout: fixed;
	width: 100%;
}

#mainContent td {
	vertical-align: top;
	padding-bottom: 1em;
	font-size: 12pt;
	/* border: 1px solid black; */
}

#mainContent h1{
	font-size: 16pt;
	text-align: center;
	padding: 0.5em;
	background: #9AC0CD;
	color: white;
	font-weight: normal;
}

#mainContent h2 {
	font-size: 22pt;
	text-align: center;
	padding: 0;
	font-family: chisel, gulim, Trebuchet MS;
}

#mainContent h3 {
	text-align: center;
	font-family: Trebuchet MS;
	font-size: 18pt;
	font-weight: normal;
}

.h3 {
	text-align: center;
	font-family: arial;
	font-size: 18pt;
	font-weight: normal;
}

#mainContent p {
	text-align: center;
	white-space: normal;
}

#mainContent a {
	color: black;
}

#mainContent ul {
	list-style-type: none;
	text-align: center;
	line-height: 30px;
}

#mainContent img {
	border: 0;
}

#mainContent img {
	width: 90%;
} 

#SmallImage img {
	width: 160px;
	border: 0;
}

#SmallImage a {
	text-decoration: none;
}

#mainContentSmallImage2 img {
	width: 300px;
}

#widthLeftNav td{
	width: 200px;
}

.bold {
	font-weight: bold;
}

.smallText {
	font-size: 8pt;
	line-height: 0.5px;
}

.smallH3 {
	font-size:18pt;
}

.italic {
	text-decoration: italic;
}

#results p{
	text-align: left;
	font-size: 11pt;
}

#results a {
	color: black;
}

.left {
	text-align: right;
}
/* ------- Footer ---------- */

#footer {
	text-align: center;
	background-color: #9AC0CD;
	color: white;
	font-size: 10pt;
	font-family: arial;
	padding: 2px;
}

#footer a {
	color: white;
}