/**************************************************/
/* Author: Lee Averbeck, Scope Interactive */
/**************************************************/

body { 
	background: #6c6f70;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 18px;
	color: #000000; 
	margin: 0px 0px 0px 0px; 
	}

p { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 18px;
	color: #000000; 
	margin: 10px 0px 10px 0px; 
	padding: 0px 0px 0px 0px; 
	}

p.notop { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 18px;
	color: #000000; 
	margin: 0px 0px 10px 0px; 
	padding: 0px 0px 0px 0px; 
	}

p.archive { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 18px;
	color: #000000; 
	margin: 10px 0px 30px 0px; 
	padding: 0px 0px 0px 0px; 
	}

p.ques { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 18px;
	color: #000000; 
	margin: 10px 0px 5px 20px; 
	padding: 0px 0px 0px 0px; 
	}

p.ans { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 18px;
	color: #000000; 
	margin: 5px 0px 10px 20px; 
	padding: 0px 0px 0px 0px; 
	}

p.clr { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 18px;
	color: #000000; 
	margin: 10px 0px 10px 0px; 
	padding: 0px 0px 0px 0px; 
	clear: both; 
	}

.qletter { 
	float: left; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	line-height: 18px;
	color: #E27011; 
	} 

.aletter { 
	float: left; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	line-height: 18px;
	color: #009092; 
	} 


h1 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	line-height: 24px;
	color: #009092; 
	margin: 10px 185px 10px 0px; 
	padding: 0px 0px 0px 0px; 
	border-bottom: 2px solid #E27011; 
	}

h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	line-height: 20px;
	color: #003399; 
	margin: 10px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	} 

h3 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	line-height: 19px;
	color: #E27011; 
	margin: 10px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	} 

h4 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 18px;
	color: #000000; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	} 

h5 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 19px;
	color: #E27011; 
	margin: 10px 0px 0px 0px; 
	padding: 10px 0px 0px 0px; 
	clear: left; 
	} 

hr.gal { 
	height: 1px; 
	color: #000000;
	border-style: none;
	background-color: #000000;
	margin: 0px;
	padding-top: 1px;
	margin: 10px 0px 20px 0px; 
	} 

hr.news { 
	height: 1px; 
	color: #000000;
	border-style: none;
	background-color: #000000;
	margin: 0px;
	padding-top: 1px;
	margin: 5px 0px 5px 0px; 
	} 

ul { 
	margin: 10px 0px 10px 20px; 
	padding: 10px 0px 10px 20px; 
	} 

ol { 
	margin: 10px 0px 10px 20px; 
	padding: 10px 0px 10px 20px; 
	} 

li { 
	margin: 0px 0px 5px 0px; 
	padding: 0px; 
	} 

ul.sub { 
	margin: 0px 0px 10px 20px; 
	padding: 0px 0px 0px 20px; 
	} 

ul.stew { 
	list-style-type: none; 
	margin: 0px 0px 15px 15px; 
	padding: 0px 0px 0px 15px; 
	} 

ul.fym { 
	list-style-type: none; 
	margin: 0px 0px 15px 15px; 
	padding: 0px 0px 0px 15px; 
	} 

ul.fym li { 
	float: left; 
	width: 200px; 
	}

ul.trn { 
	margin: 0px 0px 10px 20px; 
	padding: 0px 0px 0px 20px; 
	} 

ul.trn li { 
	float: left; 
	width: 50%; 
	}

ul.grad { 
	list-style-type: bullet; 
	margin: 0px 0px 15px 15px; 
	padding: 0px 0px 0px 15px; 
	} 

ul.grad li { 
	float: left; 
	width: 220px; 
	margin: 0px 0px 5px 10px; 
	padding: 0px 0px 0px 10px; 
	}

ul.certs { 
	margin: 5px 0px 10px 10px; 
	padding: 0px 0px 10px 10px; 
	} 

br.clr {
  clear: right;
}

#ologo {
  background: #ffffff; 
  margin: 10px auto 10px auto;
  padding: 0px 0px 5px 0px;
  border: 1px solid #e27011;
  width: 135px;
  }
#ologo h1 { 
  background: #e27011; 
  margin: 0px 0px 5px 0px;
  padding: 5px 0px 3px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  text-align: center;
  border: 0px;
  } 
#ologo img {
  margin: 0px auto 0px auto;
  padding: 0px;
  border: 0px;
  display: block;
  }


a { 
	color: #003399; 
	text-decoration: underline; 
	}
a:hover { 
	color:#E27011; 
	text-decoration: none; 
	}


/* ********************************************* */
/* Layout Divs                                        */
/* ******************************************** */

#enclose {
	width: 780px;
	background: #ffffff url(images/bg_01.gif) repeat-y;
  margin: 10px auto 10px auto;
  padding: 0px;
  border: 1px solid #000000;
	}

#head { 
	background: #ffffff; 
	padding: 0px; 
	margin: 0px; 
	border-bottom: 1px solid #000000; 
	height: 135px; 
	text-align: right; 
	} 
#head img.logo { 
	display: block;
  margin: 0px;
  padding: 0px;
  border: 0px;
	} 

#nav { 
	float: left; 
	width: 148px;
	padding: 0px;
	margin: 0px 0px 0px 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #ffffff; 
	line-height: 24px; 
	} 

#nav ul { 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	} 

#nav li { 
	background: #294573 url(images/nav_grad.gif) repeat-y; 
	display: block; 
	padding: 0px 0px 0px 12px;
	margin: 0px; 
	font-weight: bold; 
	border-right: 3px solid #213052; 
	border-bottom: 1px solid #213863; 
	border-top: 1px solid #4A618C; 
	} 

#nav li a { 
	color: #ffffff; 
	text-decoration: none; 
	} 

#nav a:hover { 
	color: #ffcc00; 
	} 

#nav img { 
	display: block; 
	margin: 10px auto 5px auto; 
	} 


#content { 
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 160px; 
	} 

#hotbox { 
	float: right; 
	background: #FAF0E7; 
	width: 175px; 
	padding: 0px 0px 50px 0px; 
	margin: 0px 0px 5px 10px; 
	border-bottom: 1px solid #CECF9C; 
	border-left: 1px solid #CECF9C; 
	} 

#hotbox h1 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	line-height: 22px;
	color: #E27011; 
	text-align: center; 
	margin: 10px 5px 10px 5px; 
	padding: 0px 0px 0px 0px; 
	border-bottom: 2px solid #009092; 
	}

#hotbox h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 18px;
	color: #003399; 
	margin: 10px 5px 0px 5px; 
	padding: 0px 0px 0px 0px; 
	}

#hotbox p { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 18px;
	color: #000000; 
	margin: 0px 5px 10px 5px; 
	padding: 0px 0px 0px 0px; 
	}

#hotbox img { 
	margin: 35px 0px 0px 0px; 
	padding: 0px; 
	}


#copyright { 
	clear: both; 
	text-align: center; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000; 
	line-height: 14px;
	margin: 30px 0px 10px 0px; 
	padding: 0px 0px 20px 0px; 
	}

#focusbox { 
	float: right; 
	background: #FAF0E7; 
	width: 200px; 
	padding: 10px; 
	margin: 10px; 
	border: 1px solid #294573; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #000000; 
	line-height: 24px;
	text-align: center; 
	font-weight: bold; 
	} 

.photo { 
	float: right; 
	text-align: center; 
	margin: 0px 0px 10px 10px; 
	} 

.photo p { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	line-height: 16px;
	color: #000000; 
	margin: 0px 0px 10px 0px; 
	} 

.map { 
	margin: 20px 100px 30px 100px; 
	} 

img.mplnk { 
	display: block; 
	margin: 20px 0px 20px 0px; 
	} 

.field { 
	margin: 10px 0px 10px 0px; 
	clear: none; 
	} 

.encstaff { 
  width: 270px;
  padding: 0px;
  margin: 0px;
  }
.staff { 
  float: left;
  width: 250px;
  height: 145px;
  padding: 0px;
  border: 1px solid #000000;
  margin: 0px 10px 10px 0px;
  }
.staff h1 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  line-height: 17px;
  color: #003399; 
  margin: 10px 5px 10px 5px; 
  padding: 0px; 
  border-bottom: 0px; 
  }
.staff h2 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  line-height: 15px;
  color: #009092; 
  margin: 10px 5px 5px 5px; 
  padding: 0px; 
  } 
.staff img { 
  float: right;
  border: 0px; 
  margin: 5px 5px 5px 5px; 
  padding: 0px; 
  }
.staff p { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  line-height: 16px;
  color: #000000; 
  margin: 10px 5px 10px 5px; 
  padding: 0px; 
  }

.staff1st { 
  width: 250px;
  height: 145px;
  padding: 0px;
  border: 1px solid #000000;
  margin: 0px 10px 10px 0px;
  }
.staff1st h1 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  line-height: 17px;
  color: #003399; 
  margin: 10px 5px 10px 5px; 
  padding: 0px; 
  border-bottom: 0px; 
  }
.staff1st h2 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  line-height: 15px;
  color: #009092; 
  margin: 10px 5px 5px 5px; 
  padding: 0px; 
  } 
.staff1st img { 
  float: right;
  border: 0px; 
  margin: 5px 5px 5px 5px; 
  padding: 0px; 
  }
.staff1st p { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  line-height: 16px;
  color: #000000; 
  margin: 10px 5px 10px 5px; 
  padding: 0px; 
  }



/***********************************************/
/* Drop Downs                                     */
/**********************************************/

.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#000000;
	font-size:11px;
	}

.menu .options {
	margin-right:1px;
	margin-bottom:1px;
	border-left: 2px solid #213052; 
	border-right: 1px solid #213052; 
	border-bottom: 1px solid #213863; 
	border-top: 1px solid #213863; 
	background: #294573 url(images/nav_grad.gif) repeat-y right; 
	}

.menu a {
  width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#ffffff;
	font-size: 11px; 
	font-weight: bold;
	display: block;
	padding: 3px 12px 3px 2px;
	text-decoration: none;
	background-color: transparent;
	border-bottom: 1px solid #213863; 
	border-top: 1px solid #4A618C; 
	}

.menu a:hover {
	background-color:#FFCC00;
	color:#000000;
	}

/* ********************************************* */
/* Gallery                                       */
/* ********************************************* */

ul.gallery { 
	float: left; 
	list-style: none; 
	padding: 0;
	margin: 10px;
	width: 93%;
	}

ul.gallery li { 
	float: left; 
	width: 120px; 
	height: 130px; 
	text-align: center; 
	overflow: visible; 
	}

.prologo { 
	float: right;
	margin: 0px 10px 5px 5px;
	}

#proj { 
	clear: right;
	float: right; 
	width: 150px; 
	margin: 40px 10px 10px 10px;
	padding: 0px;
	background-color: #FFFFFF;
	border: 1px solid #9CB2D6; 
	} 

#proj h1 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	font-size:11px;
	background: #9CB2D6; 
	line-height: 11px;
	margin: 0px;
	padding: 5px; 
	text-align: center;
	}

#proj p { 
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #004080; 
	font-size:11px;
	line-height: 11px;
	margin: 0px;
	padding-top: 7px; 
	padding-bottom: 8px; 
	padding-right: 10px; 
	padding-left: 10px; 
	text-decoration: none;
	}

input.dphoto { 
	margin-top: 3px; 
	position: relative; 
	top: -25px; 
	} 

/* ********************************************* */
/* Productivity Corner                              */
/* ********************************************* */

img.prdcorner {
  float: right;
  margin: 0px 0px 0px 10px;
  border: 0px;
  padding: 0px;
  }

img.prdcorner2 {
  float: right;
  margin: 0px 0px 0px 10px;
  border: 1px solid #294573;
  padding: 0px;
  }

.homebut {
  overflow: auto; 
  height: 1%;
  }

.archie {
  float: right;
  width: 220px;
  margin: 0px 0px 10px 10px;
  padding: 10px;
  background: #294573; 
  border: 1px solid #4a618c; 
  line-height: 30px; 
  text-align: center;
  }
.archie a {
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
  font-size: 12px;
  }
.archie a:hover {
  color: #ffcc00;
  text-decoration: none;
  }
.archie img {
  display: block;
  margin: 5px 0px 5px 10px;
  padding: 0px;
  border: 0px; 
  }
.archie img.PCnav {
  display: inline;
  margin: 0px 10px 0px 10px;
  padding: 0px;
  border: 0px;
  line-height: 30px; 
  }
.archie img.thtip {
  margin: 10px auto 10px auto;
  display: block;
  }

h3.tip { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  line-height: 16px;
  color: #e27011; 
  margin: 10px 0px 0px 0px; 
  padding: 0px; 
  } 

img.thtip {
  margin: 10px 10px 10px 0px;
  display: block;
  }

p.tipWelc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
p.tipDiscl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 0px 0px;
  border-top: 1px dotted #000000;
	}