body {
margin:0px;
padding:0px;
background:#d6d6d6;
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
font-size:14px;
text-align:center; /* so the container div centers itself in IE5/win */
}
div#container {
width:854px;
margin:auto;
position:relative;
background:#f2efe6;
text-align:left;
border-right:thin solid #949494;
border-left:thin solid #949494;
padding-bottom:100px;
}
#shade {
position:absolute;
top:11px;
left:0px;
width:853px;
height:102px;
background:transparent url(img/graphic.jpg) no-repeat top;
}
#top {
position:absolute;
top:0px;
left:-2px;
background:transparent url(img/top.gif) no-repeat top;
width:860px;
height:25px;
}
#banner {
position:relative;
top:40px;
left:284px;
width:550px;
height:66px;
background:transparent url(img/banner.gif) no-repeat top;
}
#hierarchy {
position:absolute;
top:112px;
left:0px;
width:700px;
background:transparent url(img/hier.jpg) no-repeat left top;
height:25px;
}

#menu {
position:relative;
float:left;
top:70px;
width:160px;
border-top: thin solid #e4e4e4;
}
#menutex {
position:relative;
float:left;
width:135px;
padding-top:42px;
padding-left:25px;
color:#9b3b3b;
font-size:14px;
font-style:italic;
font-weight:bold;
line-height:1.1em;
}
#menutex span {
color:#404040;
text-decoration:none;
}
#menutex a:link,a:visited {
color:#9b3b3b;
text-decoration:none;
}
#menutex a:hover {
color:#9b3b3b;
text-decoration:underline;
}
#bar {
position:relative;
float:left;
width:130px;
height:30px;
padding-left:30px;
}

#nav {
position:relative;
float:right;
top:70px;
width:145px;
padding-top:42px;
padding-right:15px;
color:#404040;
font-weight:bold;
font-size:14px;
line-height:1.1em;
text-align:right;
}
#nav h3 {
font-size:14px;
}
#nav span {
color:#404040;
text-decoration:none;
}
#nav a {
color:#6a866d;
font-style:italic;
text-decoration:none;
}
#nav a:hover {
color:#6a866d;
text-decoration:underline;
}
#navbar {
position:relative;
float:right;
margin-bottom:25px;
width:125px;
height:14px;
background:#6a866d;
}

#text {
position:relative;
float:left;
top:70px;
padding-left:22px;
padding-right:20px;
padding-top:10px;
width:488px;
background:#fbfbfb;
border:thin solid #e4e4e4;
color:#606060;
line-height:1.5em;
text-align:justify;
padding-bottom:20px;
}
#text p {
margin-top:0px;
margin-bottom:10px;
}
#text table { 
position:relative;
left:0px; /* in case larger than text div */
font-size:90%; /* Vital as most browsers have default >100% */
color:#606060;
}
#text a {
color:#4a4a8c;
text-decoration:none;
}
#text a:hover {
color:#4a4a8c;
text-decoration:underline;
}
#text hr {
color:#434343;
width:100%;
}
#text h1 {
margin-top:34px;
margin-bottom:40px;
padding-top:10px;
padding-bottom:0px;
color:#707070;
color:#8c6946;
font-size:22px;
}
#text h2 {
margin-top:0px;
margin-bottom:20px;
color:#707070;
font-size:16px;
}
#text h3 {
margin-top:0px;
margin-bottom:0px;
color:#909090;
font-size:13px;
font-variant:small-caps;
}
#text h3 a {
color:#a0c0a0;
font-weight:bold;
text-decoration:underline;
}
#text h3 a:hover {
color:#80a080; /* need this, otherwise it uses default colour */
}
#text h4 {
margin-top:40px;
margin-bottom:40px;
padding-left:0px;
color:#d0d0d0;
font-size:16px;
font-variant:small-caps;
text-align:center;
}
#artlinks {
padding-left:10px;
font-family:arial,helvetica,sans-serif;
font-weight:bold;
font-size:90%;
}
#pagemenu {
position:relative;
float:right;
width:378px;
margin-top:-4px;
font-family:arial,helvetica,sans-serif;
font-weight:bold;
line-height:1.5em;
}
#pagemenu a {
// choose color ??
}
#indent {
float:left;
padding-left:0px;
font-size:90%;
font-style:italic;
font-weight:normal;
line-height:1.3em;
}
#indent a {
font-size:100%;
font-style:italic;
font-weight:normal;
line-height:1.5em;
}
span.right {
float:right;
}

#rightimage {
float:right;
margin-left:10px;
text-align:right;
font-weight:bold;
}
#leftimage {
float:left;
margin-right:10px;
text-align:left;
font-weight:bold;
}
#foot {
margin-top:2em;
}

#diary {
position:absolute;
top:88px;
left:5px;
}
#events {
position:absolute;
top:82px;
left:5px;
width:562px;
text-align:left;
font-size:90%;
font-weight:normal;
line-height:1.28em;
color:#ffffff;
}

#copycat {
position:relative;
margin-top:38px;
margin-left:64px;
width:359px;
height:21px;
background:transparent url(img/foot.gif) no-repeat left top;
}
#foot {
position:relative;
float:left;
width:854px;
height:36px;
margin-top:70px;
background:transparent url(img/grafoot.jpg) no-repeat left top;
}
#footed {
position:relative;
float:left;
width:65px;
height:22px;
margin-left:10px;
margin-top:8px;
}
#footed a {
color:#9b3b3b;
font-size:14px;
font-style:italic;
font-weight:bold;
text-decoration:none;
}
#ftcred {
position:relative;
float:right;
width:65px;
height:22px;
margin-right:14px;
margin-top:8px;
text-align:right;
}
#ftcred a {
color:#9b3b3b;
font-size:14px;
font-style:italic;
font-weight:bold;
text-decoration:none;
}
#bottom {
position:relative;
float:left;
top:-14px;
width:860px;
height:25px;
margin-left:-3px;
background:transparent url(img/bottom.gif) no-repeat left top;
}