.mask {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	width: 937px;
	height: 100%;
	z-index: 1;
	background-color: #b0a77e;
	background-image: url('../images/mask-bkg.gif');
}
.maskSimple {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	width: 937px;
	height: 100%;
	z-index: 1;
	background-color: #b0a77e;
	background-image: url('../images/mask-bkg-white.gif');
}
.headerSimple {
	width: 100%;
	height: 126px;
}

.header {
	width: 100%;
	height: 164px;
}

.colleft {
	position: relative;
	width: 100%;
	right: 339px;
	height: 100%;
	top: 0px;
}
.colleft img {
	float: left;
	padding: 4px 10px 0px 0px;
	border: 0;
}
.col1 {
	/* Right column */
   position: relative;
	overflow: hidden;
	float: left;
	width: 314px;
	left: 950.5px; /* this is the left side of right column*/;
	height: 100%;
   /*background-color:red; */
}
.col2 {
	/* main left column */
   position: relative;
	overflow: hidden;
	float: left;
	width: 574px; /*  */;
	left: 37.5px;
	height: 100%;
   /* background-color: green; */
}
.footer {
	float: left;
	width: 100%;
	height: 220px;
	background-color: #96917a;
	background-image: url('../images/bkg-footer.gif');
	border-top: 2px white solid; /* solid; b0a77e */
}

.footer a {
	color: #ffffff;
}

.footer a:hover {
	color: #000000;
}

.footer p {
	font-family: Verdana;
	font-size: .7em;
	color: white;
	line-height: 1.4em;
	text-align: center;
	padding: .4em 1.6em .2em 1.6em;
}
.footer hr {
	width: 700px;
	height: 1px;
	color: #b0a77e;
	background-color: #b0a77e;
	border: 0;
}
a {
	color: #3366CC
}
a:hover {
	color: red
}
a.bookmark {
	color: #000000;
	text-decoration:none;
}

body {
	padding: 0px;
	margin: 0px;
	font-size: .8em;
	background-color: #b0a77e;
	background-image: url('../images/banner-bkg.gif');
	background-repeat: repeat-x;
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	min-width: 770px; /* for gecko based browsers not to push text beyond wrapper on small screens */
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: black;
	margin: .2em 1em .3em 1em;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: black;
	margin: 1em 1em 0.3em 1.2em;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 1;
	color: #555555;
	margin: 1em 1em 0em 1.6em;
}
h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;  /* Intro text or quote just under H1 */
	color: #666666;
	word-spacing:.07em;
	letter-spacing:.03em;
	line-height: 1.4em;
	margin: 0em 1.3em 0em 1.6em;
}
h5 {
	font-size: 1em; /* List Header */
	color: #666666;
	margin: 0em 1.3em 0em 1.6em;
}
h6 {
	font-size: 1em; /* List of link titles on about/info page */
	color: #444444;
	margin: 1em 1.3em -1em 2em;
}
img.icon {
	margin:0px 6px 20px 0px;
}
p {
	line-height: 1.5em;
	word-spacing:.07em;
	margin: 1em 2em 1.2em 2.5em;
}

p.contact {
	margin-top: 1.2em;
	color: gray;
}
.bold { /* bold text for links in the library */
	font-weight:bold;
}
.author {
	margin-top: .2em;
	font-size: .8em;
	color: gray;
}

.caption {
	font-size: .8em;
	margin: 0.3em 3.5em .9em 3.5em;
	color: gray;
}
.alert {
	font-size: .9em;
	margin: 0.3em 3.5em .9em 3.5em;
	color: red;
}

Div.ListO ol {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	list-style-position: outside;
	padding-left: 2.5em;
	margin: 1em 2em 1em 2em;
}
Div.ListO li {
	line-height: 1.3em;
	letter-spacing:.03em;
	word-spacing:.07em;
	padding: .1em 0em .2em 0em;
}
Div.ListB ul {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	list-style-position: outside;
	list-style-image: url('../images/blip.gif');
	padding-left: 2.5em;
	padding-right: 4em;
	margin: 1em 2em 1em 2em;
}
Div.ListB li {
	line-height: 1.3em;
	letter-spacing:.03em;
	word-spacing:.07em;
	padding: .1em 0em .5em 0em;
}
.intro { /* Home page top into text */
	font-family: "Times New Roman", Times, serif;
	line-height: 1.4em;
	font-size: 1.2em;
	color: #666666;
	margin: .8em 1em .8em 1.8em;
}
.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #777777;
	margin: .5em 1em 1.8em .1em;
}
.breadcrumb a {
	color: gray;
	text-decoration: none;
}
hr {
	width: 470px;
	height: 1px;
	color: #e2deb9;
	background-color: #e2deb9;
	border: 0;
}
div.banner {
	margin-top: 24px;
}
div.banner-sansSubtabs {
	margin-top: 0px;
}

div.box {
	width: 312px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 50px;
	padding: 8px 10px 0px 0px;
	background-color: #e2deb9;
	background-image: url('../images/box-top.gif');
	background-repeat: no-repeat;
}
.box img.boxBottom {
	margin-top: -20px;
}
.box h4 {
	font-size: 1.1em;
	margin-bottom: .01em;
	margin-left: 1em;
	color: #ffffff;
	padding: .3em 0em 0em 0em;
}
.box p {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
}
.box img {
	float: left;
	padding: 4px 10px 2px 0px;
	border: 0;
}

div.jobs tr {
	font-size: .8em;
}
div.basic {
	margin: .8em 2em .8em 2.5em;
}
#inputArea textarea {
	font-size: 1.1em;
	margin: .5em .5em .0em .5em;
	border: solid 1px #666666;
	width: 170px;
	background-color: #EFEFEF;
}
#inputArea input[type="text"] {
	font-size: 1.1em;
	margin: .5em .5em .0em .5em;
	width: 170px;
	background-color: #EFEFEF;
	border:1px #69644b solid;
}
#inputArea input[type="submit"] {
	font-size: 1.1em;
	margin: .5em .5em .0em .5em;
	width: 60px;
	background-color: #a4d8e5;
	border:1px #69644b solid;
}

/* Text SPAN formatting */

.bold {
	font-weight:bold;
}