body,
#search input,
#search button,
#footer input,
#footer textarea,
#footer button,
#contactForm input,
#contactForm textarea,
#contactForm button,
#searchBox #query{
  font-family:'Palatino Linotype',Palatino,'Zapf Calligraphic','Book Antiqua',Georgia,serif;
}

body{
  background:rgb(81,66,84) url('header.jpg') repeat-x top;
  margin:0;
  padding:0;
}

h1,
h2,
h3,
h4{
  font-style:italic;
  padding:0;
  font-weight:normal;
}

h1{
  color:white;
  font-size:2em;
  line-height:96px;
  margin:96px 0 0;
  text-align:center;
}

h2{
  font-size:1.5em;
  line-height:1em;
  margin:2em 0 1em;
}

h3{
  font-size:1.2em;
  line-height:1.25em;
  margin:1.25em 0;
}

h4{
  font-size:1em;
  line-height:1.5em;
  margin:1.5em 0;
}

p{
  line-height:1.5em;
  margin:0 0 1.5em;
  padding:0;
}

table{
  margin:0 auto 1.5em;
}

blockquote{
  margin:0 2em; /* should always contain an element with a bottom margin */
  padding:0;
}

form{
  margin:0;
  padding:0;
}

pre{
  overflow:auto;
}

dl{
  margin:0 2em 1.5em;
}

ol{
  margin:0 2em 1.5em 3em;
  padding:0;
}

ul{
  margin:0 2em 1.5em;
  padding:0;
}

dl dl{
  margin:0;
}

dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul{
  margin-right:0;
  margin-bottom:0;
}

dt{
  font-weight:bold;
}

dd{
  margin-left:2em;
}

dt,
dd,
li{
  line-height:1.5em;
}

a{
  color:#00a;
}

a:visited{
  color:#505;
}

a img{
  border:0;
}

code{
  line-height:1em; /* compensates for browsers' faulty leading calculations */
}

cite,
dfn,
em,
var{
  font-style:italic;
}

.defaultInput{
  color:#666;
}

.imageContainer{
  text-align:center;
  margin-bottom:1.5em;
  overflow:auto;
}

.codeListing{
  margin:0 2em 1.5em;
  padding-bottom:1.5em; /* padding rather than margin to fix IE7 scrollbar bug */
  white-space:pre;
}

* html .codeListing code{
  display:block;
  width:100%; /* forces IE6 to wrap - otherwise the page stretches */
}

.headedTable{
  background:rgb(233,231,234);
  border-collapse:collapse;
}

.headedTable th,
.headedTable td{
  border:1px solid rgb(190,184,191);
  line-height:1.5em;
  padding:0 0.25em;
  font-weight:normal;
}

.headedTable th{
  background:rgb(212,208,212);
}

.number{
  text-align:right;
}

.navigation{
  list-style-type:none;
  margin:0 0 1.5em;
}

.navigation li{
  background:url('celtic-knot.png') no-repeat top left;
  margin:0 0 1.5em;
  padding:0 0 0 3em;  
}

.navigationTitle{
  height:1.5em;
}

.navigationDescription{
  min-height:3em;
}

* html .navigationDescription{
  height:3em;
}

/* old-style navigaion */

.navigation h2{
  font-style:normal;
  font-size:1em;
  line-height:1.5em;
  height:1.5em;
  margin:0;
}

.navigation p{
  margin:0;
  /*padding-left:2em;*/
  min-height:3em;
}

* html .navigation p{
  height:3em;
}

.ipa{
  font-family:serif;
}

.capitals,
.initialism{
  font-size:0.9375em;
  line-height:1em;
}

.advertisement{
  text-align:center;
}

#content + .advertisement{
  margin:0 12em;
}

img.initial{
  position:relative;
  bottom:-20px;
  margin-right:-15px;
  margin-left:-20px;
}

#menu,
#menu a,
#footer,
#modificationTime{
  color:rgb(212,208,212);
}

#search input,
#footer input,
#footer textarea{
  background-color:rgb(212,208,212);
}

#menu,
#search{
  padding-top:1.1em;
  width:9em;
}

* html #menu{
  float:left; /* fixes IE 6 bug */
}

#menu{
  position:fixed;
  width:9em;
  top:192px;
  left:0; /* fixes IE 7 bug */
  padding-left:1.5em; /* margin would show IE 6 bug */
  padding-bottom:3em; /* fixes Safari bug */
}

#menu ul{
  margin:0;
  padding:0;
  list-style-type:none;
}

#menu li,
#menu div{
  font-size:0.75em;
  line-height:2em;
}

#menu li{
  padding-left:1.5em;
  background:url('arrows.png') no-repeat left;
}

#search{
  margin-right:1.5em;
  float:right;
}

* html #search{
  display:inline; /* fixes IE6 bug related to the position of the column*/
}

#content,
#contactForm{
  margin:0 12em 1.5em;
  background-color:white;
  padding:1.1em 1.5em 1px;
}

body > #content,
body > #contactForm{
  padding:0;
  background:white url('corner-top-left.png') no-repeat top left;
}

#content > div,
#contactForm > div{
  background:url('corner-top-right.png') no-repeat top right;
}

#content > div  > div,
#contactForm > div  > div{
  background:url('corner-bottom-left.png') no-repeat bottom left;
}

#content > div > div > div{
  background:url('corner-bottom-right.png') no-repeat bottom right;
  padding:1.1em 1.5em 1px;
}

#contactForm > div > div > div{
  background:url('corner-bottom-right.png') no-repeat bottom right;
  padding:1.4em 1.5em 1px;
}

#contactForm table{
  width:100%;
  border-collapse:collapse;
  font-size:0.75em;
}

#contactForm th{
  text-align:left;
  vertical-align:top;
  font-weight:normal;
  width:10.5em;
  padding-top:0.22em;
}

#contactForm td{
  text-align:center;
}

#contactForm input,
#contactForm textarea{
  width:100%;
  border:0;
  background-color:rgb(233,231,234);
}

#contactForm textarea{
  font-size:1em; /* required to ensure propagation of font size */
  height:6em;
  overflow:auto;
}

#contactForm button{
  background:transparent url('contact-button.png') no-repeat;
  width:144px;
  height:24px;
  border:0;
  padding:0;
  margin:0.5em 0 0;
}

#modificationTime{
  font-size:0.75em;
  line-height:2em;
  margin:2em 16em;
  text-align:center;
}

#searchBox #query{
  font-size:0.75em;
  position:absolute;
  top:2em;
  right:2em;
  width:108px;
  height:16px;
  padding:4px 28px 4px 8px;
  border:0;
  background:url('search-box.png') no-repeat top left;
}

* html #searchBox #query{
  background:white none;
}

#searchBox #querySubmit{
  font-size:1em; /* override browser default so that positioning is correct */
  position:absolute;
  top:1.5em;
  right:1.5em;
  margin:2px 7px 0 0;
}

#breadcrumbTrail{
  position:absolute;
  top:158px;
  left:0;
  margin:0;
  padding:0;
  width:100%;
  text-align:center;
  list-style-type:none;
}

#breadcrumbTrail li{
  display:inline;
  font-size:0.75em;
}

#breadcrumbTrail a{
  padding-right:20px;
  margin-right:5px;
  background:url('arrows.png') no-repeat right;
  text-decoration:none;
}

#breadcrumbTrail a:hover{
  text-decoration:underline;
}


#breadcrumbTrail *{
  color:rgb(212,208,212);
}

/* Safalra Bar ****************************************************************/

#safalraBar{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:32px;
  background:white url('safalra-bar/background.png') repeat-x top left;
  font-family:Verdana,Geneva,sans-serif;
  font-size:0.75em;
}

* html #safalraBar{
  position:absolute;
}

.safalraBarButton{
  width:24px;
  height:24px;
  background:transparent url('safalra-bar-graphics.png') no-repeat 0 0;
  opacity:0.5;
}

.safalraBarButton *{
  width:24px;
  height:24px;
}

.safalraBarButton a{
  display:block;
}

.safalraBarButton span{
  display:none;
}

#safalraBarHome{
  position:absolute;
  top:4px;
  left:4px;
}

#safalraBarHome a{
  background:transparent url('safalra-bar-graphics.png') no-repeat -24px 0;
}

#safalraBarBreadcrumbTrail{
  position:absolute;
  top:4px;
  left:32px;
  margin:0 384px 0 0;
  padding:0;
}

#safalraBarBreadcrumbTrail li{
  display:block;
  float:left;
  line-height:24px;
  padding-left:15px;
  margin-right:4px;
  background:transparent url('safalra-bar-graphics.png') no-repeat -360px 0;
  opacity:0.5;
}

#safalraBarBreadcrumbTrail li *{
  display:block;
  line-height:24px;
  padding-right:5px;
  background:transparent url('safalra-bar-graphics.png') no-repeat 100% -24px;
  color:black;
  text-decoration:none;
}

#safalraBarBreadcrumbTrail a:hover{
  text-decoration:underline;
}

#safalraBarBookmark{
  position:absolute;
  top:4px;
  right:282px;
  line-height:24px;
  opacity:0.5;
}

#safalraBarBookmarkLinks{
  position:absolute;
  top:4px;
  right:198px;
}

#safalraBarBookmarkLinks div{
  float:left;
  margin-left:4px;
}

#safalraBarStumbleUpon a{
  background:transparent url('safalra-bar-graphics.png') no-repeat -72px 0;
}

#safalraBarDigg a{
  background:transparent url('safalra-bar-graphics.png') no-repeat -96px 0;
}

#safalraBarDelicious a{
  background:transparent url('safalra-bar-graphics.png') no-repeat -120px 0;
}

#safalraBarSearch input{
  position:absolute;
  top:4px;
  right:32px;
  height:18px;
  width:128px;
  font-size:15px;
}

#safalraBarSearchButton{
  position:absolute;
  top:4px;
  right:4px;
}

#safalraBarSearchButton button{
  position:absolute;
  top:0px;
  right:0px;
  border:0;
  background:transparent url('safalra-bar-graphics.png') no-repeat -48px 0;
  cursor:pointer;
}