/* Coptic Orthodox Christian Mission (COCM) - Designed By Dream Multimedia www.dreammultimedia.com.au*/
body{
	background-color:#ffffff;
	color:#eeeedd;
	font-size:smaller;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

td{
	background-color:#006699;
	font-size:smaller;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
}

h1{
	color:#ffffff;
	font-size:small;
	font-weight:bold;
}

h2{
	color:#ffffff;
	font-size:smaller;
	font-weight:bold;
}


blockquote{
	font-style:italic;
	text-align:center;
}

/* Position of the whole site within the browser*/
#shell{
	position:absolute;
	background-image:url(../_images/background.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	margin-left:80px;
	width: 819px;
	height: 556px;
}

/* Top left corner, where the logo or logos will be placed*/
#logoArea{
	position:absolute;
	text-align:center;
	margin-top:10px;
	width:186px;
	visibility:visible;
	height: 136px;
}

/* Top area where the title of the page and verses will be placed for each page*/
#titleShell{
	position:absolute;
	left:191px;
	top:0px;
	width:609px; 
	height:140px;
	visibility:visible;
}

/* Position of verses*/
#verse{
	position:absolute; 
	width:622px; 
	z-index:1; 
	left: 6px; 
	top: 3px;
}

/* Position of title of page*/
#title{
	position:absolute;
	text-align:right;
	width:478px; 
	z-index:2; 
	left: 143px; 
	top: 98px;
}

/* Top navigation bar*/
#quickLink{
	position:absolute;
	left:0px; 
	top:168px;
	width:810px; 
	text-align:right;
	visibility:visible;
}

#quickLink a:link{
	color:#003469;
	font-weight:bold;
	font-size:smaller;
	text-decoration:none;
}

#quickLink a:visited{
	color:#003469;
	font-weight:bold;
	font-size:smaller;
	text-decoration:none;
	text-align:right;
}

/* Left navigation bar*/
#globalNav{
	position:absolute;
	left:20px; 
	top:222px;
	z-index:2;
	visibility:visible;
}

/* Scrollable Content area*/
#contentArea{
	position:absolute; 
	margin-top:15px;
	margin-left:30px;
	overflow:auto;
	left:170px; 
	top:202px;
	width:615px; 
	height:320px;
	visibility:visible;
	z-index:1;
}

#contentArea{
	scrollbar-face-color: #006699;
	scrollbar-shadow-color: #003366;
	scrollbar-highlight-color: #003366;
	scrollbar-3dlight-color: #003366;
	scrollbar-darkshadow-color: #003366;
	scrollbar-track-color: #003366;
	scrollbar-arrow-color: #eeeedd;
}

#contentArea a{
	color:#FFCC00;
	text-decoration:none;
}

#contentArea a:visited{
	color:#FFCC00;
	text-decoration:none;
}

#contentArea a:hover{
	color:#FFCC00;
	text-decoration:underline;
}

/* Left navigation bar formatting and apperance
From "a list apart" (http://www.alistapart.com/articles/horizdropdowns/)*/
ul {
	font: 11px verdana;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #003469; background: #ffcc00; } /* Hover Styles */
		
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */