#stmarysite {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	/* border:0; */
	width: 980px;
}
body{
	margin: 0;
	padding: 0;
/*	font-size: 12pt; */
	font-size: 0.8em;
	font-family: verdana, arial, helvetica, sans-serif;
}
#header {
	height: 110px;
	padding: 0;
	margin: 0;
	background-position: top right;
	background-repeat: no-repeat; 
}

#content {
float: right;
width: 760px;
}

#jamcontent {
float: right;
width: 760px;
background-color: #FFF19F;
}


h1 {
	color: Navy;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 2px solid Navy;
}
	
h2 {
/*	margin-top: 0.5cm; */
	color: Navy;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 0.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	border-bottom: 2px solid Navy;
}
h3 {
/*	margin-top: 0.5cm; */
	color: Navy;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 1em;

/*	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
/*	font-style: italic; */
}

h4 {
/*	margin-top: 0.5cm; */
	color: Navy;
	font-family: Arial, Helvetica, sans-serif;
	/* font-weight: bold; */
	margin-top: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid Navy;
}
	


#LHSsidebar {
margin-left: 0;
padding-left: 0;
	top: 55px;
	left: 1px;
	width: 180px;
/* 	font-size: 80%; */
		font-size: 1em;
}

/* -- main side navigation --*/

#navcontainer { 
	width: 200px; 
}
#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
#navcontainer a {
	display: block;
	padding:2px 2px 2px 6px;
	width: 190px;
	background-color: #008;
	border-top: 2px solid #eee;
}

#navcontainer a:hover {
	background-color: #48e;
	color: #fff;
}


test ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
#test a {
	display: block; /* padding: 4px; /* width: 213px; */
	padding: 3px 3px 3px 7px;
	width: 190px;
	color: Black;
	background-color: #4169E1; /*	border-bottom: 2px solid #eee; */
	border: thin solid yellow;
}

#test a:hover {
	background-color: #6A5ACD;
	color: White;
	border: thin solid Maroon;
}

/* added 2010 */
.style1 {color: #0000FF}
.style3 {
	font-size: 1em;
	font-weight: bold;
	color: #000080;
}
.style4 {
	color: #000080;
	font-size: 1.2em;
	font-weight: bold;
}
.style5 {font-size: 1em}
.style6 {
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
}
.style7 {font-size: 1.4em}
.style9 {font-size: medium}
.style10 {font-size: medium; font-weight: bold; }
.style11 {font-size: large}
.style12 {font-size: large; color: #000080; }
.style13 {font-size: x-large}
.style14 {
	font-size: x-large;
	color: #000080;
	font-weight: bold;
}
.style15 {
	font-style: italic;
	font-weight: bold;
}


/* end added 2010 */

#Communitynav { 
   width: 190px; 
}
#Communitynav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
#Communitynav a {
	display: block;
	/* padding: 4px; /* width: 213px; */
	padding:2px 2px 2px 6px;
	width: 190px;
	color: Navy;
	background-color: #FFD700; /*	border-bottom: 2px solid #eee; */
	border: thin solid blue;
}

#Communitynav a:hover {
	background-color: #48e;
	color: #fff;
	border: thin solid blue;
}

#fundraisingnav { 
   width: 190px; 
}
#fundraisingnav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
#fundraisingnav a {
	display: block; /* padding: 4px; /* width: 213px; */
	padding: 2px 2px 2px 6px;
	width: 190px;
	color: White;
	background-color: #B22222; /*	border-bottom: 2px solid #eee; */
	border: thin solid yellow;
}

#fundraisingnav a:hover {
	background-color: #FFD700;
	color: Navy;
	border: thin solid Maroon;
}


/* Oct2010 */
#chairsnav { 
   width: 190px; 
}
#chairsnav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
#chairsnav a {
	display: block; /* padding: 4px; /* width: 213px; */
	padding: 2px 2px 2px 6px;
	width: 190px;
	color: Black;
	background-color: #FFDEAD; /*	border-bottom: 2px solid #eee; */
	border: thin solid #F08CC8;
}
#chairsnav a:hover {
	background-color: #F0B48C;
	color: Navy;
	border: thin solid Lime;
}
/* oct2010 end */

/* June2011 */
#eventnav { 
   width: 190px; 
}
#eventnav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
#eventnav a {
	display: block; /* padding: 4px; /* width: 213px; */
	padding: 2px 2px 2px 6px;
	width: 190px;
	color: Yellow;
	background-color: Green; /*	border-bottom: 2px solid #eee; */
	border: thin solid Yellow;
}
#eventnav a:hover {
	background-color: #F0E68C;
	color: Purple;
	border: thin solid Fuchsia;
}
/* June2011 end */


/* sept2010 */
#easyfundraisingnav { 
   width: 190px; 
}
#easyfundraisingnav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
#easyfundraisingnav a {
	display: block; /* padding: 4px; /* width: 213px; */
	padding: 2px 2px 2px 6px;
	width: 190px;
	color: Black;
	background-color: #ADD8E6; /*	border-bottom: 2px solid #eee; */
	border: thin solid green;
}
#easyfundraisingnav a:hover {
	background-color: #32CD32;
	color: White;
	border: thin solid Maroon;
}
/* sept2010 end */

/* sept2010 */
#abseilnav { 
   width: 190px; 
}
#abseilnav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
#abseilnav a {
	display: block; /* padding: 4px; /* width: 213px; */
	padding: 2px 2px 2px 6px;
	width: 190px;
	color: Black;
	background-color: #FF8C00; /*	border-bottom: 2px solid #eee; */
	border: thin solid green;
}
#abseilnav a:hover {
	background-color: #FFD700;
	color: Navy;
	border: thin solid Maroon;
}
/* sept2010 end */

#commlinksnav { 
   width: 190px; 
}
#commlinksnav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
#commlinksnav a {
	display: block; /* padding: 4px; /* width: 213px; */
	padding: 2px 2px 2px 6px;
	width: 190px;
	color: White;
	background-color: #2E8B57; /*	border-bottom: 2px solid #eee; */
	border: thin solid Yellow;
}

#commlinksnav a:hover {
	background-color: #48e;
	color: #fff;
	border: thin solid blue;
}


#backtobasicsnav { 
   width: 190px; 
}
#backtobasicsnav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
#backtobasicsnav a {
	display: block; /* padding: 4px; /* width: 213px; */
	padding: 2px 2px 2px 6px;
	width: 190px;
	color: White;
	background-color: #6B8E23; /*	border-bottom: 2px solid #eee; */
	border: thin solid yellow;
	font-weight: bold;
	text-align: left;
}

#backtobasicsnav a:hover {
	background-color: #FFD700;
	color: Navy;
	border: thin solid Maroon;
}

#jaffanav { 
   width: 190px; 
}
#jaffanav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
#jaffanav a {
	display: block; 
	/* padding: 4px; /* width: 213px; */
/* padding: 2px 2px 2px 6px; */
	width: 190px;
	color: Black;
	padding:20px 4px 20px 0px;
/*	margin: 2em auto 0 auto; */
	font-size: 0.8em;
	text-align: center;
	background-color: #FFC14D; /*	border-bottom: 2px solid #eee; */
	border: thin solid Black;
}

#jaffanav a:hover {
	background-color: #FF8C00;
	color: Black;
	border: thin solid Maroon;
}

.containingbox
{
	width: 200px;
	height: 60px;
	color: Black;
	background-color: #FFC14D; 
	border: 1px solid #000;
}
		
/*
.floatleft
{
	float: left;
	width: 100px;
	height: 100px;
	background-color: #F63;
}

*/


/* test double DIV float image and text */

.articleimage {
float: left;
margin: 0 8px 8px 0;
}

.imagetitle {
	margin: 4px auto;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	color: Black;
	background: inherit;
} 

/* test double DIV float image and text - END */

#historynav { 
   width: 190px; 
}
#historynav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
#historynav a {
	display: block; /* padding: 4px; /* width: 213px; */
	padding: 2px 2px 2px 6px;
	width: 190px;
	color: Black;
	background-color: #4169E1; /*	border-bottom: 2px solid #eee; */
	border: thin solid yellow;
}

#historynav a:hover {
	background-color: #6A5ACD;
	color: White;
	border: thin solid Maroon;
}

/* put text blue */
p.bluetext {
	color: Navy;
	padding-bottom: 0.1em; /*	margin-top: 1em; */
	margin-bottom: 0.1em;
}

/* Displaying images */
img {vertical-align:bottom;}

.picright {
	float: right;
	border: 0.1em solid Gray;
	margin: 1em 0em 1em 2em;
	clear: left;
}

.picleft {
	float: left;
	border: 0.1em solid Gray;
	margin: 1em 2em 1em 2.3em;
	clear: right;
}

hr {
width: 50%;
text-align: left;/*this will align it for IE*/
margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}
hr.line {
	border: 1px solid #008;
	width: 90%;
	height: 3px;
	margin: 20px 3px 20px 3px;
	text-align: center;
}	

a:link {color: white; text-decoration: none}     /* unvisited link */
a:visited {color: white; text-decoration: none} /* visited link */
a:hover {color: #99F}   /* mouse over link */
a:active {color: Silver;}   /* selected link */
/* -- main side navigation end --*/

/* hyperlinks within text */
a.clickme 
{	
	color: Navy; 
	font: bold; 
	text-decoration: none;
}
a.clickme:hover 
{
	color: Maroon; 
	font: bold; 
	text-decoration: underline
}
/* a.clickme:visited {color: Blue; font: bold} */

#fundraising a:hover
{
	background-color: #BA55D3;
}

/* John Cruse + family Image floating */
.jcfrontimagefloatr {
	float: right;
	padding: 0 0 5px 0;
	border: 1px solid Gray;
	margin: 0 0 10px 10px;
	width: 250px;
	font-size: 0.9em;
	font-style: italic;
/*	background-color: #ddd; */
	text-align: center;
}

/* .frontccc {
	float: right;
	border: 1px solid Gray;
	margin: 0 0 10px 10px;
	text-align: center;
	font-size: 0.9em;
}
*/

.frontccc
{
	float: right;
	width: 200px;
	height: 75px;
	margin: 0 0 10px 10px;
	padding: 2px;
	border: 1px solid gray;
	text-align: left;
	color: Black;
	background-color: #FFFACD;
	font-size: 0.8em;
}

.frontxmasguide
{
	/* float: left; */
	float: right;
	width: 250px;
	height: 80px;
	margin: 10px 0px 10px 10px;
	padding: 2px;
	border: 1px solid gray;
	text-align: left;
	color: Black;
	background-color: #F00;
	font-size: 0.8em;
}

.div.frontccc img
{
	text-align: left;
	padding: 2px;
	border: White;
}

/* .frontccc a:hover
{
	background-color: #BA55D3;
	color: Black;
	border: White;
}
*/

.imagefloatr {
	float: right;
	/* padding: 2px; */
	border: 1px solid Gray;
	margin: 0 0 10px 10px;
}

.imagefloatl
{
	float: left;
	/* padding: 2px; */
	border: 1px solid Gray;
	margin: 0 10px 10px 0;
}

.imagec
{	 
	display: block;
	margin-left: auto;
	margin-right: auto; 
}

.imagefloatlNB
{
	float: left;
	/* padding: 2px; */
/*	border: 1px solid Gray;*/
	margin: 0 10px 10px 0;
}
.imagefloatrNB
{
	float: right;
	/* padding: 2px; */
/*	border: 1px solid Gray; */
	margin: 0 10px 10px 0;
}

.imagefloatlNBclear
{
	float: left;
	/* padding: 2px; */
/*	border: 1px solid Gray;*/
	margin: 40px;
}
.imagefloatrNBclear
{
	float: right;
	/* padding: 2px; */
/*	border: 1px solid Gray;*/
	margin: 40px;
}

.inlinepic
{
	border: 1px solid Gray;
	margin: 5px;
}
.pictitle 
{
	color: navy;
}
	
.floatrightstack
{
float: right;
margin: 0 0 10px 10px;
clear: right;
border: 1px solid Gray;
}
.containingbox p 
{ 
margin-top: 0;
}

div.figure {
    float: right;
    width: 37%;
    border: thin silver solid;
    padding: 0.5em;
}

div.figure p {
    text-align: center;
    font-style: italic;
    font-size: smaller;
    text-indent: 1px;
}

/* people pics */

.peoplepic
{
	float: left;
	margin: 0 20px 20px 0;
	padding: 10px 10px 25px 10px;
	border: 1px solid Gray;
	width: 100px;
}

.ppclearboth { clear: both; }

/* people pics */ 


picture {
	border: 1px solid Gray;
	/* padding: 3px; */
	font: 11px/1.4em Arial, sans-serif;
}

.picture img { 
	border: 1px solid #CCCCCC;
	vertical-align:middle; 
	margin-bottom: 1px; 
}
.right { 
	margin: 0 0 3em 0.8em; 
	float:right; 
	text-align: center;
	font-style: italic;
 /*  font-size: smaller; */

}
.left { 
margin: 0 0.8em 3em 0; 
float:left; 
	text-align: center;
	font-style: italic;
 /*  font-size: smaller; */ 
} 

/* -- JAM + JAFFA images and formatting -- */

ul.jamimage{ 
	/* list-style-image: url(images/jam.jpg); */
	list-style-image: url(images/jamblob100.gif);
	text-align: center;
	list-style-position: inside; 
} 

ul.jaffaimage{ 
	list-style-image: url(images/jaffa80.jpg);
	text-align: center;
	list-style-position: inside; 
} 

/* test kidsnav JAM JAFFA section

#kidsnav { 
	width: 200px; 
}
#kidsnav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
#kidsnav a {
	display: block;
	padding:2px 2px 2px 6px;
	width: 190px;
	background-color: #008;
	border-top: 2px solid #eee;
}

#kidsnav a:hover {
	background-color: #48e;
	color: #fff;
}

*/

#kidsnav {
	width: 198px;
	border: 1px solid gray;
	color: black;
	height: 205px;
	background-color: #FFF19F;
	margin-bottom:20px;
}

.kidsheader {
	font-size: 1.5em;
	color: Maroon;
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}


.kidsfont {
	font-size: 0.9em;
	color: Maroon;
}


#jam {
width: 196px;
height: 110px;
	border: 1px solid gray;
}

#jaffa {
width: 196px;
height: 110px;
	border: 1px solid gray;
}




/* -- footer -- */
#footer {
	font-family: Arial, Helvetica, sans-serif; /* 	background:#009;*/
	background: #008;
	clear: both;
	font-size: 1em;
margin: 5px 0px 20px 0px;
}

#footer li{
	border-right: 1px solid White;
	display: inline;
	padding-right: 1em;
	margin-right: 1em;
}
#footer li.first {
border-left:0; /* no bar required before first item */
}
/* #footer li.last { border-right:0;} /* no bar required after last item */ 
#footer ul {
	list-style-type: none;
}
#footer li a {
text-decoration:none; /* removes the underline from links */
}
#footer li a:hover {
/*~ text-decoration:underline; /* adds the underline back on mouseover */
background-color: #48e;
}
#footer a:hover {
	color: #fff;
}
/* -- footer end -- */