/* CSS Document */
IMG.centerlogo { position: relative; top: 40%; left: 36%; z-index: 1 } /* No longer in use: superseded by div id="logocenter" below */
IMG.toprightlogo { position: absolute; top: 12px; left: 531px; z-index: 1 }
IMG.toprightlogo_1 { position: absolute; top: 2px; left: 531px; z-index: 1 }
IMG.toprightlogo_1_tour { position: absolute; top: 2px; left: 531px; z-index: 1 }
IMG.toprightlogotm { position: absolute; top: 44px; left: 736px; z-index: 2 }
IMG.toprightlogotm_tour { position: absolute; top: 32px; left: 736px; z-index: 2 }
IMG.toprightlogotm_1 { position: absolute; top: 34px; left: 736px; z-index: 2 }
IMG.tangmenucover { position: absolute; top: 294px; z-index: 0 }
IMG.tangmenucover_1 { position: absolute; top: 128px; z-index: 0 }
IMG.touriconshift { position: relative; top: 15px; right: 10px; margin-left: 285px }
IMG.touriconshift1 { position: relative; top: 15px; right: 10px; margin-left: 200px }
IMG.dociconshift { position: relative; top: 15px; right: 10px; margin-left: 230px }
IMG.homeiconpos { position: absolute; top: 263px; left: 566px }
IMG.emailiconpos { position: absolute; top: 269px; left: 617px }
IMG.locationiconpos { position: absolute; top: 263px; left: 670px }
IMG.phoneiconpos { position: absolute; top: 265px; left: 720px }
IMG.homeiconpos1 { position: absolute; top: 100px; left: 566px }
IMG.emailiconpos1 { position: absolute; top: 106px; left: 617px }
IMG.locationiconpos1 { position: absolute; top: 100px; left: 670px }
IMG.phoneiconpos1 { position: absolute; top: 102px; left: 720px }
IMG.emailiconpos2 { position: relative; left: 355px }
IMG.phoneiconpos2 { position: relative; left: 360px }
IMG.locationiconpos2 { position: relative; left: 360px }
IMG.circle { width: 701px; height: 350px; position: absolute; left: 10px; top: 80px }
IMG.circletour { width: 701px; height: 350px; position: absolute; left: 10px; top: 200px }
IMG.blankrel { position: absolute; left: 150px; top: 83px; z-index: 1 }
IMG.blankreltour { position: absolute; left: 150px; top: 208px; z-index: 1 }
IMG.blankdat { position: absolute; left: 256px; top: 148px; z-index: 1 }
IMG.blankdattour { position: absolute; left: 256px; top: 268px; z-index: 1 }
IMG.blankint { position: absolute; left: 198px; top: 285px; z-index: 1 }
IMG.blankinttour { position: absolute; left: 198px; top: 405px; z-index: 1 }
IMG.blankstr { position: absolute; left: 39px; top: 285px; z-index: 1 }
IMG.blankstrtour { position: absolute; left: 39px; top: 405px; z-index: 1 }
IMG.blankval { position: absolute; left: 28px; top: 149px; z-index: 1 }
IMG.blankvaltour { position: absolute; left: 28px; top: 269px; z-index: 1 }
IMG.magnfier { width: 60px; height: 58px; border: 0px }
IMG.stewartquote { position: relative; top: 0px; left: 0px }
IMG.propdef { position: relative; left: 150px; width: 494px; height: 198px }
IMG.mapthumb { width: 167px; height: 106px; border: 1px solid #FFFFFF }
IMG.mapthumb1 { position: relative; left: 288px; width: 167px; height: 106px; border: 1px solid #FFFFFF }
IMG.merlyn { position: absolute; left: 15px; top: 428px; width: 120px; height: 99px }
IMG.merlyntour { position: absolute; left: 15px; top: 362px; width: 120px; height: 99px }
IMG.gateway1 { position:absolute; top: 30%; left:15%; border: none }
IMG.gateway2 { position:absolute; top: 30%; left:65%; border: none }
IMG.GatewayTextCIDres { position: absolute; top: 55%; left: 17%; border: none }
IMG.GatewayTextNR { position: absolute; top: 55%; left: 70%; border: none }
HTML,BODY { height: 100% }
BODY { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px }
.nudge1 { position: relative; top: 2px }
.text { 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 }
.textsemiparag { font-size: 12px; color: #000000; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; margin-left: 150px; margin-right: 150px; margin-top: 0px; margin-bottom: 8px }
.textsemiparag1 { font-size: 12px; color: #000000; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; margin-left: 150px; margin-right: 100px; margin-top: 0px; margin-bottom: 8px }
.textspacedout { 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; line-height: 1.35 }
.textroman { font-size: 14px; color: #003333; font-family: Times, serif }
.basictext { font-size: 12px; color: #000000; font-weight: normal; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif }
.basictextbold { font-size: 12px; color: #000000; font-weight: bold; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif }
.basictextsmaller { color: #000000; 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 }
.seriftextbold { font-size: 11px; color: #000000; font-weight: bold; font-family: "Times New Roman", Times, serif }
/* .largertextbold { font-size: 16px; color: #000000; font-weight: bold; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif } */
.texthangindent { 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; padding-left: 16px; text-indent: -16px }
.textsmallerhangindent { font-size: 11px; color: #000000; line-height: 1.0; font-family: "Arial", "Helvetica", "Century Gothic", 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: "Arial", "Helvetica", "Century Gothic", sans-serif; margin-left: 150px; margin-right: 150px; margin-top: 0px; margin-bottom: 15px; padding-left: 16px }
.textcenter { 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; text-align: center }
.excerptedtext { font-size: 12px; color: #000000; font-family: "Century Gothic", Helvetic, Arial, sans-serif; margin-left: 175px; margin-right: 150px; margin-top: 20px; margin-bottom: 40x }
.tangsup { font-size: 8pt; color: #FF9900; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; vertical-align: super }
.smaller { font-size: smaller }
.circletext1 { font-size: 16px; color: #000000; font-weight: bold; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; margin-left: 30px; margin-right: 30px; margin-top: 20px }
.circletext2 { font-size: 10px; color: #000000; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; margin-left: 30px; margin-top: 395px; margin-bottom: 40px }
.locchargetext1 { font-size: 14px; color: #000000; font-weight: bold; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; margin-left: 30px; margin-right: 30px; margin-top: 20px }
.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: "Arial", "Helvetica", "Century Gothic", sans-serif }
TABLE.formmargins { margin-left: 150px; border-spacing: 0px; padding: 6px }
TABLE.referral { position:absolute; top:345px; left:600px; width:150px; height:50px; text-align:right; border-style:none }
TABLE.referral1 { position:absolute; top:185px; left:600px; width:150px; height:50px; text-align:right; border-style:none }
TABLE.signaturesmargins { margin-left: 95px; border-spacing: 15px; padding: 0px }
TABLE.signaturesmargins1 { margin-left: 135px; border-spacing: 15px; padding: 0px }
TABLE.propertydefs { margin-left: 140px; margin-right: 140px; background-image:  url("images/PropDefBG.jpg"); background-position: top left; background-repeat: no-repeat }
TABLE.propertydefs p { margin-left: 15px; margin-right: 15px; margin-top: 20px; margin-bottom: 20px }
TABLE.locationcharges { margin-left: 50px; margin-right: 15px; margin-top: 20px; margin-bottom: 20px }
TABLE.testimonialscroller { position:absolute; top:415px; left:645px; width:105px; border-spacing: 0px; padding: 0px; border: 1px solid #333333 }
TABLE.gatewaydivider { border: none; background-color: black; width:1px; height:100%; position:absolute; top: 0px; left:50% }
TD.formcol1 { width: 320px }
TD.formcol2 { width: 100px }
TD.formcol3 { width: 100px }
TD.formcol4 { width: 130px }
TD.formcol2_3 { width: 200px }
TD.formcol3_4 {width: 230px }
TD.formcol2_3_4 { width: 330px }
TD.formcol1_2_3_4 { width: 650px }
A:link { font-size: 12px; color: #FF9900; font-weight: bold; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; text-decoration: none }
A:visited { font-size: 12px; color: #FF9900; font-weight: bold; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; text-decoration: none }
A:hover { font-size: 12px; color: #FF9900; font-weight: bold; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; text-decoration: underline }
A.h1link:link { font-size: 14px; color: #333333; font-weight: bold; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; text-decoration: none }
A.h1link:visited { font-size: 14px; color: #333333; font-weight: bold; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; text-decoration: none }
A.h1link:hover { font-size: 14px; color: #333333; font-weight: bold; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; text-decoration: underline }
A.footer:link { font-size: 9px; color: #000000; font-weight: normal; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; text-decoration: underline }
A.footer:visited { font-size: 9px; color: #000000; font-weight: normal; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; text-decoration: underline }
A.footer:hover { font-size: 9px; color: #000000; font-weight: normal; font-family: "Arial", "Helvetica", "Century Gothic", sans-serif; text-decoration: underline }
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: Arial, Helvetica, "Century Gothic", sans-serif; margin-left: 100px; font-size: 14px; color: #333333 }
H2 { font-family: Arial, Helvetica, "Century Gothic", sans-serif; margin-left: 150px; margin-right: 150px; font-size: 13px; font-weight: bold; color: #000000; margin-top: 24px; margin-bottom: 12px }
H3 { font-family: Arial, Helvetica, "Century Gothic", sans-serif; font-size: 12px; font-weight: bold; color: #000000 }
H2.center { text-align: center }
H2.leftcol { margin-left: 0px; margin-right: 0px; margin-top: 12px; margin-bottom: 6 px }
H1.bannerhead { display: inline; font-family: "Century Gothic", Arial, Helvetica, sans-serif; letter-spacing: 0px; font-size: 14px; font-weight: bold; color: #333333 }
H1.centerlefttel { position: relative; left: 218px }
H1.centerleftemail { position: relative; left: 145px }
H1.centerleftlocation { position: relative; left: -55px; text-align: center }
input.closebutton1 { position: relative; top: 3px; left: 100px }
input.closebutton2 { position: relative; top: 30px; left: 550px }
input.closebutton3 { position: relative; top: 10px; left: 525px }
input.submitbutton { margin-left: 390px }
input.submitbutton1 { margin-left: 360px }
input.submitbutton2 { font-size: 10px; font-weight:bold; color:#FFFFFF; font-family:Arial,Helvetica,'Century Gothic',sans-serif; border: 1px solid; background-color:#333333; padding: 1px; }
input.textfield1 { font-size: 11px; font-weight:normal; font-family:Arial,Helvetica,'Century Gothic',sans-serif; border: 1px solid #333333; background-image:url(images/FormElementBG.jpg) }
HR.formdivider { margin-left: 155px; margin-top: 30px; margin-bottom: 30px; width: 510px; color: #FF9900; align: center; size: 1px } 
HR.formdivider2 { margin-left: 155px; margin-top: 20px; margin-bottom: 20px; width: 510px; color: #FF9900; align: center; size: 1px } 
HR.formdivider3 { margin-left: 155px; margin-top: 10px; margin-bottom: 10px; width: 510px; color: #FF9900; align: center; size: 1px } 
HR.formdivider4 { margin-left: 155px; margin-top: 10px; margin-bottom: 10px; width: 460px; color: #FF9900; align: center; size: 1px } 
ul.bullet { 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: 15px; line-height: 0.7 }
ul.bulletregline { 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: 15px; line-height: 1.25 }
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 }
.buttonstyle { font-size: 14px; background-color: #425A8D; color: #FFFFFF; border-color: #CCCCCC; font-family: Geneva, Arial, Helvetica, sans-serif; }
#copyright {
	position: relative; bottom: 5px; left: 275px;
	font-family: "Arial", "Helvetica", "Century Gothic", serif;
	font-size: 9px;
	color:#000000 }
#copyrightfooter {
	position: absolute; bottom: 5px; left: 290px;
	font-family: "Arial", "Helvetica", "Century Gothic", serif;
	font-size: 9px;
	color:#000000 }
#container { 
	position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto; }
#splashpagecontainer {  /* Currently used in indexnet.html only for centering logo */
	height:100%; /*fill the body*/ 
	text-align: center; } /*H-centering in early IE versions*/ 
#splashlogocenter { /* "absolute version," currently used in indexnet.html only for centering logo */
	width: 331px;
	height: 83px;
	position: absolute; /*allows for top property to move the element*/ 
	top: 50%; /*moves image 50% of #splashpagecontainer's height down the page*/ 
	left: 50%;
	margin-top: -46px; /*pulls it back up by half it's height (give or take a bit to suit the eye) */ 
	margin-left: -165px; margin-right: auto; /* horz centering in compliant browsers */
	z-index: 1 }
#small { position: absolute; top: 90%; left: 48%; z-index: 1 }
#logocenter { position: relative; top: 40%; text-align: center; z-index: 1 } /* Currently used in index.html only for centering logo */
/* #textontop { position: relative; left: 0px; top: 0px; z-index: 2 }  Firefox needs this. Rather than simply layer an image below text when the image has a lower z-index, Firefox needs the text to be explicitly elevated via this div id */
#crusaderimage { background: url("images/Crusader.jpg") no-repeat; background-position: 520px -3px }
#saberimage { background:  url("images/SaberTooth.jpg") no-repeat; background-position: 538px 0px }
#sadchildimage { background:   url("images/SadChild.jpg") no-repeat; background-position: 512px 12px }
/* These non-tour and tour version div ids for positioning the Merlyn and Norman jpg images on the s_mediators and s_mediators_tour_seeking pages 
became unnecessary when I instead used the portraits div ids to position combined Merlyn-Norman images. I had to combine these images 
because the fader script didn't work adequately when I attempted to control fading of the Merlyn and Norman images separatelyy.
#merlyn1 { position: absolute; left: 625px; top: 393px; width: 181px; height: 150px; z-index: 1; visibility: hidden }
#merlyn2 { position: absolute; left: 625px; top: 393px; width: 181px; height: 150px; z-index: 2 }
#merlyn1tour { position: absolute; left: 610px; top: 325px; width: 181px; height: 150px; z-index: 1; visibility: hidden }
#merlyn2tour { position: absolute; left: 610px; top: 325px; width: 181px; height: 150px; z-index: 2 }
#norman1 { position: absolute; left: 625px; top: 660px; width: 181px; height: 150px; z-index: 1; visibility: hidden }
#norman2 { position: absolute; left: 625px; top: 660px; width: 181px; height: 150px; z-index: 2 }
#norman1tour { position: absolute; left: 610px; top: 325px; width: 181px; height: 150px; z-index: 1; visibility: hidden }
#norman2tour { position: absolute; left: 610px; top: 325px; width: 181px; height: 150px; z-index: 2 } */
#portraits1 { position: absolute; left: 625px; top: 410px; width: 181px; height: 349px; z-index: 1; visibility: hidden }
/* #portraits2 { position: absolute; left: 625px; top: 410px; width: 181px; height: 349px; z-index: 2 } */
#portraits2 { position: absolute; left: 625px; top: 405px; z-index: 2 }
#portraits1tour { position: absolute; left: 610px; top: 342px; width: 181px; height: 349px; z-index: 1; visibility: hidden }
#portraits2tour { position: absolute; left: 610px; top: 342px; width: 181px; height: 349px; z-index: 2 }
#bannerheadL1 { position: absolute; top: 66px; left: -75px; z-index: 1 }
#bannerheadL2 { position: absolute; top: 87px; left: -75px; z-index: 1 }
#mapthumbposition { position: absolute; left: 470px; top: 250px }
#testimonialslink { position: absolute; top: 600px; left:652px; font-size:9px }
#smallCIDresEntry { position: absolute; top: 80%; left: 24% }
#smallNRentry { position: absolute; top: 80%; left: 75% }
#altlinescroller { position: absolute; top: 294px; z-index: 1;}