/*
	The basic layout blocks
==========================================================*/
body {
	text-align: center;
	margin: 1em auto;
	padding: 0;
	background: url("images/horizbg.gif");
	font: 76% Helvetica,Verdana,Tahoma,Arial,sans-serif;

}
#content {
	margin: 0 auto;
	text-align: left;
	border: 1px solid #D5CEBC;
	width: 760px;
	background: #F7F5EE url("images/LeftColumn_Background.gif") top left repeat-y;
}
#left-position {
	float: left;
	width: 213px;
}
#right-position {
	float: right;
	width: 547px;
	background: #F7F5EE;	
}
div.clearer {
	clear: both;
}
h2.hide {
	display: none;
}
div.italic, p.italic, span.italic {
	font-style: italic;
}

p.bold, span.bold {
	font-weight: bold;
}
#footer {
	margin: 0 auto;
	width: 760px;
	text-align: center;
	padding: 0.3em;
	font-size: 9pt;
}
#footer a, #footer a:link, #footer a:visited {
	color: #7B6A4F;
}
/*
	Left side
==========================================================*/
#logo {
  margin: 0; 
  padding: 0;
  position:relative;
  width: 204px;
  height: 84px;
  overflow: hidden;
}
#logo span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 204px;
	height: 84px;
	margin: 0; 
	padding: 0;
	background: url("images/logo.gif") top left no-repeat;
}
/*
	Menu
==========================================================*/
#menu span {
	width: 0;
	height: 0;
	visibility: hidden;
	padding: 0;
	margin: 0;
}
#menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu li {
	padding: 0;
	margin: 0;
}
#menu a {
	display: block;
	width: 204px;
	height: 25px;
	line-height: 25px;
	background: #FFFFFF url("images/Links.png") 0 0 no-repeat;
	text-decoration: none;
}
/* 
	Second Chance 
==========================================================*/
#sc1 a { 		background-position: 0 -50px;	}
#sc2 a {		background-position: 0 -75px;	}
#sc3 a {		background-position: 0 -100px;	}
#sc4 a {		background-position: 0 -125px;	}
#sc1 a:hover {	background-position: -204px -50px; }
#sc2 a:hover {	background-position: -204px -75px; }
#sc3 a:hover {	background-position: -204px -100px; }
#sc4 a:hover {	background-position: -204px -125px; }
/* 
	QII 
==========================================================*/
#qtwohead a {	background-position: 0 -25px;	}
#qt1 a {		background-position: 0 -175px;	}
#qt1 a:hover {	background-position: -204px -175px; }
/* 
	Blue Sky
==========================================================*/
#bshead a {		background-position: -204px 0;	}
#bs1 a {		background-position: 0 -150px;	}
#bs1 a:hover {	background-position: -204px -150px; }
/* 
	Quest Book 
==========================================================*/
#gbhead a {		background-position: -204px -25px;	}
#gb1 a {		background-position: 0 -200px;	}
#gb1 a:hover {	background-position: -204px -200px; }
#gb2 a {		background-position: 0 -225px;	}
#gb2 a:hover {	background-position: -204px -225px; }
#gb3 a {		background-position: 0 -250px;	}
#gb3 a:hover {	background-position: -204px -250px; }
/* 
	N E W S
==========================================================*/
#news-container {
	height: 59px;
	margin-top: 12px;
	padding-left: 6px;
	background: url("images/TopBar_Left_Border2.gif") top left no-repeat;
}
#news-body {
	display: block;
	height: 56px;
	padding-top: 3px;
	margin-top: 0;
	background: url("images/TopBar_Body.gif") top left repeat-x;
}
/* 
	N A V T A B S
==========================================================*/
#tab-container {
	height: 25px;
	position: relative;
	margin-top: -13px;
	background: transparent url("images/Content_TopLeft_Border2.gif") bottom left no-repeat;
}
#navtabs {
	margin: 0 0 0 3px;
	padding: 0;
	height: 25px;
	background: transparent url("images/TopNav_Border.gif") bottom left repeat-x;
	list-style-type: none;
	overflow: hidden;
}
#navtabs li {
	display: inline;
	padding: 0;
	margin: 0;
}
#navtabs a {
	margin-left: 8px;
	float: left;
	display: block;
	width: 120px;
	line-height: 25px;
	height: 25px;
	background:   url("images/TopNav.gif") 0 0 no-repeat;
}
#navtabs span {	display: none; }
#nt1 a:hover{	background-position: 0 		-25px; }
#nt2 a { 		background-position: -120px 0; }
#nt2 a:hover{	background-position: -120px -25px; }
#nt3 a { 		background-position: -240px 0; }
#nt3 a:hover{	background-position: -240px	-25px; }
#nt4 a { 		background-position: -360px 0; }
#nt4 a:hover{	background-position: -360px	-25px; }
/* 
	C O P Y + other misc block layout inside the copy
==========================================================*/
#copy {
	background: #FFFFFF url("images/Content_Left_Border.gif") top left repeat-y;
	margin: 0;
	padding: 1em;
	font-size: 10pt;
	font-family: Verdana, sans-serif;
}
#copy h2 {
	font-family: helvetica;
	margin: 0 0 .2em 0;
	padding: 0;
	font-size: 18pt;
	font-weight: normal;
}
#copy p {
	font-size: 10pt;
	padding: 0;
	margin: 1em 0;
	line-height: 120%;
}
#copy ul {
	line-height: 120%;
}
img.rightImage {
	float: right;
	margin: 0 0 0 10px;
}
h2.blue {
	color: #42576E;text-decoration: underline;}

h3.blue {
	color:#42576E;font-family: sans-serif;font-size: small;
}

ul.nomargin {
	margin-left: 0.2em;
	padding-left: 0;
	list-style-position: inside;
}
.floatLeft {
	float: left;
}
ul.bullets {
	margin: 0;
	padding: 0;
}
ul.bullets li {
	margin: 1em 0;
	padding: 0;
	list-style-position: inside;
}
/* 
	Flash
==========================================================*/

#flashcontent {
	text-align: center;
}
#flashcontent span {
	color: #FF0000;
	font-weight: bold;
}
/* 
	about grid
==========================================================*/

#badgegrid ul {
	padding: 0;
	margin: 0 0 1em 0;
	list-style: none;
	background: #EDEDED;
	font-size: 9pt;
	width: 320px;
}

#badgegrid li {
	border-bottom: 1px solid #FFFFFF;
	line-height: 30px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

#badgegrid li.alt {
	background: #B1B18B;
}

#badgegrid a {
	display: block;
	text-decoration: none;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #FFFFFF;
	background: #E5E5D8;
	color: #818157;
}
#badgegrid a.alt, #badgegrid a.alt:link {
	background: #B1B18B;
	color: #E5E5D8;
}
#badgegrid a:hover {
	text-decoration: underline;
}
/* 
	about images
==========================================================*/

#badges {
	line-height: 60px;
	vertical-align: middle;
}
#badges img {
	padding: 5px;
}
/* 
	hot Topics
==========================================================*/
#hotTopics {
	position: relative;
	float: right;
	margin: 1em 0 1.5em 2em;
	padding: 0;
	width: 140px;
	color: #5A5242;
	font-size: 8pt;
}
#hotTopics h4 {
	font-size: 9pt;
	font-weight: bold;
	background: #F7F5EE;
	text-align: right;
	float: right;
	width: 100px;
	height: 15px;
	border-top: 1px solid #BCB19B;
	padding: 5px;
	margin: 0;
	text-align: center;
}
#hotTopics div#arrowImage {
	position: absolute;
	height: 18px;
	width: 26px;
	background: url("images/arrow-trans.png") no-repeat;
	z-index: 35;
	top: 13px;
	left: 14px;
}
#hotTopics div#titleShadow {
	width: 110px;
	height: 6px;
	position: absolute;
	left: 30px;
	top: 26px;
	background: transparent url("images/hotTopicTopLink.gif") repeat-x;
	z-index: 30;
}
#hotTopics div#hotLinks {
	width: 140px;
	float: right;
}
#hotLinks ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #BCB19B;
	list-style: none;
}
#hotLinks li {
	padding: 0;
	margin: 0;
	display: inline;
}
#hotLinks a {
	display: block;
	background: #DEDACF;
	padding: 0.4em;
	border-bottom: 1px solid #BCB19B;
}
#hotTopics a:link, #hotTopics a:visited {
	color: #5A5242;
	text-decoration: none;
}
#hotTopics a:hover {
	background: #F7F5EE;
}
div#hotTopicShadow {
	height: 7px;
	background: url("images/hotTopicBottom.gif") repeat-x;
	margin: 0;
	padding: 0;
}
/* 
	Contact Form
==========================================================*/
.contacts {
	margin: 0;
	padding: 0;
	list-style: none;
}
.contacts li {
	width: 49%;
	float: left;
	margin-bottom: 1em;
}
img {
	border: 0;
}

/*
Bios Page
=====================================================*/

body {
  font-family: helvetica, verdana, arial;
  }

h2.blue {
  color: #42576E;
  text-decoration: underline;
  }

.staff {
  min-height: 200px;
  margin: 10px;
  }

.staff img {
  position: absolute;
  }

.staff .details {
  margin-left: 170px;
  padding-top: 24px;
  }

.staff h3 {
  margin: 0;
  padding: 0;
  }

.staff h3.name {
  color: #21598C;
  font-size: 15px;
  padding-bottom: 3px;
  }

.staff h3.position {
  font-size: 12px;
  }

.staff p {
  text-align: justify;
  font-size: 12px;
  margin: 0;
  padding: 12px 0;
  }

.staff a.more {
  color: black;
  margin-left: 44px;
  }
  color: black;
  margin-left: 44px;
  }