html{
  	height: 100% !important; margin: 0px; padding: 0px; overflow: auto; }

body {
	padding: 0px; margin: 0px; background: #c6c6c6; font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	text-align:center; height: 100% !important; width: 100%; overflow: auto; border-left: 0px green solid; }

#colmask {
	padding: 0px; background: #a0a0a0; min-height: 100% !important; width: 11.5em; overflow: hidden;
	border-right: 1px black solid; position: absolute; /*left: 0px;*/ z-index: 0;overflow: hidden;}
a {
  color: #f00; text-decoration: none; font-size: 1em;}

a:link.logo img, a:visited.logo img, a:hover.logo img, a:active.logo img {
  	border: none; text-decoration: none; outline: none; }

#frame {
	padding: 0px; margin: 0px auto 0px auto; overflow: auto; background: #fff; text-align: left; position: relative;
	width: 998px; border-left: 1px solid black; border-right: 1px solid black; min-height: 100% !important; }

#header {
	background: #fff; padding-left:0px; padding-top: 15px; width: 100%;
	position: relative; border: solid 0px red; margin-bottom:0px; z-index: 5; } 

#header-left {
	background: #fff; padding-left: 40px; margin-bottom: 0px; height: 40px; 
	border-bottom: 0px solid #000; float: left; margin-right: 24px; width: 300px;} 

#header-right {
	background: #115291; padding-left: 0px; width: 575px; margin-top: 20px; height: 30px;
	float:right; margin-bottom: 0px;} 

#subheader {
	background: #115291;/*#036;*/ padding-left: 30px; padding-top: 5px; padding-bottom: 5px;
	position: relative; border-bottom: solid 1px black; margin: 0px; z-index: 5; }

#subheader p {
	font-style: italic; font-weight: bold; color: #fff; font-size: 1.2em; padding: 0px; }

img.noscreen {
	display: none;}
	



/* Main Horizontal Menu*/

#navmenu {
	width: 100%; border-bottom: 1px solid black; /*height: 1%;*/ padding-left: 0px; background: #666666; 
	position: relative; z-index: 5; }

#navmenu ul {
	font: bold 1.1em verdana, arial, sans-serif; 
	list-style-type: none; padding-bottom: 0px; padding-top: 15px; border-bottom: 0px solid #000; 
	margin: 0px; padding-right: 5px; float:right; border-left: 0px solid black; z-index:3;}

#navmenu li {
	background-color: #115291; margin: 2px 5px -1px 5px; 
	border: 1px solid #000; float: right; }

#navmenu a {
	display: block; position: relative; color: #fff;
	text-decoration: none; padding: 5px 25px;}

#navmenu a:active, #navmenu a:hover {
	background: #ffa522; /*7dafdf; #dbd2b5;*/  color: #000; } 

#navmenu li.active {
	border-bottom: 1px solid #fff;
  	background-color: #fff; float: right;}

#navmenu a.current, #navmenu a.current:hover {
  	color: #000; background-color: #fff; }



/* Formating Content */
.wrapper {
	position: relative; /*float: left;*/ margin-left: 0px; border-right: black solid 0px; 
	border-left: black solid 0px; /*width: auto;*/ min-height: 100% !important; /*background: red;*/ 
	border-bottom: 0px green solid;}

.contentleft {
	/*background: #7dafdf;*/ 
	width: 100%; float: left; position: relative; min-height: 100%; z-index: 2; }

.contentmain {
	padding-left: 5%; padding-right: 5%; padding-top: 20px; padding-bottom: 0px; 
	/*background: #fff;*/ position: relative;
	/*height: 100% !important; height: auto !important;*/ overflow: auto;  margin-left: 0px; }

.contentmain h1{
  	font-weight:bold; margin-top: 5px; margin-bottom: 0px; font-size: 1.5em; }

.contentmain h2{
	font-size: 1em; font-weight: bold; font-style: italic; margin-top: 0px; }

.contentmain h3{
  	font-weight:bold; margin-top: 10px; margin-bottom: 0px; font-size: 1.4em; }

#duties {
	width: 450px; /*font-color: black;*/ }

#duties li {
	padding-bottom: 5px; }


#duties li a {
	 color: black; }

.portlistwrapper {
	margin-left: auto; margin-right: auto; width: 605px; position: relative; border: 0px solid green;}


.portlist {
	width: 200px; border: 0px solid red; position: relative; float: left; padding: 0px;  text-align: center;}

.portlistheader {
	width: 175px; border-bottom: 1px solid black; margin: auto 0px; /*background-color: #ffa522;*/ margin: 0px auto;}

.portlist ul {
	margin-top: 5px;  text-align: left;}

.portlist li {
	padding-bottom: 2px; }

.portlist li a {
	 color: black; font-style: italic;}

.portlist a.title {
	color: black; font-weight: bold; font-size: 1.1em; padding: 2px 0px;
	border-bottom: 0px black solid; margin: 2px 0px; /*background: #7dafdf;*/ text-align: center;}


.portlist li a:link, a:visited {
 	/*color: #000; text-decoration: none; border-decoration: none;*/ }

.portlist a:hover {
 	/*background-color: #ffa522;*/ font-style: italic; color: #2673bf; }

.portlist a.title:hover {
	  width: 100%; font-style: normal; color: #2673bf; /*background-color: #ffa522;*/}




.studywrapper {
	/*margin-left: auto; margin-right: auto; width: 705px;*/ position: relative; border: 1px solid black;}

.studylist {
	width: 370px; border: 0px solid red; position: relative; float: left; padding: 0px; }

.studylist ul {
	margin-top: 5px; }

.studylist li {
	padding-bottom: 2px; }

.studylist li a {
	 color: black; font-style: italic;}






p.main {
	margin-top: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px;
	line-height: 130%; z-index: 2; position: relative; /*float: left;*/ min-width: 300px; }
.main {
	min-width: 300px; }

p.pic {
	margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; 
	text-align: center; }

img.portfolioright{
	margin: 10px 0px 10px 20px; float: right; border: 1px solid #333; z-index: 1; }

img.portfolioleft{
	margin: 10px 20px 10px 0px; float: left; border: 1px solid #333; z-index: 100; }

#cover {
	padding: 0px 0px; background: #fff; float: left; /*position: relative;*/ 
	margin-bottom: 0px; border: solid #000 0px; border-left: 0px; width: 100%;
	/*align: center;*/ }


#base {
	/*margin-left: auto; margin-right: auto;*/ padding: 25px 50px; border: solid #000 0px; 
	max-width: 560px; border: 0px solid green; float: left; }

.landingtxt {
	padding: 20px 50px 50px 50px; font-size: 1.0em;  }

.landingtxt ul {
	padding-left: 560px; border: 0px red solid; padding-top: 0px; margin-top: 0px; }

.landingtxt li {
	margin-left: 75px; padding-bottom: 2px; border: 0px pink solid; }

.landingtxt p.txt {
	text-decoration:underline; padding-bottom: 5px; margin-bottom: 0px;}


img.picrighttop {
	margin: 10px 0px 10px 10px; float: right; border: 1px solid #333; }

img.picrightbot {
	margin: 20px 0px 10px 10px; float: right; border: 1px solid #333; }

img.piclefttop {
	margin: 10px 10px 10px 0px; float: left; border: 1px solid #333; }

img.picleftbot {
	margin: 20px 10px 10px 0px; float: left; border: 1px solid #333; }

.break {
 	padding-bottom: 35px; clear: both; }

.break2 {
 	padding-bottom: 55px; }



/* Side Naviation */

.sidenav {
	padding: 0px; float: left; position: relative; z-index: 3;  
	overflow: hidden; margin-top: 40px; margin-right: 0px; border-right: 0px white solid;}

.sidenav2 {
	padding: 0px; float: left; position: relative; z-index: 3; width: 11.5em; 
	overflow: hidden; margin-top: 40px; margin-right: 1px;/* border-right: 0px white solid;*/}

.sidenav h1{
  	margin-top: 15px; text-align:center; font-size: 1.5em; margin-bottom: 10px;
	font-style: italic; }

.sidenav ul {
 	margin: 0px; padding: 0px; z-index: 7; font-family: Arial, Helvetica, sans-serif; 
	border-top: 1px solid #000; background: /*#a7c6e3;*/ #87C4FF;}

.sidenav li {
 	margin: 0px; padding: 0px; border-right: 1px black solid; z-index: 6; width: 11.5em; }

.sidenav li.section {
 	background: #115291; /*width: 11.5em;*/ border-right: 1px black solid; margin: 0px; padding: 0px; }

.sidenav li a.section {
 	color: #fff; margin: 0px; }

.sidenav li.sub {
 	border-right: 1px solid black; margin: 0px; padding: 0px;}

.sidenav li.subcurrent {
 	border-right: 1px solid white; border-bottom: 1px solid #000; z-index: 8; 
	margin: 0px; }

.sidenav a {
 	display: block; padding-left: 12px; padding-top: 8px; padding-bottom: 8px; padding-right: 8px;
  	margin: 0px; font-weight: bold; font-size: 1.1em;  
 	border-bottom: 1px solid #000; border-top: 0px solid #eae6d6; }

.sidenav a#extra-b, .sidenav a#extra-b:hover  {
	border-bottom: 1px solid #000; }

.sidenav a#extra-t, .sidenav a#extra-t:hover  {
	border-top: 1px solid #000; }

.sidenav a:link, a:visited {
 	color: #000; text-decoration: none; }

.sidenav a:hover /*, a.section:hover*/ {
 	background-color: #ffa522; color: #000; }

.sidenav a.section:hover {
 	background-color: #ffa522; color: #000; }

.sidenav a.section#current:hover {
 	background-color: #0c457c; color: #fff;  }

/*.sidenav a.section#current {
 	font-style: italic;  }*/

.sidenav a.current /*, #sidenav a.current:hover*/ {
 	background: #115291; font-style: italic; font-weight: bold; color: #fff; margin: 0px; }

.sidenav a.current:hover {
 	background-color: #0c457c; font-style: italic; font-weight: bold; color: #fff; }

.sidenav a.sub {
 	display: block; padding-left: 24px; padding-top:5px; padding-bottom: 5px; padding-right: 5px;
 	margin: 0px; font-size: 0.9em;  background: #e0e0e0;/*#ffce86; #7dafdf; #a7c6e3*/; font-weight: normal;
 	border: 0px; font-weight: bold; }

.sidenav a.sub#current {
 	background: #fff; font-style: italic; font-weight: bold; color: #000; }

.sidenav a.sub#current:hover {
 	background: #fff; /*ffa522;*/ font-style: italic; color: #000; }

.sidenav a.sub:link, a.sub:visited {
 	color: #000; /*text-decoration: none; border-decoration: none;*/ }

.sidenav a.sub:hover {
 	background-color: #ffa522; color: #000; }








/* Footer Formating */


#footer {
 	border-top: 1px solid #000; padding: 10px; text-align: center; 
 	position: relative; margin-top: 0px; height: 40px; clear: both; bottom: 0px; }

.front {
	width: 700px; border: 0px solid green; margin: 0 auto; }

#footer a{
 	color: blue; text-decoration: underline; }

#footer-left {
 	float: left; height: auto; text-align: right; border: 0px solid red; width: 49%;
	margin-bottom: 15px; padding-right: 0px; }

#footer-left p { 
 	margin: 0px; padding-right: 20px; font-size: 0.8em; }

#footer-right {
 	float: right; text-align: left; height: auto; border: 0px solid blue; width: 49%;
	margin-bottom: 15px; padding-left: 2px; }

#footer-right p { 
 	/*position: relative;*/ margin: 0px; padding-left: 20px; font-size: 0.8em;}

.pic {
 	border: 1px solid red; margin-bottom: 5px; }

.left {
 	float: left; margin-right: 20px; margin-bottom: 10px; text-align: center; }

.right {
 	float: right; margin-left: 20px; margin-bottom: 10px; text-align: center; }





.imageframe {
	width: 500px; height: 394px; border: 1px solid black; padding: 0px;  /*background: #2673bf;*/  
	position: relative; float: left;  z-index: 1; }

.imageframe img{
	padding: 0px; margin: 0px; position: relative; float: left; }

.scrollbox {border: red 0px solid; position: static; /*background: #f4f4f4; border: 0px solid pink;*/
	height: 94px; width: 500px; overflow: auto; /*overflow-y: hidden;*/ padding: 0px; margin: 0px; }

.thumbnails {
	width: 762px; border: 0px blue solid; height: 77px; padding: 0px; margin: 0px; }

.thumbnails#seven {
	width: 889px; border: 0px blue solid; height: 77px; padding: 0px; margin: 0px; }

.thumbnails#eight {
	width: 1016px; border: 0px blue solid; height: 77px; padding: 0px; margin: 0px; }

.thumbnails#nine {
	width: 1143px; border: 0px blue solid; height: 77px; padding: 0px; margin: 0px; }

.thumbnails#ten {
	width: 1270px; border: 0px blue solid; height: 77px; padding: 0px; margin: 0px; }

.thumbnails#eleven {
	width: 1397px; border: 0px blue solid; height: 77px; padding: 0px; margin: 0px; }

.thumbnails#twelve {
	width: 1524px; border: 0px blue solid; height: 77px; padding: 0px; margin: 0px; }

.thumbnails#thirteen {
	width: 1651px; border: 0px blue solid; height: 77px; padding: 0px; margin: 0px; }


a a:hover a:active a:focus {
	color: #000 }

a.viewer {
	border: #000 1px solid; margin: 0px; width: 125px; display: block; float: left; 
	height: 75px; color: #000; font-size: 11px; text-decoration: none; }

a.viewer:visited {
	BORDER: #000 1px solid; MARGIN: 0px; WIDTH: 125px; DISPLAY: block; FLOAT: left; 
	HEIGHT: 75px; COLOR: #000; FONT-SIZE: 11px; TEXT-DECORATION: none; }

a.viewer span {
	z-index: 100; position: absolute; width: 1px; display: block; background: #efedec; 
	height: 1px; font-size: 11px; overflow: hidden; top: -1px; left: 150px; }

a.viewer:hover {
	BORDER: #ffa522 1px solid; WHITE-SPACE: normal; }

a.viewer:focus {
	BORDER: #ffa522 1px solid; margin: 0px; padding: 0px }

a.viewer:hover IMG {
	Z-INDEX: 100; BORDER: #000 0px solid; }

a.viewer:active IMG {
	Z-INDEX: 50; BORDER: #000 0px solid; }

a.viewer:focus IMG {
	Z-INDEX: 50; BORDER: #000 0px solid; }

a.viewer:hover SPAN {
	Z-INDEX: 100; POSITION: absolute; PADDING: 0px; FONT-STYLE: italic; WIDTH: 500px; 
	DISPLAY: block; HEIGHT: 300px; COLOR: #000; FONT-SIZE: 11px; TOP: 0px; LEFT: 0px }

a.viewer:active {
	BORDER: #ffa522 1px solid }

a.viewer:active SPAN {
	Z-INDEX: 50; POSITION: absolute; PADDING: 0px; FONT-STYLE: italic; WIDTH: 500px; 
	DISPLAY: block; HEIGHT: 300px; COLOR: #000; TOP: 0px; LEFT: 0px }

a.viewer:focus span {
	Z-INDEX: 50; POSITION: absolute; PADDING: 0px; FONT-STYLE: italic; WIDTH: 500px; 
	DISPLAY: block; HEIGHT: 300px; COLOR: #000; TOP: 0px; LEFT: 0px }


a.mf1 {
	BACKGROUND: url(./image/mf1tmb.jpg);}
a.mf2 {
	BACKGROUND: url(./image/mf2tmb.jpg);}
a.mf3 {
	BACKGROUND: url(./image/mf3tmb.jpg);}
a.mf4 {
	BACKGROUND: url(./image/mf4tmb.jpg);}
a.mf5 {
	BACKGROUND: url(./image/mf5tmb.jpg);}
a.mf6 {
	BACKGROUND: url(./image/mf6tmb.jpg);}

a.sulph1 {
	BACKGROUND: url(./image/sulph1tmb.jpg);}
a.sulph2 {
	BACKGROUND: url(./image/sulph2tmb.jpg);}
a.sulph3 {
	BACKGROUND: url(./image/sulph3tmb.jpg);}
a.sulph4 {
	BACKGROUND: url(./image/sulph4tmb.jpg);}
a.sulph5 {
	BACKGROUND: url(./image/sulph5tmb.jpg);}
a.sulph6 {
	BACKGROUND: url(./image/sulph6tmb.jpg);}

a.thrtn1 {
	BACKGROUND: url(./image/thrtn1tmb.jpg);}
a.thrtn2 {
	BACKGROUND: url(./image/thrtn2tmb.jpg);}
a.thrtn3 {
	BACKGROUND: url(./image/thrtn3tmb.jpg);}
a.thrtn4 {
	BACKGROUND: url(./image/thrtn4tmb.jpg);}
a.thrtn5 {
	BACKGROUND: url(./image/thrtn5tmb.jpg);}
a.thrtn6 {
	BACKGROUND: url(./image/thrtn6tmb.jpg);}

a.guemes1 {
	BACKGROUND: url(./image/guemes1tmb.jpg);}
a.guemes2 {
	BACKGROUND: url(./image/guemes2tmb.jpg);}
a.guemes3 {
	BACKGROUND: url(./image/guemes3tmb.jpg);}
a.guemes4 {
	BACKGROUND: url(./image/guemes4tmb.jpg);}
a.guemes5 {
	BACKGROUND: url(./image/guemes5tmb.jpg);}
a.guemes6 {
	BACKGROUND: url(./image/guemes6tmb.jpg);}
a.guemes7 {
	BACKGROUND: url(./image/guemes7tmb.jpg);}
a.guemes8 {
	BACKGROUND: url(./image/guemes8tmb.jpg);}
a.guemes9 {
	BACKGROUND: url(./image/guemes9tmb.jpg);}


a.ancts1 {
	BACKGROUND: url(./image/ancts1tmb.jpg);}
a.ancts2 {
	BACKGROUND: url(./image/ancts2tmb.jpg);}
a.ancts3 {
	BACKGROUND: url(./image/ancts3tmb.jpg);}
a.ancts4 {
	BACKGROUND: url(./image/ancts4tmb.jpg);}
a.ancts5 {
	BACKGROUND: url(./image/ancts5tmb.jpg);}
a.ancts6 {
	BACKGROUND: url(./image/ancts6tmb.jpg);}
a.ancts7 {
	BACKGROUND: url(./image/ancts7tmb.jpg);}
a.ancts8 {
	BACKGROUND: url(./image/ancts8tmb.jpg);}

a.moran1 {
	BACKGROUND: url(./image/moran1tmb.jpg);}
a.moran2 {
	BACKGROUND: url(./image/moran2tmb.jpg);}
a.moran3 {
	BACKGROUND: url(./image/moran3tmb.jpg);}
a.moran4 {
	BACKGROUND: url(./image/moran4tmb.jpg);}
a.moran5 {
	BACKGROUND: url(./image/moran5tmb.jpg);}
a.moran6 {
	BACKGROUND: url(./image/moran6tmb.jpg);}

a.millar1 {
	BACKGROUND: url(./image/millar1tmb.jpg);}
a.millar2 {
	BACKGROUND: url(./image/millar2tmb.jpg);}
a.millar3 {
	BACKGROUND: url(./image/millar3tmb.jpg);}
a.millar4 {
	BACKGROUND: url(./image/millar4tmb.jpg);}
a.millar5 {
	BACKGROUND: url(./image/millar5tmb.jpg);}
a.millar6 {
	BACKGROUND: url(./image/millar6tmb.jpg);}
a.millar7 {
	BACKGROUND: url(./image/millar7tmb.jpg);}
a.millar8 {
	BACKGROUND: url(./image/millar8tmb.jpg);}
a.millar9 {
	BACKGROUND: url(./image/millar9tmb.jpg);}
a.millar10 {
	BACKGROUND: url(./image/millar10tmb.jpg);}
a.millar11 {
	BACKGROUND: url(./image/millar11tmb.jpg);}
a.millar12 {
	BACKGROUND: url(./image/millar12tmb.jpg);}
a.millar13 {
	BACKGROUND: url(./image/millar13tmb.jpg);}


.thumb {
	margin: 0px 0px 0px 0px; float: right; border: 0px solid red;
}
.thumb img{
	border: 0px solid black;
}

/*@page:left {size: 8in 10in; margin: 1in 1in 0.5in 0.5in; marks: crop cross}

#printer h{padding-left: 15px; margin-bottom: 10px; text-size: 16point;
}*/
div.sidelist {
	width: 200px; border: 0px solid red; float: right; margin-left: 5px; 
	padding-bottom: 10px; }

.sidelist p {
 	margin-top: 0px; text-align:center; font-size: 1.1em; margin-bottom: 5px;
	font-style: italic; font-weight: bold; }

.sidelist ul {
 	margin: 0px; padding: 0px;  list-style-type: none; width: 100%;
 	font-family: Arial, Helvetica, sans-serif; border-top: 1px solid #444; }

.sidelist li {
 	margin: 0px; border: 0px solid black; width: 100%; padding: 0px; }

.sidelist a {
 	display: block; padding-left: 15px; padding-top: 2px; padding-bottom: 2px; 
  	font-weight: normal; font-size: 0.9em; color: black; float:left; }

.sidelist a.title {
 	display: block; padding-left: 0px; margin-left: 5px; padding-top: 12px; padding-bottom: 2px; 
  	font-weight: bold; font-size: 1.0em; color: black; float:left; clear: both; width: 100%; }

.award {
	padding: 5px; border: 1px solid black; text-align:center; margin-left: 10px; margin-top: 10px; }

.award p {
 	text-align:center; font-size: 0.9em; font-style: italic; font-weight: normal; 
	border: 0px; }

.award img {
	/*padding-left: auto; padding-right: auto;*/ }


div.descripton {
	 width: 400px; border: 0px solid red; padding: 5px; }

div.sidelist2 {
	 width: 250px; border: 0px solid red; float: right; }

.sidelist2 p {
 	margin-top: 5px; text-align:center; font-size: 1.1em; margin-bottom: 5px;
	font-style: italic; font-weight: bold; }

.sidelist2 ul {
 	margin: 0px; padding: 0px;  list-style-type: none; width: 100%;
 	font-family: Arial, Helvetica, sans-serif; border-top: 1px solid #444; }

.sidelist2 li {
 	margin: 0px; border: 0px solid black; width: 100%; padding: 0px; }

.sidelist2 a {
 	display: block; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; 
  	font-weight: normal; font-size: 0.9em; color: black; float:left; }

.sidelist2 a.title {
 	display: block; padding-left: 0px; padding-top: 12px; padding-bottom: 2px; 
  	font-weight: bold; font-size: 1.0em; color: black; float:left; }

.right {
	position: relative; float: right; }


.left {
	position: relative; float: left; }

.insetright {
	/*width: 300px;*/ position: relative; float: right; border: 0px black solid; margin: 20px 0px 0px 20px; align: center; }

.insetright img { 
	margin: 0px; border: 1px solid black; }

.insetright p { 
	/*width:300px;*/ padding: 0px 10px 0px 10px; font-size: 0.8em; font-style: italic; border: 0px green solid; 
	margin: auto; text-align: center;}


.insetleft {
	/*width: 300px;*/ position: relative; float: left; border: 0px black solid; margin: 20px 20px 0px 0px; align: center; }

.insetleft img { 
	margin: 0px; border: 1px solid black; }

.insetleft p { 
	/*width:300px;*/ padding: 0px 10px 0px 10px; font-size: 0.8em; font-style: italic; border: 0px green solid; 
	margin: auto; text-align: center;}