/* normalize some rules for all browsers */
h1, h2, h3, h4, h5, h6, ul, li, p, hr, ol, form, body {
	margin: 0px; padding: 0px; font-family: verdana; font-style: normal; font-weight: normal; color: #1b2e3e;}
html, body { height:100%; background: url("top-body.png") top left repeat-x #ece8e0;}
body { min-width:813px;}	
h1{ font-size:1.5em; margin-bottom:.75em; }
h2{ font-size:1.3em; margin-bottom:.65em; font-family: verdana;}
h3{ font-size:1.2em; }
h4{ font-size:.75em; font-style:italic; margin-top:.25em; }
p, ul{ line-height:145%; margin-bottom:.6em; }
a{ color:#600; }
ul{ margin-left:25px; }

div#pageWrapper{}
div#leftVerticalSpacer{ width:50%;height:1px;background-color:transparent; position: relative;	float:left; margin-left:-406px;}
div#rightVerticalSpacer{ width:50%;height:1px;background-color:transparent; position: relative;	float:left; margin-right:-406px;}
div#contentWrapper{	width:813px;font-size:10pt;	background-color:#ece8e0;	position: relative;	float:left; z-index:5000;}

div#footer{	font-family:verdana; text-align:center;float:left; width:813px; padding-top:8px;	height: auto;	font-size:8pt;	background-color: #ece8e0;}
div#subfooter{ font-family:verdana; text-align:center; float:left; width:813px; padding-top:8px;height: auto;	font-size:8pt;background: url("contentbodybottom.png") top left no-repeat transparent;}

table#topNav{	border: 0px solid #000;}
td#topLogo{ width: 270px; height:122px; background: url("top-logo.png") top left no-repeat transparent; }
td#topPhone{ width: 543px; height:93px; background: url("top-phone.png") top left no-repeat transparent; }
td#topHome{ width: 65px; height:29px;}
td#topOffice{ width: 91px; height:29px;}
td#topAbout{ width: 128px; height:29px;}
td#topYboh{ width: 155px; height:29px;}
td#topContact{ width: 104px; height:29px;}
#topNav ul .item{ display:none;}
#topNav ul .invisibleitem{ z-index:1; background: transparent; height: 29px;}
#topNav ul:hover .item{ display:block;background:#773333;padding-left:5px;padding-bottom:2px;margin:0px; }
#topNav ul:hover .item a{ color:#fff;text-decoration:none;}
#topNav ul:hover .item a:hover{ color:#cccc33;}
#topNav ul.hover .item{ display:block;background:#773333;padding-left:5px;padding-bottom:2px;margin:0px; }
#topNav ul.hover .item a{ color:#fff;text-decoration:none;}
#topNav ul.hover .item a:hover{ color:#cccc33;}
#topNav ul{ float:left;margin:0px;background:transparent;list-style:none; position: absolute; z-index: 200; top:93px;}
#topNav ul.topHome{ width: 65px; height:29px; background: url("top-1-home.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul.topOffice{ width: 91px; height:29px; background: url("top-2-office.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul.topAbout{ width: 128px; height:29px; background: url("top-3-about.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul.topYboh{ width: 155px; height:29px; background: url("top-4-yboh.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul.topContact{ z-index:200; width: 104px; height:29px; background: url("top-5-contact.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul:hover .topHome{ z-index:200; width: 65px; height:29px; background: url("top-1-home-hover.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul.hover .topHome{ z-index:200; width: 65px; height:29px; background: url("top-1-home-hover.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul:hover .topOffice{ z-index:200; width: 91px; height:29px; background: url("top-2-office-hover.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul.hover .topOffice{ z-index:200; width: 91px; height:29px; background: url("top-2-office-hover.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul:hover .topAbout{ z-index:200; width: 128px; height:29px; background: url("top-3-about-hover.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul.hover .topAbout{ z-index:200; width: 128px; height:29px; background: url("top-3-about-hover.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul:hover .topYboh{ z-index:200; width: 155px; height:29px; background: url("top-4-yboh-hover.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul.hover .topYboh{ z-index:200; width: 155px; height:29px; background: url("top-4-yboh-hover.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul:hover .topContact{ z-index:200; width: 104px; height:29px; background: url("top-5-contact-hover.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul.hover .topContact{ z-index:200; width: 104px; height:29px; background: url("top-5-contact-hover.png") top left no-repeat transparent; cursor: pointer; }
#topNav ul li{ width: 170px;}

div#mainContent{ color:#000; background-color:#ece8e0; background: url("contentbodybackground.png") top left transparent;}
div#content{ float:left; width:813px;}
div#contentBody{ position: relative; background-color:transparent; min-height: 380px; padding-top: 30px; padding-left: 15px; padding-right: 30px; }
div#welcomeImage{ position: relative; float:left; height: 280px; width:813px; background-color:transparent;}
div#primaryNav{ height:152px; position:relative; }
div#leftNav{ position: relative; background-color:transparent; float: left; padding-left: 30px; padding-right:20px; padding-top: 30px; padding-bottom: 50px;}
div#navWrapper{ position: absolute; bottom: 0pt; line-height:80%; margin-bottom:0.1em; padding-right: 20px;}
div#lowerLeftNav{ width: 265px; height:152px; background: url("lower-left.png") top left no-repeat transparent;}
div#lowerMiddleNav{ width: 276px; height:152px; background: url("lower-middle.png") top left no-repeat transparent;}
div#lowerRightNav{ width: 272px; height:152px; background: url("lower-right.png") top left no-repeat transparent;}

.SectionTitle{ color:#993333; }
.BiographyPic{ float: left; padding-right: 8px; padding-bottom: 2px; padding-top: 6px;}
.correct{border: thin 2px black; color:#993333;}
.incorrect{border: thin 2px black; color:#993333;}
.fact{display: inline; width: 67px; height: 21px;}
.fiction{display: inline; width: 67px; height: 21px;}

body.one div#welcomeImage{ background: url("welcome1.png") top left no-repeat transparent; }
body.two div#welcomeImage{ background: url("welcome2.png") top left no-repeat transparent; }
body.three div#welcomeImage{ background: url("welcome3.png") top left no-repeat transparent; }
body.four div#welcomeImage{ background: url("welcome4.png") top left no-repeat transparent; }
body.five div#welcomeImage{ background: url("welcome5.png") top left no-repeat transparent; }
body.six div#welcomeImage{ background: url("welcome6.png") top left no-repeat transparent; }
