/* 
==================================================================================
Order of font value:
font-style | font-variant | font-weight | font-size | font-family


================================================================================== 
*/

a:link       
{ 
color: lightgreen; 
font-weight: bold; 
}

a:active     
{ 
text-decoration: none 
}

a:visited    
{ 
text-decoration: none 
}

a:hover      
{ 
color: #CC9966; 
font-style: italic; 
font-weight: bold 
}

table#maincontainer
{
width: 800;
height: 100%;
border: 0;
spacing: 0;
padding: 0;
}

/* 
====================
CELL BACKGROUNDS FOR WHOLE PAGE 
====================
*/
.comlheader
{
background-image: url(http://www.churchofthemysticlight.com/images/comlheader3.jpg);
height: 131;
width: 100%;
valign: top;
}

.comlbody
{
background-image: url(http://www.churchofthemysticlight.com/images/comlbody3.jpg);
height: 18;
width: 100%;
valign: top;
}

.comlfooter
{
background-image: url(http://www.churchofthemysticlight.com/images/comlfooter3.jpg);
height: 147;
width: 100%;
valign: top;
}

blockquote
{ 
font-family: Tahoma,Helvetica,Sans-Serif; 
font-size: 10pt; 
color: #003300; 
margin-top: 2; 
margin-bottom: 6 
}

/* -- url('http://www.churchofthemysticlight.org/images/dimpled-tile-grn.jpg'); /images/bgdesert.jpg-- */
body         
{ 
background-image:
url('http://www.churchofthemysticlight.com/images/dimpled-tile-grn.jpg');
font-family: Tahoma,Helvetica,Sans-Serif; 
font-size: 10pt; 
color: #003300; 
margin-top: 0; 
margin-bottom: 0; 
margin-left: 0;
margin-right: 0
}

p
{ 
font-family: Tahoma,Helvetica,Sans-Serif; 
font-size: 12pt; 
color: #003300; 
margin-top: 2; 
margin-bottom: 8; 
line-height: 150%; 
text-indent: 20; 
}

h1           
{ 
font-size: 24pt; 
color: darkgreen; 
font-family: Arial Black; 
letter-spacing: 1pt; 
font-weight: bold;
margin-top: 2;
margin-bottom: 2
}

h2           
{ 
font-size: 14pt; 
color: darkgreen; 
font-family: Arial Black; 
letter-spacing: 1pt
font-weight: bold; 
margin-bottom: 2 
}

h3           
{ 
font-size: 12pt; 
color: darkgreen; 
font-family: verdana, arial narrow; 
font-weight: bold; 
margin-bottom: 0 
}

h4           
{ 
font-size: 8pt; 
font-family: verdana, arial narrow; 
font-style: italic;
font-weight: bold; 
margin-bottom: 2 
}

h5           
{ 
font-size: 8pt; 
font-family: verdana, arial narrow; 
font-style: italic;
font-weight: bold; 
margin-bottom: 2 
}

h6           
{ 
font-size: 8pt; 
font-family: verdana, arial narrow; 
font-style: italic;
}

hr           
{ 
color: #D4AAA4; 
position: relative 
}

//* ====================== 	CLASSES ===================== *//
.buttonscontainer {width: 150px;}

.buttons a {color: #FFFFFF;
border: 1px solid;
background-color: darkgreen;
padding: 2px;
padding-left: 3px;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #003300 green green lightgreen;
display: block;
margin: 0px;
width: 100%;
text-align: left;}

.buttons a:hover {border: 1px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: white;
border-color: #006600 #00CC33 #00CC33 #006600;
color: green;
text-decoration: none;}

.note        
{ 
font-size: 10pt; 
font-family: Arial Narrow; 
font-style: italic 
}

.big-sign           
{ 
font-family: Comic Sans; 
font-size: 36pt; 
color: darkgreen; 
text-indent: 0;
letter-spacing: 1pt; 
font-weight: bold 
}

.pageheader
{ 
font-family: Arial Black; 
color: darkgreen; 
font-size: 24pt; 
font-weight: bold; 
margin-bottom: 1; 
margin-top: 1;
text-indent: 0
}              

.sectionheader
{ 
font-family: Arial Black; 
color: darkgreen; 
font-size: 14pt; 
font-weight: bold; 
font-stretch: ultra-expanded;
margin-top: 10;
margin-bottom: 4; 
text-indent: 0
}              


.title-lg
{ 
font-family: Arial Black; 
color: blue; 
font-size: 24pt; 
font-weight: bold; 
text-indent: 1; 
margin-bottom: 0; 
margin-top: 0 
}              

.title-sm
{ 
font-family: Arial Black; 
color: blue; 
font-size: 18pt; 
font-weight: bold; 
text-indent: 1; 
margin-bottom: 0; 
margin-top: 0 
}              

.title-tiny
{ 
font-family: Arial Narrow; 
color: #CC3300; 
font-style: italic; 
font-size: 8pt; 
font-weight: bold; 
text-indent: 1; 
letter-spacing: 1pt; 
margin-bottom: 4; 
margin-top: 6 
}              

.print-small   
{ 
font-family: Verdana; 
font-size: 8pt; 
font-weight: bold; 
text-align: left;
color: darkgreen;
font-stretch: ultra-expanded;
font-style: italic;
text-indent: 0
}              

.warning       
{ 
font-family: Arial Narrow; 
font-size: 12pt; 
color: #c00; 
font-weight: bold; 
line-height: 150% 
}

.bold-green-text 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: darkgreen;
	text-decoration: blink;
}

.brash 
{
	font-family: Comic Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: darkgreen;
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 20;
	text-indent: 0
}

.hiddenPic 
{
	display:none;
}

/* ================== CSS Popout Menu ====================== */

#menu{
top:5px;
left:5px;
background: #99CC66;
padding:1px;
z-index:2;
width:132px;
}

#menu a, #menu h2{
display:block;
font:bold 11px/16px arial,helvetica,sans-serif;
border-top:1px solid #3f6;
border-left:1px solid #393;
border-right:1px solid #063;
border-bottom:1px solid #9c3;
white-space:nowrap;
text-indent:2px;
width:130px;
}

#menu a{
background:#edeef6 url("/images/nav/menutilegreenlo.gif") repeat-x;
text-decoration:none;
}

#menu a, #menu a:visited{
color:#494c59;
}

#menu a:hover{
color:#000;
background:#e2e2ec url("/images/nav/menutilegreenhi.gif") repeat-x;
}

#menu a:active{
color:#060;
background:#e2e2ec url("/images/nav/menutilegreenhi.gif") repeat-x;
}

#menu h2{
font:bold 10px/16px tahoma,helvetica,sans-serif;
color:#fff;
background:#060 url("/images/nav/menu-titlegreen.gif") repeat-x;
text-transform:uppercase;
margin:0;
padding:0;
width:130px;
}

#menu li{
list-style-type:none;
}

#menu ul li{
position:relative;
}

#menu li ul{
position:absolute;
top:0;
left:132px;
display:none;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
/* End */

div#menu ul, #menu ul ul, div#menu ul ul ul{
margin:0;
padding:0;
list-style-image:none;
width:130px;
}

div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul{
display:none;
}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul{
display:block;
}

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
text-indent:2px;
color:#494c59;
background:#edeef6 url(/nav/images/tile-silver-3-x.gif) repeat-x;
}

#menu a.x:hover{
color:#000;
background:#edeef6 url(/nav/images/tile-blue-over-3.gif) repeat-x;
}

#menu a.x:active{
color:#060;
background:#e2e2ec url(/nav/images/tile-blue-on-3.gif) repeat-x;
}