body {
margin: 0;
padding: 0;
font:70% 'Lucida Grande',Verdana, Helvetica, sans-serif;
}
#threeColLayout {
background: #C2A377;
}
#twoColLayout {
background: #C2A377;
}
#oneColLayout {
background: #C2A377;
}

/* default links */

a:link {
background-color: transparent;
text-decoration: underline;
color: #666;
}
a:hover {
background-color: #FFC;
text-decoration: underline;
color: #990;
}
a:visited {
background-color: transparent;
text-decoration: underline;
color: #666
}

/* headers here */

h1 {
margin: 0;
padding: 30px;
font-size: 150%;
color: #FF0000;
text-indent: -9000px;
}

h2 {
	margin-top: 10px;
	padding: 2px;
	font-size: 130%;
	text-align: center;
}

h3 {
text-transform: uppercase;
display: block;
font-size: 92%;
margin: 0 5px 0 5px;
padding: 2px;
color: 333;
text-align: center;
}

h4 {
	display:block;
	text-align:center;
	padding: 2px;
	margin: 0 5px 0 5px;
	}

.about h4 {
	color:#fff;
	background-color: #548200;
	}
	
.about h3 {
	color: #FFF;
	background-color: #950000;
	text-transform: none;
	font-size: 100%;
	}
	
.default h2 {
	color:#fff;
	background-color: #005E00;
	}

.familyaltar2 h2 {
	color: #00ADEF;
	background-color: #040258;
	}

.familyaltar h2 {
	color: #FFF;
	background-color: #950000;
	}
	
.sanctuary h2 {
	color: #FFF;
	background-color: #548200;
	}

.main {
	color: #FFF;
	background-color: #745934;
	}
/* main wrapper that holds it all centrally */

#wrapper {
width:750px;
margin:0 auto;
background-color: #D9C780;
padding: 0 10px 10px 10px;
}

/* default masthead holding the banner and mainNav */

#header {
	width: 750px;
	height: 170px;
	background-image: url(Images/Header3b.jpg);
}
	
#primaryContent {
float:left;
width:750px;
display:inline;
margin: 0 0 20px 0;
}

/* note here that specifying threeColLayout in the body will activate the following div instead of the default primaryContent */

#threeColLayout #primaryContent {
float:left;
width:270px;
margin: 0 0 20px 195px;
}

/* note here that specifying twoColLayout in the body will activate the following div instead of the default primaryContent */

#twoColLayout #primaryContent {
width:555px;
float:left;
margin: 0 0 20px 195px;
}

#secondaryContent{
float:left;
width:270px;
margin: 0 0 20px 15px;
}

#sideContent{
float:left;
width:180px;
margin: 0 0 20px -750px;
}

/* just incase oneColLayout is specified in body, and these are left in, we turn them off - not ideal, but it works */

#oneColLayout #secondaryContent, #oneColLayout #sideContent {
display: none;
}

/* twoColContent - used to span two right-hand columns box used only if no selector */

#twoColContent{
width:555px;
float:left;
margin: 0 0 20px 195px;
}

	
.clearit {
	clear: both;
	}
	
/* cbSide controls non-rounded boxes in sideContent */

.cbSide {
width:160px;
margin: 1px 0 0 10px;
padding: 10px 0 5px 0;
background: #FFF;
}
.cbSide p {
margin: 0;
padding: 0 5px 2px 5px;
font-size: 120%;
color: #666;
}

/*Curved Corners=============================================================================*/	
.box {background: transparent; margin: 0 5px 0 5px; padding: 5px 0 5px 0; line-height: 170%; padding:0;}
.newsanctuary .box  {margin-bottom:10px;}
.box p {margin:0 10px; padding:0;}
.b1, .b2, .b3, .b4, .b5, .b6, .b7 {display:block; overflow:hidden; font-size:0;}
.b1, .b2, .b3, .b4, .b5, .b6 {height:1px;}
.b4, .b5, .b6, .b7 {background:#D9C780; border-left:1px solid #005300; border-right:1px solid #005300;}

.b1 {margin:0 8px; background:#005300;}
.b2 {margin:0 6px; background:#005300;}
.b3 {margin:0 4px; background:#005300;}
.b4 {margin:0 3px; background:#fff; border-width:0 5px;}
.b5 {margin:0 2px; background:#fff; border-width:0 4px;}
.b6 {margin:0 2px; background:#fff; border-width:0 3px;} 
.b7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;} 

.boxcontent {display:block; background:#fff; border:3px solid #005300; border-width:0 3px; padding: 0 5px 0 5px;}

#familyaltar2 {
	margin-left:250px;
	padding-top:20px;
	list-style-type:disc;
	font-size: 125%;
	}

#familyaltar2 li{
	margin: 0 0 10px 10px;
	}

.familyaltar ul {
	margin: 0 0 0 190px;
	list-style-type: disc;
	font-size: 125%;
	}

.familyaltar ul li{
	margin: 0 0 10px 0;
	}
	
.highlight {
	color:#FF0000;
	font-weight: bold;	
	}

.strong {
	font-weight: bold;
	margin:0 auto;
	font-size:130%;
	}

.quotesource {
	font-size: 125%;
	text-decoration: underline;
	}

.quote {
	font-style:italic;
	font-size: 105%;
	}

.textnav {
	float:right;
	}	

.pghletter {
	margin: 0 0 5px 0;
	border: none;
	}

/* date and posted control the small text info in article blurbs */

.date {
font-size: 85%;
font-weight: bold;
color: #666;
}

.posted {
margin: -5px 0 0 50px;
padding: 0 0 10px 0;
font-weight: bold;
color: #666;
}

.postedUnderline {
display: block;
margin: 0 5px 5px 50px;
padding: 0 0 5px 0;
font-weight: bold;
color: #666;
border-bottom: 1px solid #999;
}

address {
margin-left: 50px;
}

/* erm, the footer */

#footer{
	background: transparent url(Images/footer.jpg) no-repeat;
	clear:both;
	width: 750px;
	height: 85px;
}

/* image control*/

img {
float: left;
margin: 0px 0 2px 5px;
border: 2px solid #C5BDBD;
}

.borderless img {
border: 0;
}

.home_photo {
margin-right: 15px;
}

.mainImage {
display: block;
float: none;
margin-top: 4px;
border: 3px solid #C5BDBD;
}

.about .mainImage {
margin: 0 auto;
}

/* CSS for the ticked off links. Note, I am not ordering things in the LVHA way, as I prefer the visited tick to work above the arrow once visited. */

.cbSide ul {
list-style-type: none;
margin-top: 0px;
margin-left: 0;
margin-bottom: 0;
padding: 3px;
}

.cbSide li a:link {
color:#333;
line-height:150%;
text-decoration:none;
display:block;
width:154px;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(Images/ticks.gif);
}


.cbSide li a:active {
color:#333;
line-height:150%;
text-decoration:none;
display:block;
width:154px;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(Images/ticks.gif);
}

.cbSide li a:hover {
color:#990000;
line-height:150%;
display:block;
width:154px;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(Images/ticks.gif) 0px -20px;
text-decoration:none;
}

.cbSide li a:visited {
color: #999;
text-decoration:none;
line-height:150%;
display:block;
width:154px;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(Images/ticks.gif);
background-position: 0 -40px;
}

/* horizontal main menu navigation - based on a method from Richard Rutter */

 #mainNav
{
margin: 10px 0 0 0;
padding: 0;
width: 750px;
height: 15px;
font-weight: bold;
font-size: 90%;
}

#mainNav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#mainNav li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#mainNav a
{
color: #D7D493;
display: inline;
width: auto;
text-decoration: none;
background: #000;
margin: 0;
padding: 10px 10px;
border-right: 1px solid #FFF;
}

#mainNav a:hover, #mainNav a:active { background: #D7D493;color: #000; }

#mainNav a.active:link, #mainNav a.active:visited
{
position: relative;
z-index: 102;
background: #BBB;
color: #D7D493;
font-weight: bold;
}

/* Highlighting the current page */

body.home #mainNav a#home, body.about #mainNav a#about, body.newsanctuary #mainNav a#newsanctuary,
body.contact #mainNav a#contact, body.familyaltar1 #mainNav a#faltar, body.faltar2 #mainNav a#faltar2, body.grenada #mainNav a#missions, body.order #mainNav a#order { 
  	color: #fff;
	text-decoration: underline;
}

body.home #mainNav a:hover#home, body.gallery #mainNav a:hover#gallery, body.contact #mainNav a:hover#contact, body.familyaltar1 #MainNav a:hover#faltar { 
  color: #000;
}

.default ul, .boxcontent ul {
	margin: 0;
	padding:0;
	list-style-type: none;
	font-size: 105%
}

.boxcontent li {
	margin-left: 30px;
	}

	
.default li {
	margin:0;
	padding:0;
	}
	
.newsanctuary object {
	margin-left:90px;
	}