/* The dimensions of any web page on the St. Sepulchre's site are fixed. */
div#dimensions {
	position:relative;
	width:910px;
	height:750px;
}

/* The header frame occupies the top 280px and the left-hand 700px of the page. */
div#header {
	position:absolute;
	top:0;
	bottom:485px;
	left:0;
	right:210px;
	background:#700090; /* Dark purple */
	color:white;
    font-family:Baskerville,serif;
}

div#header h1 {
    margin:20px 20px 0px 170px;
    font-size:x-large;
	font-weight:normal;	
}

div#header h2 {
	position:relative;
    margin:5px 5px 15px 220px;
    font-size:small; 
	font-weight:normal;
}

div#header img {
   height:170px; 
   width:20%;
   float:left;   
   padding:5px 0px; 
   background:white;
}

/* The etching frame occupies the top 280px and the right-hand 225px of the page. */
div#etching {
	position:absolute;
	top:0;
	bottom:490px;
	left:700px;
	right:0px;
	background:white; 
	color:white;
    font-family:Baskerville,serif;
}

div#upper_rule {	
    position:absolute;
    top:260px;
    left:0px;
    right:0px; 
}

div#upper_rule hr {
	background-color:#8060B0;
	height:12px;
	border:none;
}

div#lower_rule {	
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
}

div#lower_rule hr {
	background-color:#8060B0;
	height:12px;	
	border:none;
}

/* The sidebar frame occupies the lefthandmost 180px of the page. */
div#sidebar {
	position:absolute;
	top:280px;
	right:520px;
	bottom:0%;
	left:0%;
	padding-top:10px; 
	color:white;
    font-family:Baskerville,serif;
    overflow:hidden;
}

/* Style overrides for Yahoo's Tree View widget. */

.ygtvtn,.ygtvtm,.ygtvtmh,.ygtvtmhh,.ygtvtp,.ygtvtph,.ygtvtphh,
.ygtvln,.ygtvlm,.ygtvlmh,.ygtvlmhh,.ygtvlp,.ygtvlph,.ygtvlphh,
.ygtvloading,.ygtvdepthcell,.ygtvblankdepthcell,.ygtvspacer,.ygtvok,.ygtvcancel {
    width:18px; height:32px; 
}

.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { 
    margin-left:2px; 
    padding:7px 10px;
    border:1px solid #8060B0;
    text-decoration: none; 
/*    background-color: white; *//* workaround for IE font smoothing bug */
    background-color:#700090;
    color:white;
	cursor:pointer;  
	display:block;	
	width:140px;
}

.ygtvfocus {
	background-color: #8060b0;
}

.ygtvfocus .ygtvlabel, .ygtvfocus .ygtvlabel:link, .ygtvfocus .ygtvlabel:visited, .ygtvfocus .ygtvlabel:hover {
	background-color: #8060b0;
}

.ygtvitem {
}

/* The main frame occupies the remainder of the page. */
div#main {
	position: absolute;
	top: 280px;
	left: 180px;
	right: 210px;
	height: 425px;
	background: white;
	padding: 10px;
	font-family: sans-serif;
	font-size:small;
	overflow: auto;
}

div#main a {
    font-weight:bold;
}

div#coming_soon {
	position:absolute;
	top:280px;
	left:700px;
	right:0px;
	height:440px;
	padding:5px;
	background:#8060B0; /* Light purple */
	color:white;
	font-family:sans-serif;
	font-size:x-small;
	overflow: auto;
}

div#coming_soon ul {
    padding-left:1em;
    margin-left:10px;
}

div#coming_soon a:link {
	color:yellow;
}

div#coming_soon a:visited {
	color:silver;
}