#banner {position: absolute; top: 50px; left: 0px; width: 700px; height: 105px;
         margin: 0px; padding: 0px; border: 0px dotted black;
				 background-color: rgb(183,195,187); z-index: 1}

#navigation2 {position: absolute; top: 30px; left: 250px; width: 450px; 
         height: 125px; margin: 0px; padding: 0px; border: 0px dotted black; 
				 z-index: 2}
				 
#navigation3 {position: absolute; top: 50px; left: 250px; width: 450px; 
         height: 145px; margin: 0px; padding: 0px; border: 0px solid black; 
				 z-index: 3}
				 
#navigation4 {position: absolute; top: 50px; left: 250px; width: 450px; 
         height: 105px; margin: 0px; padding: 0px; border: 0px; 
				 z-index: 5}

#pivotsquare {position: absolute; top: 77px; right: 0px; width: 50px; 
         height: 50px; margin: 0px; padding: 0px; border: 0px dotted black; 
				 background-color: rgb(174,76,84)}

#rootnavigation {position: absolute; top: 210px; left: 80; width: 150px; 
         height: 400px; margin: 0px; padding: 0px; border: 0px dotted black}

#files {position: absolute; top: 250px; left: 260px; width: 390px; 
         height: 400px; margin: 0px; padding: 0px; border: 0px dotted black}
		 
#content {position: absolute; top: 210px; left: 250px; width: 430px; 
         min-height: 400px; margin: 0px; padding: 0px; 
				 border: 0px solid rgb(183,195,187)}
				 
#intro {position: absolute; top: 100px; left: 200px; width: 500px; 
         height: 400px; margin: 0px; padding: 0px; 
				 border: 0px}

#oops {position:absolute; top: 265px; left: 265px; width: 300px; margin: 0px; padding: 0px; color: rgb(174,76,84)}			 

/* The following are all possible locations for the red squares
   that indicate one's position in  the navigational hierarchy */
	 
#philosophy {position: absolute; top: 218px; left: 70px; width: 4px; height: 4px}
#portfolio {position: absolute; top: 238px; left: 70px; width: 4px; height: 4px}
#people {position: absolute; top: 258px; left: 70px; width: 4px; height: 4px}
#boards {position: absolute; top: 278px; left: 70px; width: 4px; height: 4px}
#news {position: absolute; top: 298px; left: 70px; width: 4px; height: 4px}
#file {position: absolute; top: 318px; left: 70px; width: 4px; height: 4px}
#careers {position: absolute; top: 338px; left: 70px; width: 4px; height: 4px}
#contact {position: absolute; top: 358px; left: 70px; width: 4px; height: 4px}

#navPeople_pos1 {position: absolute; top: 38px; left: 254px; width: 4px; height: 4px}
#navPeople_pos2 {position: absolute; top: 38px; left: 311px; width: 4px; height: 4px}
#navPeople_pos3 {position: absolute; top: 38px; left: 368px; width: 4px; height: 4px}
#navPeople_pos4 {position: absolute; top: 38px; left: 425px; width: 4px; height: 4px}
#navPeople_pos5 {position: absolute; top: 38px; left: 482px; width: 4px; height: 4px}
#navPeople_pos6 {position: absolute; top: 38px; left: 539px; width: 4px; height: 4px}
#navPeople_pos7 {position: absolute; top: 38px; left: 596px; width: 4px; height: 4px}

#nav2_pos1 {position: absolute; top: 38px; left: 254px; width: 4px; height: 4px}
#nav2_pos2 {position: absolute; top: 38px; left: 340px; width: 4px; height: 4px}
#nav2_pos3 {position: absolute; top: 38px; left: 423px; width: 4px; height: 4px}
#nav2_pos4 {position: absolute; top: 38px; left: 510px; width: 4px; height: 4px}
#nav2_pos5 {position: absolute; top: 38px; left: 598px; width: 4px; height: 4px}

#nav3_pos2 {position: absolute; top: 162px; left: 254px; width: 4px; height: 4px}
#nav3_pos3 {position: absolute; top: 162px; left: 340px; width: 4px; height: 4px}
#nav3_pos4 {position: absolute; top: 162px; left: 426px; width: 4px; height: 4px}
#nav3_pos5 {position: absolute; top: 162px; left: 512px; width: 4px; height: 4px}
#nav3_pos6 {position: absolute; top: 162px; left: 598px; width: 4px; height: 4px}

body {background-color: white; border: 0px; padding: 0px; margin: 0px;
         font-family: "Arial", arial, sans-serif}

p {color: black; margin: 0px; padding: 15px 20px; border: 1px solid rgb(183,195,187); 
         line-height: 1.5em; font-size: 14px}
p.intro {color: black; margin: 0px; padding: 15px 20px; border: 0px solid black; 
         line-height: 1.5em; font-size: 14px}
em {text-transform: uppercase; font-weight: bold; font-style: normal}
em.quote {text-transform: none; font-weight: normal; font-style: italic}
em.title {text-transform: uppercase; font-size: 14px; font-weight: bold; font-style: normal; color: rgb(150,161,153)}
em.newshead {line-height: 1.25em; text-transform: none; font-weight: bold; font-size: 14px; font-style: normal}

em.newsdate{position: relative; top: 5px; left: 0px;
          float: left; text-transform: uppercase; 
				 color: black; font-size: 10px; font-weight: bold; line-height: .75em
				 }
em.oops{text-transform: uppercase; font-size: 10px; font-weight: bold; font-style: normal; color: rgb(174,76,84)}
a {text-decoration: none; text-transform: uppercase; color: rgb(150,161,153); 
         font-size: 10px; font-weight: bold}
a:visited {color: rgb(150,161,153)}
a:hover {color: rgb(174,76,84)}
a:active {color: rgb(174,76,84)}
a.current {color: rgb(174,76,84) !important}
a.info {position: relative; top: 14px; left: 4px; width: 75px; height: 75px;
         background-color: yellow; border: 1px solid rgb(183,195,187);
				 display: block; text-align: center}
a.philolink {color: black; font-size: 14px}
a.skipintro {color: rgb(183,195,187); font-size: 10px}
a.newslink {text-transform: uppercase; color: rgb(150,161,153);font-size: 10px; font-weight: bold;line-height: 1.25em}

img {margin: 0px; border: 0px; padding: 0px}
img.hot {position:absolute; top: 0px; left: 0px; width: 4px; height: 4px}

.rootnav {text-align: left; line-height: 1.25em}

img.logo {position: relative; top: 16px; left: 25px; width: 168px; height: 86px}
img.curvetop {position: absolute; top: 0px; right: 0px; width: 20px; height: 20px}
img.curvebot {position: absolute; bottom: -1px; right: 0px; width: 20px; height: 20px}


table.nav2 {table-layout: fixed; width: 430px}
a.nav2 {display: block; text-align: center; padding: 0px 4px}
img.nav2 {position: relative; top: 20px; width: 75px; height: 75px}

table.navPeople {table-layout: fixed; width: 430px}
a.navPeople {display: block; text-align: center; padding: 0px 4px}
img.navPeople {position: relative; top: 20px; width: 53px; height: 75px}
				 
table.nav3 {table-layout: fixed; width: 430px; padding: 0px; margin: 0px; 
         border: 0px; border-collapse: collapse}
a.nav3 {display: block; height: 150px; text-align: center; letter-spacing: -1px;
         word-spacing: 3px; padding: 0px 4px; margin: 0px}
img.nav3 {display: block; position: relative; top: 14px; left: 0px; 
         width: 75px; height: 75px}

table.nav4 {table-layout: fixed; width: 396px; padding: 0px; margin: 10px 0px 10px 0px; 
         border: 0px; border-collapse: collapse}
table.directory {table-layout: fixed; width: 396px; padding: 0px; margin: 10px 0px 10px 0px; 
		 border: 0px; border-collapse: collapse; font-size: 10px}

table.files {table-layout: fixed; padding: 0px; margin: 10px 0px 10px 0px; 
		 border: 0px; border-collapse: collapse; font-size: 14px}
		 
img.nav4 {width: 72px; height: 72px; margin: 0px 0px 0px 0px; padding: 0px; border: 0px;
         cursor: pointer}
				 
img.portphoto {width: 390px}
				 
.bump {position: relative; top: 20px}

#photo {position: relative; top: 5px; left: 0px; padding-right: 20px;
         padding-bottom: 2px; float: left; text-transform: uppercase; 
				 color: black; font-size: 10px; font-weight: normal line-height: .75em
				 }

				 
.vdg {background: rgb(74,77,73)}
.mar {background: rgb(174,76,84)}
.ggr {background: rgb(183,195,187)}
.ytn {background-color: rgb(227,220,196)}
.brn {background: rgb(164,149,134)}

.ggrdarker {color: rgb(150,161,153)}