/* ------------------------------------------------------------------
            WEBSITE TEMPLATE STYLE SHEET FOR HOLY TRINITY
            GREEK ORTHODOX CHURCH, NEW ROCHELLE, NY
--------------------------------------------------------------------- */


/* ------------------------------------------------------------------
            GLOBAL STYLES - UNIVERSAL SELECTORS & FIXES
--------------------------------------------------------------------- */


/* Sets browser padding and margin defaults to zero */
* { margin: 0; padding: 0; } 
/* IE 6 & 7 spacing hack */
* html img { display: block; } 

/* This keeps images wrapped in an anchor tag from displaying a border. Maybe. */
a img { border: none; display: inline; margin: 0; padding: 0; }

/* Things I want to appear with styles off, but disappear when styles
are on, are often wrapped in a div or span with this "hidden" class to 
hide them. */
.hidden { display: none; }

/* this is a fix for IE/Mac, to keep the nav items from breaking. I think */
#header li {
	/*\*/overflow: hidden;/**/
}

/*--------------------------------------------------------------------
                GLOBAL STYLES - STRUCTURAL RULES
---------------------------------------------------------------------- */

body	{	font-family: Georgia, "Times New Roman", Times, serif; font-size: .7em; line-height: 170.0%; color: #333333; background-image: url(/assets/images/ui/htnr_bg.gif); background-repeat: repeat-x; background-position: center top; background-color: #8b927e; 	}
#billboard	{	background-color: red; width: 984px; position: relative; top: 200px; padding: 0 0 0 16px; height: 200px;	}
/*--------------------------------------------
                  Breadcrumbs
---------------------------------------------*/
#breadcrumbs	{	position: relative; top: 0px; padding: 0; margin: 0; text-align: right; color: #b4b4b4; width: inherit;	}
.B_crumbBox     {     margin: 0 2em 0 0; font-family: Verdana; font-size: 85%; color: #660000; font-weight: bold; font-style: italic;	}
.B_homeCrumb   {	color: #660000; margin: 0 3px; font-weight: normal; font-style: normal;	}
.B_homeCrumb a	{	color: #b4b4b4;	}
.B_homeCrumb a:hover	{	background-color: transparent; border-bottom: 1px dotted yellow;	}
/*------------------------------------------*/

#container	{	margin: 0 auto; width: 1000px !important; width: 1000px;	}
#page_body	{	width: 1000px !important; width: 1000px; background-image: url(/assets/images/ui/htnr_page_bg.gif); background-repeat: repeat-y; background-position: center top; background-color: #8b927e; background-color: transparent; float: left; padding: 0; position:relative; border-bottom: 6px solid #c1ab86; z-index: 0; 	}

/* -------------------------------------------------------------------
                          HOMEPAGE COLUMNS
---------------------------------------------------------------------- */

#column_one_home	{	width: 220px; w\idth: 200px; /* IE hack */ float: left; padding: 10px; height: 500px; display: block; overflow: hidden; background-image: url(/assets/images/ui/htnr_leftbar.jpg); background-position: top left; background-repeat: no-repeat; }
#column_one_home ul	{	list-style: none;	}
#column_two_home {	width: 546px; w\idth: 526px; /* IE hack */ padding: 10px; float: left; overflow: hidden; display: block;	}
#column_two_home ul	{	margin-left: 40px; margin-top: 10px; margin-bottom: 20px; 	}
#column_three_home	{	width: 234px; w\idth: 214px; /* IE hack */ padding: 10px; float: left; overflow: hidden; display: block;   }
#column_three_home img	{	margin: 10px auto;	}
#column_three ul	{	list-style: none;	}

/* -------------------------------------------------------------------
                   ONLINE CHAPEL -- APPEARS
           IN THE RIGHT COL. ON THE HOMEPAGE
---------------------------------------------------------------------- */
.Chapel	{	font: 11px/16px Arial; color: #5C523B; padding: 0.8em 1em; margin: 0; 	}
.Chapel a	{	color: #5C523B; text-decoration: none; font-weight: bold;	}
.Chapel a:hover	{	color: white; text-decoration: none; background-color: #5c523b; font-weight: bold;	}
.Chapel ul	{	list-style: none; padding: 0; margin: 0;	}
.Chapel ul li	{	padding: 0 0 0.4em 0; margin: 0.4em 0; border-bottom: 1px dotted #b4b4b4;	}

/* -------------------------------------------------------------------
				CONTENT PAGE - COLUMN TWO 
-------------------------------------------------------------------- */
#column_one	{	width: 220px; w\idth: 200px; /* IE hack */ float: left; display: inline; padding: 10px; height: 500px; overflow: visible; background-image: url(/assets/images/ui/htnr_leftbar.jpg); background-position: top left; background-repeat: no-repeat; }
#column_one ul	{	list-style: none;	}
/* -------------------------------------------------------------------
				CONTENT PAGE - COLUMN TWO
-------------------------------------------------------------------- 

This column_two is used when there is a feature from the Marketplace on the right-hand side of the page */

#column_two {	width: 546px; w\idth: 526px; /* IE hack */ padding: 10px; float: left; overflow: visible; display: block;	}

/* -------------------------------------------------------------------
				CONTENT PAGE - COLUMN TWO
-------------------------------------------------------------------- 

This column_two is used when there is a feature from the Marketplace on the right-hand side of the page */
#column_two_wide {	width: 780px; w\idth: 740px; /* IE hack */ padding: 10px 20px; float: left; overflow: visible; display: block;	}
#column_two_wide ul	{	margin-left: 40px; margin-top: 10px; margin-bottom: 20px; 	}

#column_three	{	width: 234px; w\idth: 214px; /* IE hack */ padding: 10px; float: left; overflow: visible; display: block;	}
#column_three ul	{	list-style: none;	}

#footer	{	position: relative; font-size: 70.0%; margin: 0; padding: 0; width: 100%; !important; float: left; }
#footer p	{	text-align: center; font-size: 9px; font-family: Verdana; margin: 10px 0 10px 200px; padding: 0; line-height: normal;	}

#header	{	position: relative; width: 1000px; height: 145px; background-image: url("/assets/images/ui/htnr_header.jpg"); background-repeat: no-repeat; background-position: top center; background-color: black;	}

#sideNav	{	margin: 0.5em 0; position: absolute; top: 150px; width: 180px; 	}
#sideNav a	{	border: none;	}
#sideNav ul li	{	border-top: 1px solid white; line-height: normal; margin:  0 0 0.4em 0; padding: 6px 0;	}
#sideNav ul li.last	{	border-bottom: 1px solid white;	}
#sideNav ul li a	{	color: #900028; padding: 10px 4px; border: none; 	}
#sideNav ul li a:hover	{	background-color: transparent; text-decoration: underline;	}
#sideNav h2     {     border: none;  margin: 0 5px 10px 5px; font-style: normal;     }
#sideNav h2 a     {     color: #900028;    }
#sideNav h2 a:hover     {     background-color: transparent;      }

/* ---------------------------------------------------------------- 
						HOMEPAGE Top Navigation 
------------------------------------------------------------------- */	
#navigation  			{ 	position: absolute; top: 107px; left: 205px; padding: 0px; margin: 0px; height: 30px; width: 825px; background-color: transparent; z-index: 1; 	}
#navigation ul			{	position: relative; list-style: none; padding: 0; margin: 0; width: 100%; 	}
#navigation ul li		{	float: left; padding: 0; margin: 0.8em 0; text-align: center; width: 11.1%; color: #333; position: relative; text-transform: capitalize; border-right: 1px dotted #fff; }
#navigation ul li a		{	text-decoration: none; color: white; display: list-item; width: 100%; font-weight: bold; font-family: Arial; font-size: 100%; padding: 0; margin: 0; border: none;	}
#navigation ul li a:hover	{	background-color: transparent; color: gold; 	}
#navigation 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 */   	}
#navigation li:hover ul	{	display: block; position: absolute; margin: 0; padding: 0; top: 1.7em; left: 0; z-index: 2;    }
#navigation ul li ul li	{	width: 222px; float: left; background-color: #ffffe3; text-align: left; position: relative; padding: 0 4px; margin: 0; 
								border-bottom: 1px solid #b4b4b4; height: 20px; 	}
#navigation ul li ul li:hover	{	background-color: #37003e;  	}
#navigation ul li ul li.last		{	border-bottom: none;   	}
#navigation ul li ul li a		{	font-weight: bold; font-size: 11px; padding: 0; margin: 0; color: #35003c; text-transform: none;  	}
#navigation ul li ul li a:hover	{	text-decoration: underline; color: white;  background-color: transparent; 	}


/* ---------------------------------------------------------------- 
						Formatting for a 
					STANDARD TABLE to be displayed
						on a content page 
------------------------------------------------------------------- */	
table	{	margin: 10px 0; border-top: 1px solid #b4b4b4;	}
table tr	{		}
table tr td	{	padding: 6px 10px; vertical-align: top; border-bottom: 1px solid #b4b4b4;	}
table tr td ul	{	margin-left: 30px; 	}


/* ---------------------------------------------------------------- 
					Formatting for the GOOGLE Map
------------------------------------------------------------------- */	
iframe	{	border: 3px solid #333333; float: left; margin: 20px; width: 680px; 	}

/* -----------------------------------------------------------------
                 GLOBAL STYLES - COLUMN DIVISION
------------------------------------------------------------------*/

.column_one_divider	{ background-color: #DEDCE0; height: 1px; width: 435px !important; width: 420px; margin: 0 0 15px 0; clear: both; padding: 0;	}
.column_one_divider img {	height: 1px; width: 435px !important; width: 420px; margin: 0; padding: 0;	}
.column_two_divider {	background-color: #DEDCE0; height: 1px; width: 330px !important; margin: 0 -15px 15px !important; width: 300px; margin: 0 0 15px; clear: both;	}
.column_two_divider img {	height: 1px; width: 330px !important; width: 300px;	}
.column_three_divider {	background-color: #DEDCE0; height: 1px; width: 181px !important; margin: 0 -15px 15px !important; width: 151px; margin: 0 0 15px; clear: both;	}
.column_three_divider img {	height: 1px; width: 181px !important; width: 151px;	}

/* -----------------------------------------------------------------
               MAXIGALLERY STYLES-SITE PHOTO GALLERY
------------------------------------------------------------------*/
.imageview	{	width: 500px; height: auto;	}
.thumbs	{	text-align: left; font-family: Verdana; line-height: normal; font-size: 9px;	}
.thumbs li	{	padding: 10px; 	}
.picture	{	text-align: left: left; clear: both;	}


/* -----------------------------------------------------------------
                GLOBAL STYLES - TYPE SELECTORS
--------------------------------------------------------------------

These are default styles that every page needs to inherit */

a:link {	text-decoration: none; border-bottom: 1px dotted #b30000; font-weight: bold; color: #b30000;	}
a:visited {	text-decoration: none; border-bottom: none; font-weight: bold; color: #b30000;	}
a:visited:hover	{	background-color: transparent; border-bottom: 1px dotted #09495D;	}	
a:hover {	text-decoration: none; color: #cb6f14;	}
/* images wrapped in an anchor with a class of image won't have that weird hover */
.image:hover {	text-decoration: none; background-color: #fff; color: #000;	}

p {	padding: 0 0 0 0; text-align: justify;	}

blockquote {
	font-size: 85%;
	border-top-style: solid;
	border-top-color: #DEDCE0;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDCE0;
	border-bottom-width: 1px;
	padding: 15px;
	margin: 0 0 15px 0;
	background-color	: #E5E3E6;
}

code {
	font-size: 90%;
	color: #000;
	margin: 0 1px 0 1px;
}