﻿@import url("layout.css");
body {
	font-family: Times New Roman,Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	font-weight:bold;
	background-color: #f2f2f7;
	background-image: url("../images/greyish.png");
	background-repeat: repeat;
	background-attachment: scroll;
	

}
#container {
	width: 65em;
	margin: 0.85em auto;
}
#masthead {

	text-align: center;
	width: 64em;	
	border-top: 1px solid #dcdcdc;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fafaff;
	padding:5px;
}
#navigation {
	position: relative;
	float: left;
	width: 16%;
	height:57.8em;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #dcdcdc;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fafaff;
}
#content {
 	float: right;
	width: 78%;
	min-height:55.8em; 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 13px;
	border-top: 1px solid #dcdcdc;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fafaff;
}
#footer {
	text-align: center;
	clear: both;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #dcdcdc;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fafaff;
	
}
/* Masthead Styles */
#masthead h1 {
	color: #000000;
	display:none;
}
#masthead h3 {
	color: #000000;
}
/* Navigation Styles */
#navigation ul {
	list-style-type: none;
	width: 90%;
	display: block;
	margin: 0;
	padding-left:10px;
	padding-top:55px;
}
#navigation li {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #fafaff;
	background-color: #fafaff;
}
#navigation a {
	color: #000000;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #fafaff;
	background-color: #fafaff;
}
#navigation a:hover {
	color: #fafaff;
	text-decoration: none;
	border: 1px solid #c0c0c0;
	background-color: #c0c0c0;
}
/* Content Styles */
}
h5 {
	color: #000000;
	line-height: .001em;
}
}
h3 {
	color: #000000;
}
h2 {
	color: #FF0000;
}
#content h1 {
	color: #000000;
}
/*#content img {
	padding:1px;
	border: 1px solid #fafaff;*/
	
}
#content a{
color:black;
text-decoration:none;
}
#content a:hover {
	color:red;
	text-decoration: none;
}

/* Footer Styles */
#footer p {
	color: #c0c0c0;
	margin-top: 5px;
}
#footer a {
	color: #c0c0c0;
	text-decoration: underline;
}
#footer a:hover {
	color: #000000;
	text-decoration: none;
}
a {
	color: #FF0000;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
/*styles*/
p.firstletter:first-letter {
	font-size: 220%;
	font-family:"Old English Text MT";
	float: left;	
	line-height: .3em;
	color: #FF0000;
}
p.firstletter1:first-letter {
	font-size: 180%;
	font-family:"Old English Text MT";
	float: left;	
	line-height: .5em;
	color: #FF0000;
}

.style1 {
		font-family: "Old English Text MT";
		color: #C0C0C0;
		font-size: xx-large;
}

.style2{
    font-size:10pt;
    font-weight:normal;
}

.style3 {
		font-family: Times New Roman, Arial, Helvetica, sans-serif;
		font-size: medium;
		font-weight: bold;
}
.style4 {
		font-size: 32pt;
}
.style5 {
		width: 101px;
		height: 101px;
}
.style6 {
    font-weight:bold;	
}
.style8 {
	text-decoration: underline;
}
.style9 {
	font-size: 11pt;
	color: #FF0000;
}
.style10{
    font-size:13pt;
}   
.style30{
		font-family: Times New Roman, Arial, Helvetica, sans-serif;
		font-size: medium;
		font-weight: bold;
		
}
.style_bold {
	font-weight: bold;	
}
.style11{
    font-family: "Old English Text MT";
	color:maroon;	font-size:medium;
}
.style_italic {
	font-style: italic;
}
.style_italic1 {
	font-style: italic;
	font-size:large;
	}

	
#logo{
	float:left;
	padding:7px;
	}
	
#scb {
float:left;
}
}
#horse{
	float:right;
	padding:8px;
}
#boss{
	float:right;
	padding:2px;
	margin:2px;	
}
/*marton*/
#church{
  float:right;
  padding:5px;
}
#churchparade{
  float:left;
  padding:10px;
}
#johnchurch{
    float:right;
    padding:5px;
}
#bodyguard{
  float:right; 
  padding:5px; 
}
/*regalia*/
#jr{
	float:right;
	padding-right:2px;
	padding-top:5px;
	padding-bottom:40px;
}
#malta{
    float:left;
    padding-left:5px;
    padding-top:20px;
}
#mregalia{
    float:right;
    padding:10px;
    
}
#used{
 float:left;  
 font-size:large; 
 padding-top:12em;
}
/*province*/
#emblem{
 float:right;
 padding:5px;  
}
#pre{
 float:left;
 padding-top:10px;   
}
#meet{ 
 float:left;
 padding-top:0px;    
}
#history{
 float:left;
 margin-left:5px;   
}
/*charities*/
#chouse{
	
}
#txchouse{
	
}
#echosp{
margin-top:280px;
	
}
#txechosp{
	
}
#stjohn{
	
}
#txstjohn{
	
}
#hope{
	
}
#txhope{
	
}
#txdltrust{
	
}
#dltrust{
	
}
/*leaders*/
#leftcol{
 width:33%; 
 float:left; 
 position:relative;
 height:30em;
 min-height:400px;  
}
#twocols{
 width:67%; 
 float:right; 
 position:relative; 
}
#rightcol{
 width:50%; 
 float:right; 
 position:relative;
}
#maincol{  
 float: left; 
 display:inline; 
 position: relative; 
 width:50%; 
}
#marshal{ 
 margin-top:280px;   
}
#txmarshal{
 font-size:x-small;
 text-align:center;  
}
#prior{
 padding:3px;
        
}
#txprior{
 font-size:x-small;
 text-align:center;  
   
}
#sub{
 padding:3px;   
}
#txsub{
 font-size:x-small;
 text-align:center;
 margin:3px;   
}
#deputy{
 padding:0px;   
}
#txdeputy{
 font-size:x-small;
 text-align:center;   
}
#vice{
 float:left;
 margin-top:280px;   
}
#txvice{
  font-size:x-small;
  text-align:center;  
}
#578{  
  margin-top:220px;
  padding:20px; 
  float:left;
}
#myMap{
  float:left;
  border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
  
}
.clearDiv
{
	clear: both;
}
#seal{
   background-image:url('../images/seal.gif');

   float:left;
   margin-left:180px;
   margin-top:100px;
}
#hall1{
   float:right;
   margin-right:18px; 
   padding:3px;
}#hall2{
   float:right;
   margin-right:18px; 
   padding:3px;
}
#hall3{
   float:right;
   margin-right:18px; 
   padding:3px;
}
#precepts{
    float:left;
    margin-left:30px;
    padding:8px;    
    height:300px;
    width:600px;
    font-size:small;
    line-height:normal;
}
#atts{
	float:left;
	margin-left:30px;
	
}