/* CSS Document */
HTML, BODY { height: 100% }

BODY { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; text-align: center; min-width: 600px; }
p { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; margin-left: 50px; margin-right: 50px; color: #42543D;}
p.email { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.dirhead { font-size: 15px; font-weight: bold; margin-top: 20px; margin-bottom: 4px; color: #333333; font-family: Geneva, Arial, Helvetica, sans-serif }
.dirlist { font-size: 13px; margin-bottom: 3px; color: #000000; font-weight: normal; font-family: Geneva, Arial, Helvetica, sans-serif }
.smallcaps { font-variant: small-caps; }
.basictext { font-size: 12px; color: #42543D; font-weight: normal; font-family: Geneva, Arial, Helvetica, sans-serif }
.displayit { display: block; }
.hideit { display: none; }

.textspacedout { font-size: 12px; color: #000000; font-family: Geneva, Arial, Helvetica, sans-serif; margin-left: 150px; margin-right: 150px; margin-top: 0px; margin-bottom: 15px; line-height: 1.35 }
.textroman { font-size: 14px; color: #003333; font-family: Times, serif }
.basictextwhite { font-size: 12px; color: #FFFFFF; font-weight: normal; font-family: Geneva, Arial, Helvetica, sans-serif }
.basictextbold { font-size: 12px; color: #000000; font-weight: bold; font-family: Geneva, Helvetica, sans-serif }
.basictextsmaller { color: #000000; font-weight: normal;  font-size: 9px; font-family: Geneva, Arial, Helvetica, sans-serif }
.basictextboldwhite { font-size: 12px; color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, "Century Gothic", sans-serif }
.basictextboldsmaller { font-size: 10px; color: #000000; font-weight: bold; font-family: Arial, Helvetica, "Century Gothic", sans-serif }

.basictextsmallwhite { color: #FFFFFF; font-weight: normal;  font-size: 10px; font-family: Arial, Helvetica, "Century Gothic", sans-serif }
.basictextsmallerwhite { color: #FFFFFF; font-weight: normal;  font-size: 9px; font-family: Arial, Helvetica, "Century Gothic", sans-serif }
.seriftext { font-size: 11px; color: #000000; font-family: "Times New Roman", Times, serif; margin-left: 0px; margin-right: 0px; margin-bottom: 0px }
.texthangindent { font-size: 12px; color: #000000; font-family: Geneva, Arial, Helvetica, sans-serif; margin-left: 150px; margin-right: 150px; margin-top: 0px; margin-bottom: 15px; padding-left: 16px; text-indent: -16px }
.textsmallerhangindent { font-size: 11px; color: #000000; line-height: 1.0; font-family: Geneva, Arial, Helvetica, sans-serif; margin-left: 180px; margin-right: 150px; margin-top: 0px; margin-bottom: 4px; text-indent: -13px }
.textindent { font-size: 12px; color: #000000; font-family: Geneva, Arial, Helvetica, sans-serif; margin-left: 150px; margin-right: 150px; margin-top: 0px; margin-bottom: 15px; padding-left: 16px }
.greytext { font-family: Geneva, Arial, Verdana, Helvetica, Arial, sans-serif; color:#7B7B7B; font-size:11px; }
.greytextsmall { font-family: Geneva, Arial, Verdana, Helvetica, Arial, sans-serif; color:#7B7B7B; font-size:10px; margin-top: 2px; margin-bottom:4px; text-align: left; }
.redsup { font-size: 8pt; color: red; font-family: Geneva, Arial, Helvetica, "Century Gothic", sans-serif; vertical-align: super; font-size: 8pt }
.smaller { font-size: smaller; }
.superscript { vertical-align: super; font-size: 6pt }
.privacy { font-family: Arial, Helvetica, "Century Gothic", serif; font-size: 10px; color:#FFFFFF; margin-left: 172px; margin-right: 96px; padding-left: 4px; padding-right: 4px; padding-bottom: 2px; padding-top: 2px; border: 1px solid #333333; background-color: #333333 }
LABEL { font-size: 12px; color: #000000; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif }
LABEL.small { font-size: 10px; color: #000000; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif }
LABEL.big { font-size: 14px; color: #333333; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif }

A:link { color: #9C151C; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }
A:visited { color: #9C151C; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }
A:hover { color: #006633; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }
A.h1link:link { font-size: 14px; color: #333333; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none }
A.h1link:visited { font-size: 14px; color: #333333; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none }
A.h1link:hover { font-size: 14px; color: #333333; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: underline }
A.footer:link { font-size: 10px; color: #000000; font-weight: normal; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: underline }
A.footer:visited { font-size: 10px; color: #000000; font-weight: normal; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: underline }
A.footer:hover { font-size: 10px; color: #000000; font-weight: normal; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: underline }
A.plain { font-size: 12px; color: #000000; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; }
A.smallgrey:link { font-size: 10px; color: #000000; font-weight: normal; text-decoration: underline }
A.smallgrey:visited { font-size: 10px; color: #000000; font-weight: normal; text-decoration: underline }
A.smallgrey:hover { font-size: 10px; color: #000000; font-weight: normal; text-decoration: underline }

h1 { font-family: Geneva, Arial, Helvetica, sans-serif; margin-left: 0px; margin-right: 50px; margin-top: 20px; margin-bottom: 30px; font-size: 18px; color: #785233; }
h2 { font-family: Geneva, Arial, Helvetica, sans-serif; margin-left: 50px; margin-right: 50px; margin-top: 36px; margin-bottom: 12px; font-size: 16px; font-weight: bold; color: #785233; }
h3 { font-family: Geneva, Arial, Helvetica, sans-serif; margin-left: 50px; margin-right: 50px; padding-top: 12px; padding-bottom: 0px; margin-bottom: 0px; font-size: 16px; font-weight: bold; color: #B9896D }
H4.forms { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-transform: uppercase; line-height: 120% }

.error { font-family: Tahoma; font-size: 8pt; color: red; margin-left: 0px; display:none; }
.errorphp { font-family: Tahoma; font-size: 8pt; color: red; margin-left: 0px; }
.indent { margin-left: 50px; }
.submitLink { font-family: Arial, sans-serif; color: #FF9900; background-color: transparent; text-decoration: none; font-weight: bold; font-size: 14px; border: none; cursor: pointer; cursor: hand; } 
.submitLink:hover { font-family: Arial, sans-serif; color: #FF9900; background-color: transparent; text-decoration: underline; font-weight: bold; font-size: 14px; border: none; cursor: pointer; cursor: hand; position: relative; left: 700px; top: 50px; } 
.submitLinkSmall { font-family: Geneva, Arial, Helvetica, sans-serif; color: #9C151C; background-color: transparent; text-decoration: none; font-weight: bold; font-size: 10px; border: none; cursor: pointer; cursor: hand; } 
ul.bullet { list-style: url(/images/Bullet.gif) square outside; font-size: 16px; color: #42543D; font-family: Geneva, Arial, Helvetica, sans-serif; margin-left: 32px; margin-right: 50px; margin-top: 0px; margin-bottom: 15px }
ul.bulletv1 { list-style: url(/images/Bullet.gif) square outside; font-size: 12px; color: #000000; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; margin-left: 150px; margin-right: 150px; margin-top: 0px; margin-bottom: 15px }
ul.bulletv2 { list-style: url(/images/Bullet.gif) square outside; font-size: 12px; color: #000000; font-family: Arial, Helvetica, "Century Gothic", sans-serif; margin-left: 168px; margin-right: 150px; margin-top: 0px; margin-bottom: 10px }
ul.bulletnopos { list-style: url(/images/Bullet.gif) square outside; font-size: 12px; color: #000000; font-family: Arial, Helvetica, "Century Gothic", sans-serif; margin-top: 0px; margin-bottom: 6px; text-indent: -5px }
ul.bullet li { margin-bottom: 12px; padding-left: 5px }
ul.bulletv1 li { margin-bottom: 12px; padding-left: 0px }
ul.bulletv2 li { margin-bottom: 2px; padding-left: 5px }
ol li { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 14px; }

textarea { font-family: Geneva, sans-serif; font-size:13px; border: 1px solid #9C151C; }
input.textfield { border-color: #9C151C; border-style: solid; border-width: 1px; height: 22px; font-size: 16px; color: #42543D; }
input.textfieldsmall { border-color: #9C151C; border-style: solid; border-width: 1px; height: 18px; font-size: 14px; color: #000000; }
select.bigredoutline { border-color: #9C151C; border-style: solid; padding: 0px; border-width: 1px; height: 26px; font-size: 16px; color: #42543D; }
select.smallredoutline { border-color: #9C151C; border-style: solid; padding: 0px; border-width: 1px; height: 22px; font-size: 14px; color: #000000; }
input.radiobut { border-color: #42543D; border-collapse: collapse;  }
.buttonstyle { font-size: 14px; background-color: #9C151C; color: #FFFFFF; border-color: #9C151C; border-style: solid; border-width: 1px; vertical-align: bottom; font-family: Geneva, Arial, Helvetica, sans-serif; }
.buttonstylebig { font-size: 16px; background-color: #9C151C; color: #FFFFFF; border-color: #9C151C; border-style: solid; border-width: 2px; height: 26px; vertical-align: bottom; font-family: Geneva, Arial, Helvetica, sans-serif; }

#topbar {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	text-align: center;
	}
#plusone {
	position: absolute;
	top: 278px;
	left: 50%;
	width: 800px;
	margin-left: -404px;
	text-align: right;
	}
#main {
	position: absolute;
	top: 300px;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	text-align: left;
	}
#horzmenuline { /* horzmenuline is the full-screen-width line that's interrupted by the navigation box immediately below the site logo */
	position: absolute;
	top: 248px;
	width: 100%;
	height: 0px;
	size: 1px;
	color: #9C151C;
	}
#horzline { /* horzline is the full-screen-width line immediately below the quick-search bar */
	position: absolute;
	top: 390px;
	width: 100%;
	height: 0px;
	size: 1px;
	color: #9C151C;
	}
#relwrapper {
	position: relative;
	}
#quicksearchbar {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	text-align: left;
	}
#footer {
	padding-top: 20px;
	padding-bottom: 10px;
	left: 50%;
	width: 800px;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000 
	}
#spacefillerforQSbar { /* Space filler to push down h1 heading on pages that have the quick-search bar (e.g. index.php page). */
	height: 120px;
	}
#rightbar {
	position: absolute;
	top: 440px;
	left: 50%;
	width: 130px; /* rightbar div width of 130px wide is measured from margin-left (i.e. 270px) for total of 400px (i.e. half width of main div). */
	margin-left: 270px; 
	}
#addme {
	position: absolute;
	top: 190px;
	left: 0;
	text-align: center;
	}
#notify {
	position: absolute;
	top: 300px;
	left: 0;
	text-align: center;
	}
#linkto {
	position: absolute;
	top: 410px;
	left: 0;
	text-align: center;
	}
#small { font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #333333; }
#smallbold { font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #333333; font-weight: bold; }

#smalllink { font-size: 10px; }
#notice { font-family: Arial, Helvetica, "Century Gothic", serif; font-size: 10px; color:#FFFFFF; margin-left: 150px; margin-right: 150px; padding-left: 8px; padding-right: 4px; padding-bottom: 2px; padding-top: 2px; border: 1px solid #333333; background-color: #333333 }
#annotation { border-left-style: solid; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; border-left-width: 1px; border-left-color:#333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

/* This fadeinbox style is defined for the Stick Note DHTML script that I used to display my Launch Platform ad. See http://www.dynamicdrive.com/dynamicindex17/stickynote.htm for details. */
#fadeinbox{
position:absolute;
width: 728px;
left: 0;
margin-left: -10px;
top: -400px;
margin-top: 115px;
border: none;
background-color: none;
padding-top: 4px;
padding-bottom: 4px;
z-index: 100;
visibility:hidden;
}

/*
Styles pertaining to Javascript code for display of overlay screen on mediationjobs.php and arbitrationjobs.php pages (unless visitor has already made a $ donation, in which case the overlay screen is not shown via display="none"). Courtesy: http://celestial-star.net/tutorials/49-check-referrer/
*/
#displaybox { /* Note that opacity values range from 1.0 (or 100, totally opaque) to 0 (total transparency). */
	z-index: 10000;
	filter: alpha(opacity=99); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99); /* IE */
	-moz-opacity: .99; /*older Mozilla*/
	-khtml-opacity: 0.99;   /*older Safari*/
	opacity: 1.00;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:1%; left:15%; width:70%; height:98%; color:#FFFFFF; text-align:center; vertical-align:middle;
}
