/*---------------------- CSS Document For Saint Spyridon, San Diego, CA ----------------------  */
body {	background: #B59B69; margin: 0px auto; text-align: center; 	}
.generaltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: left;
	color: #990033;
	margin: 20;
	padding: 20;
}

.tablheadr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	position: relative;
}
.tablsubheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}
.tablsmtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}
.tablsmitaltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
}



#pageFrame	{	width: 1000px; margin: 0px auto; padding: 0px; border: 1px solid #BFB694; background-color: white;	}

/*---------------------- Header---------------------- */
#header	{	width: 100%; height: 157px; background-image: url(../images/headr_stspyridon.jpg); background-repeat: no-repeat;	}
#blankDiv_header	{	width: 250px; height: 100%; float: left;	}	
#parishName {	text-align: left; float: left; font: normal 26px Georgia, Times, serif; color: white; text-decoration: none; text-transform: capitalize; margin: 1.5em 0 0 0; padding: 0; width: 500px;	}
#parishLocation {	text-align: center; float: left; font: normal 18px Georgia, Times, serif; color: white; text-decoration: none; text-transform: capitalize; margin: 0; padding: 0; width: 500px;	}

/* -------------------- Top Navigation -------------------- */	
#mainNav				{	float: left; width: 100%; margin: 0; position: relative; padding: 0; background-color: #924647; height: 36px; border-top: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4;	}
#mainNav ul			{	position: relative; list-style: none; padding: 0; margin: 0; width: 100%; 	}
#mainNav ul li		{	float: left; padding: 0; margin: 0; text-align: center; width: 110px; font: normal 11px arial, verdana, helvetica, sans-serif; 
								color: #333; position: relative; text-transform: uppercase;	}
#mainNav ul li:hover	{	 background-color: #910002;	}
#mainNav ul li a		{	text-decoration: none; color: white; display: list-item; width: 100%; font-weight: bold; padding: 1em 0 1.3em 0; 	}
#mainNav ul ul		{	float: left; display: none; margin: 0; padding: 0; width: 230px; border: 1px solid #b4b4b4; 
								opacity: 0.90; filter: alpha(opacity=90); /* IE patch */ z-index: 600;  	}
#mainNav li:hover ul	{	display: block; position: absolute; margin: 0; padding: 0; top: 2em; left: 0;	  }
#mainNav ul li ul li	{	width: 100%; float: left; background-color: #ffffe3; text-align: left; position: relative; padding: 0; margin: 0; 
								border-bottom: 1px solid #b4b4b4; height: 20px;   	}
#mainNav ul li ul li.last		{	border-bottom: none;   	}
#mainNav ul li ul li a		{	font-weight: bold; font-size: 10px; padding: 0.3em 0.5em; color: black; text-transform: none; height: 15px;  	}
#mainNav ul li ul li a:hover	{	color: #801F30; text-decoration: underline;   	}
#mainNav ul li a:hover		{	color: gold; 	}

/* -------------------- Side Navigation for the Homepage -------------------- */
.homeLeft					{	float: left; width: 170px; position: relative; 	}
.homeLeft ul				{	position:relative; list-style: none; padding: 0; margin: 1.6em 0; width: 98%; 	}
.homeLeft ul li				{	border-bottom: 1px solid #9D936F; padding: 0; margin: 0; text-align: right; 
								font: normal 12px arial, verdana, helvetica, sans-serif; color: #333; position: relative;	}
.homeLeft ul li:hover		{	background-color: #f5f0e6;	}
.homeLeft ul li a			{	text-decoration: none; color: black; display: list-item; width: 96%; padding: 0.6em 0;  	}
.homeLeft ul ul				{	display: none; margin: 0; width: 260px; background-color: #ffffe3; border: 1px solid #b4b4b4; 
								opacity: 0.90; filter: alpha(opacity=90); /* IE patch */ }
.homeLeft li:hover ul		{	display: block; position: absolute; margin-left: 0.4em; left: 98%; top: 0;   }
.homeLeft ul li ul li		{	text-align: left; position: relative; padding: 0 0.4em; margin: 0;  	}
.homeLeft ul li ul li a		{	font-weight: bold; font-size: 11px; padding: 0.3em 0;   	}
.homeLeft ul li a:hover		{	text-decoration: underline; color: #801F30; 	}


/* ---------------------- Navigation -- Side ---------------------- */
#linkList {	float: left; font-family: Arial, sans-serif; padding: 0px; margin-top: 0.4em; width: 170px; background-color: #D9CFB8; }
#linkList ul { float: left; list-style: none; margin: 0px; padding: 0px; background-color: #D9CFB8; width: 100%;  }
#linkList li { color: #000; border-bottom: 1px solid #9D936F; padding: 0px; line-height: 15px; height: 20px;  }
html>body #linkList li { padding: 0.1em 0px; }
#linkList li:hover { background: #F5F0E6; color: #00263C; }	
html>body #linkList li a { padding: 0 0 0 10px; }
#linkList li a { font-size: 11px; display: block; color: #000; padding: 3px 0 3px 10px; margin: 0; width: 100%; font-weight: bold; text-decoration: none; text-transform: capitalize; }
#linkList li a:hover { color: #00263C; background-color: #F5F0E6; }
#lselect ul li { color: #000; text-align: left;  }
#lselect ul li a { font-weight: bold; display: inline; color: #000; text-transform: none; text-align: left; }

/*---------------------- Page Content Area ----------------------  */
#bodyFrame	{	float: left; background-color: #D9CFB8; padding: 0; margin: 0; width: 100%;	}	
#contentArea  {	float: left; background-color: #fff; width: 83%; padding: 0; margin: 0; }
	#contentArea p	{	margin: 0.8em 0; padding: 0 0.8em; font: normal 12px/22px arial, sans-serif; text-align: justify;	}
.barrier {
	margin-top: 20px;
	margin-right: 1in;
	margin-bottom: 20px;
	margin-left: 20px;
}

	#contentArea p a	{	color:  #910002; font-weight: bold; text-decoration: underline;	}
	#contentArea p a:hover	{	color:  black; font-weight: bold; text-decoration: none; background-color: #BFB694;	}

h1, h2, h3, h4, h5, h6  { font-family: Georgia, Times, "Times New Roman"; color: black; text-transform: capitalize; margin: 0.4em 0.4em 0 0.4em; font-weight: normal; text-align: center;   }

.smallLinks, .smallLinks a { font-size: 10px; text-decoration: none; color: #CC0033; }	
.smallLinks a:hover { text-decoration: underline; color: #FF0000; }
.smallLinks a:active { color: #996600; }

/*---------------------- Page Footer ----------------------  */
#footer { float: left; border-top: 1px solid #b4b4b4; width: 100%; background-color: white; padding: 0; margin: 0;  }
#footer p { font: normal 9px/12px verdana, arial, sans-serif; color: black; padding: 0.3em 0; text-decoration: none; text-align: center;  }

.clear	{	clear: both;	}
.headersundays {
	font-family: "Times New Roman", Times, serif; font-size: x-large; font-style: normal; font-weight: bold; color: #990000;
}
.tablxsmtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-align: left;
}
.leftimage {
	float: left;
	margin: 20px;
	padding: 20px;
}
.leftarea {
float: left;
	border: 20;
	margin: 20;
}
.rightarea {
	float: right;
	border: 20;
	margin: 20;
}


.clearfloat {
	clear: both;
}
.subheadersundays {

	font-family: "Times New Roman", Times, serif;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	color: #990033;
}
.regboldsundays {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium; font-style: normal; font-weight: bold; color: #990033;
}
.regsundays {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	color: #990033;
	text-align: left;
	padding: 20;
	text-decoration: none;
}
.boxwide {
	margin: 50px;
	width: 36em;
	border: 1 solid #000000;
}
.tableLcol {
	margin: 5px;
	width: 30%;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-collapse: separate;
	border-spacing: 20;

70;
	float: left;
	text-align: right;
}
.tableRcol {

	margin: 5px;
	width: 50%;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-collapse: separate;
	border-spacing: 20;
70;
	float: right;
}
.rightimage {

	float: right; margin: 0 0 15px 30px; }
}

form { 
 border: 1px solid #666699; 
 padding: 5px; 
}
form#sendform {  
 background-color: #CCCCCC;  
 color: #000000;  
 border: 1px solid #999999;  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 10px;  
 text-align: right;  
}
#sendform .text {  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 11px;  
 width: 100px;  
 margin-right: 6px;  
 
}
#sendform table {   
 background-color: #F9FBFD;   
 color: #000000;   
 width: 440px;   
 border: 1px solid #D7E5F2;   
 border-collapse: collapse;   
}   
  
#sendform td {   
 border: 1px solid #D7E5F2;   
 padding-left: 4px;   
}
.labelcell {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #3670A7;
	background-color: transparent;
	text-align: left;
	letter-spacing: normal;
}    
   
.fieldcell {    
 background-color: #F2F7FB;    
 color: #000000;    
 text-align: right;    
 margin-right: 0px;    
 padding-right: 0px;    
}    
   
.smalllabelcell {    
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 background-color: transparent;    
 color: #3670A7;    
}    
   
.smallfieldcell {
	background-color: #F2F7FB;
	color: #000000;
	margin-right: 0px;
     
}
.fieldcell input {    
 width: 200px;    
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 background-color: #D7E5F2;    
 color: #102132;    
 border: 1px solid #284279;    
 margin-right: 0px;    
}    
   
.smallfieldcell input {    
 width: 100px;    
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 background-color: #D7E5F2;    
 color: #102132;    
 border: 1px solid #284279;    
}    
   
.smallfieldcell select {    
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 background-color: #D7E5F2;    
 color: #102132;    
 border: 1px solid #284279;    
}
.button {    
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 background-color: #D7E5F2;    
 color: #102132;    
 margin-left: 12px;    
 margin-top: 3px;    
 margin-bottom: 2px;    
}
.editregionbox {
	margin: 5px;
	width: 40em;
}
.rightcolumn {
	border: 10;
	margin: 10;
	text-align: left;
	width: 45%;
	float: right;
}
.leftcolumn {

	border: 10;
	margin: 10;
	text-align: left;
	width: 45%;
	float: left;
}
.rightcolumnvertcenter {
	border: 10;
	margin: 10;
	text-align: left;
	width: 45%;
	float: right;
	vertical-align: middle;
}
.leftcolumnvertcenter {
	border: 10;
	margin: 10;
	text-align: left;
	width: 45%;
	float: left;
	vertical-align: middle;
}
.centerit {
	position: relative;
	left: 25%;
}