/* http://msdn2.microsoft.com/en-us/library/aa218659(office.11).aspx */

BODY{
scrollbar-arrow-color: #5831A4;
scrollbar-base-color: #AAAAAA;
scrollbar-darkshadow-color: ;
scrollbar-face-color: #AAAAAA;
scrollbar-highlight-color: ;
scrollbar-shadow-color: ;
scrollbar-track-color: ;
background-color:#aaaaaa;
background-image:url('images/top_slice.png'); background-position:top center; background-repeat:repeat-x;
}


div.bodywrapper {
	top: 0;
	width:100%;
	height:100%;
	
}

div.topsectionwrapper{
	width:100%;
	height:85px;
}

div.topsection{
	position:absolute;
	top:9px;
	left:50px;
	right:50px;
	width:850px;
	margin:0 auto;
	height:68px;
}

div.topsectionservices{
	position:absolute;
	top:9px;
	left:50px;
	right:50px;
	width:850px;
	margin:0 auto;
	height:68px;
}

div.logo{
	width:521px;
	height:68px;
	float:left;
	text-align:center;
}

div.datetime{
	width:215px;
	height:68px;
	float:right;
	text-align:center;
}

div.worshiptimes{
	position:absolute;
	top:10px;
	left:83%;
	height:60px;
	z-index:2;
	color:#000000;
	font-weight:bold;
}

div.contentwrapper{
	width:100%;
	height:100%;
}

div.contentsection{
	position:absolute;
	top:87px;
	background:url('images/content_bg.jpg'); background-position:center; background-repeat:repeat;
	z-index:1;
	left:50px;
	right:50px;
	width:850px;
	margin:0 auto;
}

div.contentsectionservices{
	position:absolute;
	top:87px;
	background:url('images/content_bg.jpg'); background-position:center; background-repeat:repeat;
	z-index:1;
	left:50px;
	right:50px;
	width:950px;
	margin:0 auto;
}

div.menubg{
	position:absolute;
	top:0px;
	left:0;
	background:url('images/menu_bg.png'); background-position:top center; background-repeat:no-repeat;
	z-index:2;
	width:850px;
	height:33px;
}

div.menubgservices{
	position:absolute;
	top:0px;
	left:0;
	background:url('images/menu_bg.png'); background-position:top center; background-repeat:no-repeat;
	z-index:2;
	width:940px;
	height:33px;
}

div.content{
	position:absolute;
	top:50px;
	width:850px;
	margin:0 auto;
}

div.contentservices {
	position:absolute;
	top:50px;
	width:950px;
	margin:0 auto;
}

div.contentmmad2011 {
	position:absolute;
	top:0px;
	left:0;
	width:850px;
	text-align:center;
}

div.footerwrapper{
	width:100%;
	height:100%;
}

div.footer{
	position:relative;
	top:5px;
	width:850px;
	margin:0 auto;
	width:840px; 
	height:60px; 
}

div.bottommenu{ 
	height:60px;
	width:840px; 
	margin:5px;
	text-align:center;
}

/**************  This is for the general links  ************* */
a:link{text-decoration: none; font-weight:bold; color:#0550C0}
a:visited{text-decoration: none; font-weight:bold; color:#0550C0}
a:hover{text-decoration: underline; font-weight:bold; color:#0550C0}
a:active{text-decoration: none; font-weight:bold; color:#0550C0}

/**************  This is for the menu links  **************/
a.menu:link{text-decoration: none; color: #FFFFFF; display: block ;}
a.menu:visited{text-decoration: none; color: #FFFFFF; display: block ;}
a.menu:hover{text-decoration: none; color: #aaaaaa; display: block ;}
a.menu:active{text-decoration: none; color: #FFFFFF; display: block ;}

/**************  This is for the menu item links  ************* */
a.menuitem:link{font-size:12px;	width:200px; text-decoration: none; color: #5831a4; background: #EEEEEE; display: block;}
a.menuitem:visited{font-size:12px; width:200px; text-decoration: none; color: #5831a4; background: #EEEEEE; display: block;}
a.menuitem:hover{	font-size:12px; width:200px; text-decoration: none; color: #EEEEEE; background: #5831a4; display: block;}
a.menuitem:active{font-size:12px; width:200px; text-decoration: none; color: #5831a4; background: #EEEEEE; display: block;}


span.menu li a:link		{color:#1B3B63; font-size:16px; font-weight: bold; text-decoration: none;}
span.menu li a:visited	{color:#1B3B63; font-size:16px; font-weight: bold; text-decoration: none;}
span.menu li a:hover	{color:#307AC7; font-size:16px; font-weight: bold; text-decoration: underline;}
span.menu li a:active	{color:#1B3B63; font-size:16px; font-weight: bold; text-decoration: none;}

span.menu li ul a:link		{color:#1B3B63; font-size:15px; font-weight: bold; text-decoration: none;}
span.menu li ul a:visited	{color:#1B3B63; font-size:15px; font-weight: bold; text-decoration: none;}
span.menu li ul a:hover		{color:#307AC7; font-size:15px; font-weight: bold; text-decoration: underline;}
span.menu li ul a:active	{color:#1B3B63; font-size:15px; font-weight: bold; text-decoration: none;}

ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	background-color:#cccccc;
}
 
li { /* all list items */
	float: left;
	position: relative;
	/*width: 5em; */
	list-style: none;
	width:100px;
	
}
 
li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1.2em;
	/*right: -300;*/
	/* left: -90; */
	margin-left:-140px;
}

li.holler {
	float: left;
	position: relative;
	width:35em;
	height:26px;
	border:1px solid #006699;
}

li.holler2 {
	float: left;
	position: relative;
	width:25em;
	height:45px;
	border:1px solid #006699;
}

li.holler3 {
	float: left;
	position: relative;
	width:35em;
	height:26px;
	border:1px solid #006699;
	width:700px;
}
 
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
 
li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

div.topmenu{
	position:absolute;
	top:5px;
	left:23%;
	height:25px;
	z-index:3;
}


/************* * This is for the bottom links ************* */
a.bottom:link{text-decoration: underline; font-size:12px; color: #FFFFFF;}
a.bottom:visited{text-decoration: underline; font-size:12px; color: #FFFFFF;}
a.bottom:hover{text-decoration: none; font-size:12px; color: #AAAAAA;}
a.bottom:active{text-decoration: underline; font-size:12px; color: #FFFFFF;}