/* 

Colors used in this site: 

red rgb(196,17,47)
brown rgb(171,152,116)    //rgb(199,176,132)
yellow rgb(255,224,52) 
dark sandstone rgb(124,111,87)
green rgb(108,125,103)
nice brownish grey rgb(155,142,117)
light sage rgb(141,154,137)
*/

body {
background-color: rgb(124,111,87); 
margin: 0px;
padding: 0px 0px 30px 0px;
}
body * {
font-family: lucida sans;
margin: 0px;
padding: 0px;
}

/* Default link colors */
a:link 
{
color: rgb(108,125,103); 
}
a:visited 
{
color: rgb(108,125,103);
}
a:hover 
{
color: rgb(108,125,103); 
}
a:active 
{
color: rgb(108,125,103);
}

#headerPanel 
{
margin: 0px;
padding: 0px;
}
#headerPanel img
{
border-color: rgb(0,0,0);
border-style: solid;
border-width: 0px 1px 0px 1px;
margin: 0px;
padding: 0px;
}


/* Menubar */
#menubarPanel 
{
background-color: rgb(119,119,119); /* rgb(108,125,103); */
border-color: rgb(0,0,0); /*rgb(124,111,87)  */
border-style: solid;
border-width: 1px 1px;
padding: 5px 0px 5px 0px;
width: 942px;
}
.menuDelimiter 
{
color: rgb(84,75,59); 
margin: 0px 5px;
}
#menubarPanel_leftSideOffset 
{
margin: 0px 0px 0px 30px;
}
.menuOptionLink 
{
font-size: 9pt;
font-weight: bold;
text-decoration: none;
}
.menuOptionLink:link  {
color: rgb(255,255,255);
}
.menuOptionLink:visited {
color: rgb(255,255,255);
}
.menuOptionLink:hover {
color: rgb(255,224,52);
}
.menuOptionLink:active {
color: rgb(255,255,255);
}


#pagePanel 
{
margin-left: 60px;
margin-top: 20px;
}
#pagePanel_table {
background-color: rgb(233,223,196);
border-color: rgb(0,0,0);
border-style: solid;
border-width: 0px 1px 1px 1px;
height: 580px;
}

#leftColumn 
{
padding: 25px 20px 10px 20px;
vertical-align: top;
width: 530px;
}
#rightColumn {
padding-top: 30px;
vertical-align: top;
width: 370px;
}


#titlePanel 
{
background-color: rgb(113,135,156); /* green rgb(108,125,103); */
background-image: url(../images/blueTitleBar.jpg);
background-repeat: repeat-y;
border-color: rgb(124,111,87) rgb(124,111,87) rgb(124,111,87) rgb(124,111,87); 
border-style: solid;
border-width: 1px;
color: rgb(255,255,255);
font-size: 16pt;
padding: 15px 0px 10px 15px;
vertical-align: middle;
}
#titlePanel * 
{
vertical-align: middle;
}
.title_cmaLogo 
{
margin-right: 15px;
}
#contentPanel 
{
background-color: rgb(255,255,255); 
border-color: rgb(124,111,87) rgb(124,111,87) rgb(124,111,87) rgb(124,111,87); 
border-style: solid;
border-width: 1px;
font-size: 10pt;
margin-bottom: 20px;
padding: 15px; 
}

#footerPanel 
{
color: rgb(255,255,255); 
margin-top: 5px; 
text-align: center;
width: 950px;
}



/* Right-side panel/menu */

#iconButtonPanel 
{
margin: 10px 0px 0px 8px;
}

#questionIcon 
{
cursor: pointer;
height: 40px;
padding-top: 8px;
vertical-align: middle;
width: 320px; 
}
#questionIcon span 
{
color: rgb(255,255,255); 
margin-left: 50px;
}
.questionIcon_default 
{
background-image: url(../images/questionIcon_default_new.png);
background-repeat: no-repeat; 
}
.questionIcon_highlighted 
{
background-image: url(../images/questionIcon_highlighted_new.png);
background-repeat: no-repeat; 
}

#prayerIcon 
{
cursor: pointer;
height: 40px;
padding-top: 8px;
vertical-align: middle;
width: 320px;       
}
#prayerIcon span 
{
color: rgb(255,255,255); 
margin-left: 50px;
}
.prayerIcon_default 
{
background-image: url(../images/needPrayerIcon_default_new.png);
background-repeat: no-repeat; 
}
.prayerIcon_highlighted 
{
background-image: url(../images/needPrayerIcon_highlighted_new.png);
background-repeat: no-repeat; 
}

#timeIcon 
{
cursor: pointer;
height: 40px;
padding-top: 8px;
vertical-align: middle;
width: 320px;       
}
#timeIcon span 
{
color: rgb(255,255,255); 
margin-left: 50px;
}
.timeIcon_default 
{
background-image: url(../images/clockIcon_default_new.png);
background-repeat: no-repeat; 
}
.timeIcon_highlighted 
{
background-image: url(../images/clockIcon_highlighted_new.png);
background-repeat: no-repeat; 
}




#serviceTimesBlurb 
{
font-size: 9pt;
font-weight: bold;
margin: 0px 0px 0px 10px;
padding: 0px;
text-align: left;
}

#questionOfTheWeek {
border-color: rgb(84,75,59);
border-style: solid;
border-width: 0px 1px 2px 0px;
padding: 5px 0px 5px 0px;
position: absolute;
top: 275px; 
left: 655px; 
width: 320px;
}
#questionOfTheWeek span {
margin-left: 35px;
}
#questionOfTheWeek_icon {
position: absolute;
top: 270px; 
left: 640px;
z-index: 100;
}

#needPrayer {
border-color: rgb(84,75,59);
border-style: solid;
border-width: 0px 1px 2px 0px;
padding: 5px 0px 5px 0px;
position: absolute;
top: 320px; 
left: 655px; 
width: 320px;
}
#needPrayer span {
margin-left: 35px;
}
#needPrayer_icon {
position: absolute;
top: 315px; 
left: 640px; 
z-index: 100;
}
#serviceTimes {
border-color: rgb(84,75,59);
border-style: solid;
border-width: 0px 1px 2px 0px;
padding: 5px 0px 5px 0px;
position: absolute;
top: 365px; /*428px;*/
left: 655px; 
width: 320px;
}
#serviceTimes span {
margin-left: 35px;
}
#serviceTimes_icon {
position: absolute;
top: 360px; /*423px;*/
left: 640px; 
z-index: 100;
}


#currentEvents {
border-color: rgb(120,120,120); 
border-style: solid;
border-width: 1px;
position: absolute;
top: 425px; /*475px;*/
left: 655px; 
width: 300px;
}

#currentEvents_title {
background-color: rgb(121,142,163); /*rgb(155,142,117); rgb(124,111,87); */
color: rgb(255,255,255);
font-size: 10pt;
font-weight: bold;
padding: 5px;
}
#currentEvents_title a 
{
text-decoration: none;
}
#currentEvents_title a:link {
color: rgb(255,255,255);
}
#currentEvents_title a:visited {
color: rgb(255,255,255);
}
#currentEvents_title a:hover {
color: rgb(255,224,52);
}
#currentEvents_title a:active {
color: rgb(255,255,255);
}


#currentEvents_lastUpdated {
color: rgb(255,255,255);
font-size: 8pt;
font-weight: normal;
margin: 0px 0px 5px 5px;
vertical-align: middle;
}
.currentEvents_event {
background-color: rgb(250,250,250);
font-size: 9pt;
padding: 5px;
}

#aboutTheCMA {
background-color: rgb(250,250,250);
border-color: rgb(120,120,120); /*rgb(199,176,132); */
border-style: solid;
border-width: 1px;
position: absolute;
top: 535px; /*490px;  560px;*/
left: 655px;
width: 300px;
}
#aboutTheCMA_title 
{
color: rgb(108,125,103);
font-size: 12pt;
font-weight: bold;
padding: 10px 0px 0px 10px;
}
#aboutTheCMA_text {
font-size: 10pt;
padding: 10px 20px 20px 10px;
}


.highlightedBar 
{
background-color: rgb(255,224,52);
}

.whiteBar 
{
background-color: rgb(255,255,255);
}
.whiteBar * 
{
color: rgb(0,0,0);
}
.brownBar 
{
background-color: rgb(171,152,116); 
}
.brownBar * 
{
color: rgb(255,255,255);
}
.greenBar 
{
background-color: rgb(108,125,103); 
}
.greenBar * 
{
color: rgb(255,255,255);
}
        
#needDirections 
{
margin-left: 25px;
position: absolute;
top: 730px;
}
#needDirections a 
{
font-size: 13pt;
font-weight: bold;
text-decoration: none;
} 
#needDirections a:link  {
color: rgb(0,0,0);
}
#needDirections a:visited {
color: rgb(0,0,0);
}
#needDirections a:hover 
{
color: rgb(196,17,47);
text-decoration: underline;
}
#needDirections a:active {
color: rgb(0,0,0);
}     

/* Page styles */

.sectionTitle {
/*border-color: rgb(171,152,116);
border-style: solid;
border-width: 0px 0px 1px 0px;*/
font-size: 12pt;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
width: 100%; /*530px;*/
}



.hiddenPanel {
display: none;
visibility: hidden;
}



/* XP Panel Skin CSS */

#vcma_dialogPanel  
{
z-index: 10000000;
}
/* Skin default elements */
#vcma_dialogPanel_c.yui-panel-container.shadow .underlay {
	left:3px;
	right:-3px;
	top:3px;
	bottom:-3px;
	position:absolute;
	background-color:#000;
	opacity:0.12;
	filter:alpha(opacity=12);
}

/* Apply the border to the right side */
#vcma_dialogPanel.yui-panel {
	border:none;
	overflow:visible;
	background: transparent url("yui2/assets/img/xp-brdr-rt.gif") no-repeat top right; 
}

/* Style the close icon */
#vcma_dialogPanel.yui-panel .container-close {
	position:absolute;
	top:5px;
	right:8px;
	height:21px;
	width:21px;
	background:url("yui2/assets/img/xp-close.gif") no-repeat;
}

/* Style the header with its associated corners */
#vcma_dialogPanel.yui-panel .hd {
	padding:0;
	border:none;
	background:url("yui2/assets/img/xp-hd.gif") repeat-x;
	color:#FFF;
	height:30px;
	margin-left:8px;
	margin-right:8px;
	text-align:left;
	vertical-align:middle;
	overflow:visible;
}

/* Style the body with the left border */
#vcma_dialogPanel.yui-panel .bd {
	overflow:hidden;
	padding:10px;
	border:none;
	background: rgb(245,245,245) url("yui2/assets/img/xp-brdr-lt.gif") repeat-y; 
	margin:0 4px 0 0;
}

/* Style the footer with the bottom corner images */
#vcma_dialogPanel.yui-panel .ft {
	background:url("yui2/assets/img/xp-ft.gif") repeat-x;
	font-size:11px;
	height:26px;
	padding:0px 10px;
	border:none
}

/* Skin custom elements */
#vcma_dialogPanel.yui-panel .hd span {
	line-height:30px;
	vertical-align:middle;
	font-weight:bold;
}
#vcma_dialogPanel.yui-panel .hd .tl {
	width:8px;
	height:29px;
	top:1px;
	left:0;
	background: url("yui2/assets/img/xp-tl.gif") no-repeat;
	position:absolute;
}
#vcma_dialogPanel.yui-panel .hd .tr {
	width:8px;
	height:29px;
	top:1px;
	right:0;
	background: url("yui2/assets/img/xp-tr.gif") no-repeat; 
	position:absolute;
}

#vcma_dialogPanel.yui-panel .ft span {
	line-height:22px;
	vertical-align:middle;
}
#vcma_dialogPanel.yui-panel .ft .bl {
	width:8px;
	height:26px;
	bottom:0;
	left:0;
	background:url("yui2/assets/img/xp-bl.gif") no-repeat;
	position:absolute;
}
#vcma_dialogPanel.yui-panel .ft .br {
	width:8px;
	height:26px;
	bottom:0;
	right:0;
	background:url("yui2/assets/img/xp-br.gif") no-repeat;
	position:absolute;
}