﻿/*****Basic Elements*****/  

body
{
	background-color: #ededed;
}


#MainBody
{
     background-color: White;
     width: 1000px;
           
}

#ImageHeader{
 background-color:#90B7F2;
 width:1000px;
 padding-right:50px;
}

#MainMenuHeader{
 background-color:#5E779D;
 width:1000px;
 padding-right:25px;
 padding-left:25px;

}

#LeftPage{
    font-family: Arial, Helvetica, sans-serif;
	width: 300px;
    padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 95%;
	background-color: #FFF;
	table-layout:fixed;
}

#MiddlePage{
	width: 175px;
	padding-top: 10px;
	padding-left:5px;
	padding-right:5px;
	font-size: 95%;
	background-color: #FFF;	
	table-layout:fixed;
}

#RightPage{
	width: 525px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 95%;
	background-color: #FFF;
	table-layout:fixed;	
}

#copyright{
	width: 275px;
	color: #5E779D;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
}

.WelcomeI
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 85%;
    letter-spacing: .05em;
}

.WelcomeII
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: 200;
}

.MMHeader
{
    font-family: Arial, Helvetica, sans-serif;
    color: #3f5069;
    letter-spacing: .05em;
    font-size: x-large;
}

.MMItems
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight: bold;
    letter-spacing: .02em;
    color: #90B7F2;
    padding-left: 05px;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	color: #90B7F2;
	letter-spacing: .1em;
}

h3
{
	font-family: Arial, Helvetica, sans-serif;
	color: #90B7F2;
	letter-spacing: .1em;
}

h4
{
	font-family: Arial, Helvetica, sans-serif;
	color: #5E779D;
	font-size: 90%;
}

.rplb
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

.rpf1
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	letter-spacing: .05em;
}

.rpf2
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	letter-spacing: .04em;
}

.stable
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}

.staff
{
    font-family: Arial, Helvetica, sans-serif;
    color: #5E779D;
    font-size: 90%;
    font-weight: bold;
}

.em 
{
    font-family: Arial, Helvetica, sans-serif;
    color: #5E779D;
	font-size: 80%;
	font-weight: bold;
}

img{border: none;}


/*****Links*****/  

a:mml:active
{
    color: #5E779D;
    text-decoration:none;
}

a.mml:visited
{
    color: #5E779D;
    text-decoration:none;
}

a.mml:hover
{
    color: #b8c3d4;
    background-color: #3f5069;
    cursor: hand;
    text-decoration:none;
}

a.mml:link
{
    color: #5E779D;
    text-decoration:none;
}


a:mml2:active
{
    color: #5E779D;
    text-decoration:none;
    font-size:16px;
}

a.mml2:visited
{
    color: #5E779D;
    text-decoration:none;
    font-size:16px;
}

a.mml2:hover
{
    color: #b8c3d4;
    background-color: #3f5069;
    cursor: hand;
    text-decoration:none;
    font-size:16px;
}

a.mml2:link
{
    color: #5E779D;
    text-decoration:none;
    font-size:16px;
}

/***** MISC *****/ 

.OP{
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight: bold;
	color:  #3f5069;
    background-color: #b8c3d4;
}

#scroll_area{
	width: auto;
	height: 525px;
	overflow: auto;
	overflow-x:hidden;
	white-space:nowrap;
}

#scroll_area2{
	width: 490px;
	height: 500px;
	overflow: auto;
	white-space:nowrap;
}

.Help
{
    font-family: Trebuchet MS, Arial, Tahoma;
    font-variant: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 70%;
    color: red;
}

.verse
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: text-top;
}

.rl
{
    color: #FF0000;
}

/*  WILSHIRE MAIN MENU STYLES  */

#sddm
{	  
    margin: 0;
	padding: 0;
	z-index: 30	
}

#sddm ul
{
    margin: auto 12% auto 12%;
}

#sddm li
{	
    margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial
}

#sddm li a
{		
    /* border-style: inherit; */
    border-bottom-width:3px;
    display: block;
	margin: 0 10px 0 0; /* spacing between menu items */
	padding: 4px 4px;
	width: 100px;
    font-size:15px;
	background: #5E779D;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover
{	
    background: #90B7F2;
 	
}

#sddm div
{	
    position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2
}

#sddm div a
{	
    position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #b8c3d4;
	color: #FFFFFF;
	font: bold 14px arial;
}

	#sddm div a:hover
{	background: #90B7F2;
	color: #FFF
}

