/* Web Styles for Holy Spirit Episcopal Church */

/* Remove all padding and margins to allow easier positioning */
* {
	margin: 0;
	padding: 0;
}

/* Background will be set to liturgical season:  gold, purple, green, red */
/* Holy Week Red - #cc0000  */
/* Easter, Christmas:  Gold - #FFCC00 */
/* Advent, Lent: Purple - #9966CC */
/*  Ordinary Season Green -  #009900 */
body {
	background-color:#009900;
	font-family: Georgia, "Times New Roman", Times, serif;	
}


/* Outermost container for all blocks, default size is 1002 x whatever size the screen supports */
/* Top and bottom margin of 3px + single line border all round */
#outer_container {
	width:1002px;
	margin: 3px auto;
	border: solid 0 1px;
	text-align: left;
	background-color: #FFF;
}


/* Header Section */
#header{
	height: 110px;
	width: 1002px;
	float: left;
	border-left: solid 0 1px;
	border-top: solid 0 1px;
	border-right: solid 0 1px;
}

/* Page footer style */
#footer{
	height: 20px;
	width: 1002px;
	clear:both;
	text-align:center;
	border-top:solid #0000FF 1px;
}

#primary_navbar {
	clear:both;
}

/* Inner container contains main and possible right side column */
#inner_container {
	clear: both;
	text-align: center;
}

/* 
* Row Elements are each 334 px wide with padding
* Single row elements are 1/3 of the inner container in width with double and triple row element being
* that much wider.  A triple row element takes up the entire width of the inner container
*/
#row_element_single {
	width:316px;
	padding:9px;
}

#row_element_double {
	width:650px;
	padding:9px;
}

#row_element_triple {
	width:984px;
	padding:9px
}

/* Needed for Floating Left and Right */
#row_element_double_box {
	width:668px;
}



/* Main Info padding */
#maininfo {
    padding: 10px 10px;
}

/* Ordered List Style */
li {
	padding-left: 20px;
	margin-left: 20px;
	text-indent: 1em;
} 

/* Paragraph Spacing */
p {
	margin-bottom: .5em;
}

/* Space around images */
img {
   margin: 3px;
}

/* Specific H1 style for consistency */
h1 {
	background-color: #CCC;
}

/* New Drop Down Menu CSS */
#mB {
	/* font:bold 12px arial,Helvetica,sans-serif; */
	text-align:left;
	margin-bottom:5px;
	position:relative;
	top:0;
	left:0;
	/* width:99%; */
	overflow:hidden;
	/* border:solid 6px #00F; */
	background-color:#0FF;
	z-index:1000;
	/* NRY */
	padding: 3px; 
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	text-indent: 190px;
}

.mH {
	color:#FFF;
	background-color:#00F;
	text-decoration:none;
	white-space:nowrap;
	cursor:pointer;
	position:relative;
	border-right:6px solid #0ff;
	margin:0;
	padding:5px 10px 5px 5px;
}

.mLink {
	color:#FFF;
	text-decoration:none;
}

a.mL:link {
	color:#666;
}

a.mL:visited {
	color:#666;
}

a.mL:hover {
	color:#333;
	background-color:#999;
}

a.mL:active {
	color:#FFF;
	background-color:#f0f;
}

.mD {
	color:#666;
	/* font:12px arial, Helvetica, sans-serif; */
	background-color:#ccc;
	visibility:hidden;
	position:absolute;
	z-index:1000;
	top:60px;
	left:0px;
	width:200px;
	border-color:#000;
	/* border-style:solid;
	border-width:0 1px 1px; */
	margin:0;
	padding:0;
	font-size: 12px;
	font-weight:bold;
	text-indent: 1em;
}

a.mL {
display:block;
border-top:1px solid #ccc;
text-decoration:none;
padding:1px 4px;
}

a.mO {
display:block;
border-top:1px solid #ccc;
text-decoration:none;
padding:1px 4px;
}

a.mO:link {
	color:#FFF;
}

a.mO:visited {
	color:#FFF;
}

a.mO:hover {
color:#666;
}

a.mO:active {
color:#666;
}