/* --- © Copywright  Saint Lawrence Orthodox Church --- Updated 9/9/09 --- */

<style type="text/css">

a {text-decoration:none;}

a:link {color: #006666;text-decoration: none;}
a:visited { color: #f66a02;text-decoration: none;}
a:hover { color: #660000; text-decoration:underline;}
a:active { color: #FF0000; text-decoration:none;}


body {
margin:0;
  padding-left:10%;
	margin:0 auto;
	font-family: "Georgia", Arial, Helvetica, sans-serif;
	background-image:
url('images/background.gif')
 }



/* BEGIN Header */
 div#header{
 align:center; width:800px; height: 280px; position:absolute; top:3px; border:0px; font:"Georgia", Arial, Helvetica, sans-serif;
 }
/* End Header */



/* BEGIN Vicariate */
 div#vicarite{
 align:center; width:250px; height: 280px; position:absolute; top:245px; left:705px; font-size:14px; font-weight:bold;
 }
/* End Header */



/* BEGIN Content */
 div#content{
  width:610px; position:absolute; top:283px; left:278px; background:#FFFFFF; border:solid; border-width:1px; border-color:#660000;
  	padding-left:5px;
	padding-right:5px;
	clear: right;
	color: #000000;
	background: #FFFFFF;
	font: 14px "Georgia", Arial, Helvetica, sans-serif;
	text-align:left;
 }
/* End Content */



/* BEGIN Nav */
 div#nav{
  width:180px; height: 500px; position:absolute; top:283px; left:95px; 
 }
/* End Nav */







/* BEGIN Copyright */
 div#copyright{
	position:fixed;bottom:0;left:7px; font-size:8px; font:"Georgia", Arial, Helvetica, sans-serif;
 }
/* End Copyright */



/* BEGIN  Side Panel */
.panels{
list-style-type: none;
margin: 0;
padding: 0;
width: 183px; /* width of menu */
}

.panels li{
border-bottom: 1px solid gray; /* gray border beneath each menu item */
}

.panels li a{
background: #660000; /*color of menu by default*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.panels li a:visited, .panels li a:active{
color: #ffffff;
}

.panels li a:hover{
background-color: #006666; /*color of menu onMouseover*/
color: white;
border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}

<!--[if IE]>
.panels li a{ /* Menu link width value for IE */
width: 100%;
}
<![endif]-->
/* END Side Panel */

.nowhere {
font: 15px "Georgia", Arial, Helvetica, sans-serif; 
}



.box {
font: 15px "Georgia", Arial, Helvetica, sans-serif; 
font-weight:bold;
color:#006666;	
text-transform:capitalize;
text-align:center;
margin:0px;
}

.iconheading {
font: 15px "Georgia", Arial, Helvetica, sans-serif; 
font-weight:bold;
color:#006666;	
text-transform:capitalize;
text-align:center;
margin-top:15px;
border-bottom:3px solid #660000;
}

#rightfloat {
position: absolute;
left: 42%;
top: 160px;
background-color: #FFFFFF;
overflow: hidden;
font: "Georgia", Arial, Helvetica, sans-serif; 
border:0px solid #660000;
padding-left:2px;
color:#000000;
}

#left {
position: absolute;
left: 5%;
font: "Georgia", Arial, Helvetica, sans-serif;
height:400px;
width:291px;
color:#000000;
top:140px;
background-color:#FFFFFF ;
}



#left_bottom { position:relative;
left: 5px;
top: 10px;
height:300px;
right:5px;
width:590px;
font: "Georgia", Arial, Helvetica, sans-serif;
color:#000000;

}

#right1 {
position: absolute;
left: 60%;
top: 140px;
overflow: hidden;
font: "Georgia", Arial, Helvetica, sans-serif; 
height:165px;
width:225px;
border:0px solid #660000;
padding-left:2px;
color:#000000;
}

#right2 {
position: absolute;
left: 60%;
top: 330px;
overflow: hidden;
font:"Georgia", Arial, Helvetica, sans-serif;
height:170px;
width:225px;
border:2px solid #660000;
padding-left:2px;
color:#000000;
}

#right3 {
position: absolute;
left: 60%;
top: 520px;
overflow: hidden;
font:"Georgia", Arial, Helvetica, sans-serif;
height:170px;
width:225px;
border:2px solid #660000;
padding-left:2px;
color:#000000;
}

.border { margin: 10px;
border:5px double #660000;
margin-left:10px;

}

/* BEGIN PopBox */	
	
	.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 0px #999999;
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}

/* END PopBox */	


</style>