body {
background: #F3E4C3;
width: 1024px;
margin: 0 auto;
padding: 0;
font-size: small;
font-family: "arial", "helvetica", sans-serif;
border-left: double #C8A260 4px;
border-right: double #C8A260 4px;

}
* html body {
  font-size: x-small; /* for IE5/Win */
  f/ont-size: small; /* for other IE versions */
  }

ul, li, img {
margin: 0;
padding: 0;
}

/* top banner styling */

#bannercontent {
float: left;
background: #EBD4AB url(top-banner.jpg) top center no-repeat;
margin: -3px 0 0 0;
padding: 0;
width: 1024px;
length: 240px;
list-style: none;
display: inline; /* fixes IE/Win double margin bug */
}

#column1 {
float: left;
margin: 0;
padding: 10px 0 71px 0;
}

li.deptphoto {
margin: 0;
padding: 0 0 0 20px;
}

#column2 {
float: left;
margin: 0;
padding: 36px 0 0 14px;
}

li.depthead {
font-family: "American Typewriter", "Century", "Bookman", "Lucida Fax", "Georgia", serif;
color: #B7945E;
font-size: 200%;
margin: 0;
padding: 0 0 22px 0;
letter-spacing: 1px;
}

li.articlehead {
font-family: "Arial", "Helvetica", sans-serif;
font-weight: bold;
font-size: 170%;
margin: 0;
padding: 0 0 5px 0;
}

li.subhead {
font-family: "Arial Narrow", "Arial", "Helvetica", sans-serif;
font-size: 110%;
line-height: 120%;
margin: 0;
padding: 5px 0 0 0;
}

/* styling for invisible link (positioned over top banner background image of logo */

#header_nav_spacer_half {
width: 24%;
float: right;
height: 210px;
}

#invislink {
height: 210px;
width: 79px;
float: right;
overflow: hidden;
}

#invislink a {
display: block;
height: 210px;
width: 79px;
text-decoration: none;
}

#invislink a i {
visibility: hidden;
}

/* styling for "About Us" */

#aboutusmain {
float: left;
width: 600px;
margin: 0 0 0 150px;
padding: 0;
display: inline; /* fixes IE/Win double margin bug */
}

#aboutusmain img {
margin: 0;
padding: 0;
}

#aboutusmain dl {
 float: left;
 width: 570px;
 margin: 18px 30px 0 0px;
 display: inline; /* fixes IE/Win double margin bug */
}

#aboutusmain dd {
margin: 0;
padding: 0;
}

#bodytext p {
margin: 10px 30px 10px 0;
padding: 0;
line-height: 170%;
}

dt.deptname {
float: right;
width: 400px;
margin: 0;
padding: 0;
font-family: "American Typewriter", "Century", "Bookman", "Lucida Fax", "Georgia", serif;
font-size: 150%;
letter-spacing: 1px;
color: #B7945E;
}

dd.deptdescrip {
margin: 0;
padding: 0;
font-family: "Georgia", "Times New Roman", serif;
font-size: 100%;
line-height: 140%;
}

p.last {
text-align: right;
}

#aboutusmain dd.deptpic img {
float: left;
margin: 0 14px 0 0;
padding: 0;
}

/* navigation bar */

#map {
position: relative;
float: right;
margin: 17px 0 0 0;
padding: 0;
width: 242px;
height: 400px;
background: url(navbar.gif) top left no-repeat;
font-size: 140%;
font-family: "Arial", "Helvetica", sans-serif;
}

#map li {
margin: 0;
padding: 0;
list-style: none;
}

#map li a {
position: absolute;
display: block;
text-decoration: none;
/*
Specifying a background image
(a 1px by 1px transparent gif)
fixes a bug in IE that causes
the block to not render at its
full dimensions.
*/
background: url(blank.gif);
}

#map li a span {
display: none;
}

#map li a:hover span {
 display: block;
 width: 210px;
 padding: 2px 2px 2px 5px;
 border: 1px solid #000;
 background: #fff;
 text-decoration: none;
 color: #000;
 filter:alpha(opacity=70);
 opacity:0.7;
}

#map a.assess {
top: 23px;
left: 10px;
width: 200px;
height: 16px;
}

#map a.recognize {
top: 44px;
left: 10px;
width: 200px;
height: 16px;
}

#map a.choose {
top: 66px;
left: 10px;
width: 200px;
height: 16px;
}

#map a.bridge {
top: 91px;
left: 10px;
width: 200px;
height: 16px;
}

#map a.transform {
top: 114px;
left: 10px;
width: 200px;
height: 16px;
}

#map a.medical {
top: 138px;
left: 10px;
width: 200px;
height: 16px;
}

#map a.natural {
top: 162px;
left: 10px;
width: 200px;
height: 16px;
}

#map a.energetics {
top: 186px;
left: 10px;
width: 200px;
height: 16px;
}

#map a.reviews {
top: 209px;
left: 10px;
width: 200px;
height: 16px;
}

#map a.outside {
top: 232px;
left: 10px;
width: 200px;
height: 16px;
}

#map a.hotfinds {
top: 254px;
left: 10px;
width: 200px;
height: 16px;
}

#map a.myth {
top: 278px;
left: 10px;
width: 200px;
height: 16px;
}

#map a.community {
top: 302px;
left: 10px;
width: 200px;
height: 16px;
}

#map a.expose {
top: 323px;
left: 10px;
width: 200px;
height: 16px;
}

#map a.products {
top: 346px;
left: 10px;
width: 200px;
height: 16px
}

a href {
border: 0;
}

/* Style Subscription Button */

#button {
float: right;
position: relative;
margin: 15px 114px 0 0;
padding: 0;
display: inline; /* fixes IE/Win double margin bug */
}

#button p {
float: right;
margin: 0;
padding: 0;
}

#button a {
float: right;
position: relative;
display: block;
margin: 0;
padding: 0 0 0 10px;
color: navy;
text-decoration: none;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 80%;
}

/* Hides from IE5-mac \*/ * html.button {height: 1%;}
/* End hide from IE5-mac */

/* Style Main Body */

#mainbody {
clear: both;
float: left;
width: 1024px;
margin: 0;
padding: 0 0 30px 0;
}

em {
font-family: "arial", "helvetica", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 400%;
line-height: 100%;
margin: 0;
padding: 0;
}

p.bodytext {
font-family: "Georgia", "Times New Roman", serif;
font-size: 90%;
margin: 0 360px 0 240px;
padding: 15px 0 0 0;
line-height: 150%;
}

p.bodylist {
font-family: "Georgia", "Times New Roman", serif;
font-size: 90%;
margin: 0 360px 0 240px;
padding: 15px 10px 0 10px;
line-height: 150%;
}

p.abstract {
font-family: "Georgia", "Times New Roman", serif;
font-size: 90%;
margin: 0 360px 0 240px;
padding: 15px 10px 0 170px;
line-height: 150%;
font-weight: bold;
text-transform: uppercase;
}

p.pullquote {
float: left;
width: 150px;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 120%;
font-weight: bold;
margin: 0 10px 0 240px;
padding: 20px 0 0 0;
line-height: 150%;
display: inline; /* fixes IE/Win double margin bug */
}

#mainbody img{
float: right;
width: 242px;
margin: 0;
padding: 15px 0 0 5px;
}

#tallpic img {
border: solid black 1px;
float: left;
width: 270px;
margin: 22px 25px 15px 137px;
padding: 0;
display: inline; /* fixes IE/Win double margin bug */
}

table.dptcopy {
font-family: "Arial", "Helvetica", sans serif;
font-size: 90%;
margin: 0 360px 0 240px;
padding: 15px 0 0 0;
line-height: 130%;
}

tr.head {
font-weight: bold;
color: white;
background-color: black;
}

.dptcopy td {
border: 1px black solid;
margin: 0;
padding: 3px;
}

td.columnone {
width: 120px;
margin: 0;
padding: 3px 20px 3px 3px;
}

/* START styling footer */
#footer {
background: white;
clear: both;
font-family: "Arial", "Helvetica", sans-serif;
margin: 0;
padding: 10px 240px;
}

#footer ul {
margin: 0;
padding: 20px 0;
}

#footer li {
float: left;
margin: 0 18px 0 0;
list-style: none;
font-size: 90%;
color: #B7945E;
display: inline; /* fixes IE/Win double margin bug */
}

#footer a:link {
  text-decoration: none;
  color: #B7945E;
  }
#footer a:visited {
  text-decoration: none;
  color: black;
  }
#footer a:hover, #footer.a:active {
  text-decoration: underline;
  color: #571E04;
  }
/* END styling footer */