* { 
	padding : 0;
	margin : 0;
} 
body
{
	color: black;  /*  #333; */
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #dae1e8;
} 
img
{
	padding: 0;
	border: 1px transparent solid;
	display:inline;
} 
img.floatTL { 
	float : left;
	margin-right : 10px;
	margin-bottom : 5px;
	margin-top : 5px;
	margin-left : 5px;
} 
img.floatTR { 
	float : right;
	margin-left : 7px;
	margin-bottom : 0;
	margin-top : -2px;
	margin-right : 10px;
} 
h3 { 
	font-size : 1.4em;
	font-weight : lighter;
	background-color : #cabdd6;
	padding-left : 5px;
}
h4 {
	margin-top: 10px;
}

blockquote { 
	position : relative;
	margin : 10px;
	text-align : justify;
	padding : 15px;
	background-color : #dce3e9;
	/*display: inline;*/
} 
.clear { 
	clear : both;
} 
#wrapper
{
	width: 800px;
	/*770px;*/
	margin: 0 auto;
	border: 1px solid #b9b9b9;  /* #9d9d9d;  */
	background-color: #dae1e8;
	/*  #cdd6e0; PAGE BACKGROUND COLOR */
	/*  Color options: #cdd6e0; #dae1e8; #e7ebf0; #f2f5f7; */
} 
#navbar { 
	margin : 0 5px 5px 5px;
	padding : 4px;
	background-color : #fffffe;
	height : 25px;
} 
#navbar ul { 
	float : left;
	list-style : none;
	margin : 8px 0 0 0;
} 
#navbar ul li { 
	float : left;
} 
#navbar ul a { 
	color : #323538;
	display : block;
	text-decoration : none;
	padding : 1px 14px 1px 14px;
	font-weight : bold;
	font-size : 13px;
	margin-left : 10px;
} 
#navbar ul a.act, #navbar ul a:hover { 
	border : 1px solid #cdd6e0;
	border-bottom : 0;
	padding : 1px 14px 1px 14px;
	background-color : #cdd6e1;
	margin-left : 10px;
	font-size : 14px;
} 

/* HEADER STYLE */

#header {
	margin : 5px 5px 5px 5px;
	height : 140px;
	padding : 5px;
	background-color : #fffffe;
	background-image : url(../images/g6lt07.gif);
	background-position: 610px 10px;
	
	/* Purple: 
	border-top: 5px solid #009900;
	border-right: 5px solid #009900;
	border-bottom: 5px solid #009900;
	border-left: 5px solid #009900;
	*/
	
	/* Green (Ordinary Time):  */
	border-top: 5px solid #009900;
	border-right: 5px solid #009900;
	border-bottom: 5px solid #009900;
	border-left: 5px solid #009900;
	
	
	/* White:   Easter Time 
	border-top: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	border-left: 5px solid #ffffff;
	 */
		
	/* Violet (Advent/Lent):  
	border-top: 5px solid darkviolet;   #EE82EE;  
	border-right: 5px solid darkviolet;   #EE82EE;  
	border-bottom: 5px solid darkviolet;   #EE82EE;  
	border-left: 5px solid darkviolet;   #EE82EE;  
	*/
	
	/* Black: 
	border-top: 5px solid #000000;
	border-right: 5px solid #000000;
	border-bottom: 5px solid #000000;
	border-left: 5px solid #000000;
	*/
	
	/* Red (Pentacost):
	border-top: 5px solid #ff0000;
	border-right: 5px solid #ff0000;
	border-bottom: 5px solid #ff0000;
	border-left: 5px solid #ff0000;
	*/
} 

.logo h1#lineone
{
	font-size: 40px;
	font-weight: bold;
	font-family: Times New Roman; /*helvetica, arial, sans-serif;*/
	padding-top: 10px;
	padding-left: 5px;
	color: #333;
	border: none;
	top: 0;
	left: 14px;
	letter-spacing: -1px;
} 
.logo h1 #lineone span { 
	color : #e78230;
} 
.logo h2#linetwo
{
	padding-left: 5px;
	padding-top: 15px;
	font-size: 18px;
	font-family: Times New Roman; /*helvetica, arial, sans-serif;*/
	text-transform: none;
	top: 25px;
	left: 50px;
	/*14px;*/
	margin-left: 60px;
	color: #666666;
} 

.logo h4#address {
	margin-left: 190px;
	font-size : 14px;
	font-family : Times New Roman; /*helvetica, arial, sans-serif;*/
	color: #333;
}

/* LEFT COLUMN */


#leftcolumn { 
	margin : 0 5px 5px 5px;
	display : inline;
	width : 195px; /*188px;*/
	float : left;
	min-height : 950px;  /* Minimum height of left nav */
	padding : 0;
} 
* html #leftcolumn { 
	height : 300px;    /* 300px; */
} 
#leftnav { 
	width : 188px;
	min-height : 136px;
	background : url(../images/leftsidebgt.jpg) no-repeat;
	color : #ffffff;
	padding : 0;
	margin : 0;
	float : left;
	display : inline;
} 
#leftnavbottom { 
	height : 33px;
	width : 188px;
	background : url(../images/leftsidebgb.jpg) no-repeat;
	float : left;
	display : inline;
} 
.col { 
	width : 160px;
	float : left;
	padding : 10px 0 8px 10px;
} 
.col p { 
	margin : 11px 0 0 0;
	padding : 0;
} 
.col ul { 
	display : list-item;
	list-style-type : none;
} 
.col li { 
	padding-top : 5px;
	padding-bottom : 3px;
	border-bottom : 1px dotted #d0d0d0;
} 
.col li a
{
	color: navy;
	text-decoration: none;
} 
.col li a:hover { color: #8EB88F; } 

.para {
	margin-left:30px;
}

.para2 {
	margin-left:60px;
}

.pararight {
	text-align:right;
	margin: 0px 20px 0px 0px;
	font-size: x-small;
}

/* SINGLE COLUMN FORMAT */

#centercolumn { 
	margin : 0 5px 10px 0;
	display : inline;
	width : 700px; /* For one column *//* two column 390px;*/
	float : left;
	min-height : 550px;  /* Minimum height center column */
} 

* html #centercolumn { 
	height : 320px;
} 
#centercolumn p { 
	text-align : justify;
	margin-left: 20px;
	margin-top: 15px;
} 
#centercolumn a
{
	color: navy;
	text-decoration: none;
} 
#centercolumn a:hover
{
	color: olive;
	text-decoration: none;
} 
#centercolumn img { 
	border : 0 solid;
}


/* TWO COLUMN FORMAT */

#centercolumn2 { 
	margin : 0 5px 10px 0;
	display : inline;
	width : 580px; /*374px;*/
	float : left;
	min-height : 550px;  /* Minimum height center column */
} 

* html #centercolumn2 { 
	height : 320px;
} 
#centercolumn2 p { 
	text-align : justify;
	margin-left: 20px;
	margin-top: 15px;
} 
#centercolumn2 a
{
	color: navy;
	text-decoration: none;
}
#centercolumn2 a:hover
{
	color: olive;
	text-decoration: none;
}
#centercolumn2 img { 
	border : 0 solid;
}

#centercolumn2 ul li { 
	margin-left: 40px;
	margin-top: 5px;
}

#centercolumn2 ul li ul li { 
	margin-left: 30px;
	margin-top: 5px;
}

#centercolumn2 h5 { 
	margin-top: 15px;
	margin-left: 20px;
	font-size: 12px;
	font-weight: bold;
}
#centercolumn2 p.para {
	margin-left:40px;
}
#centercolumn2 p.para2 {
	margin-left:60px;
}


/* THREE COLUMN FORMAT */

#centercolumn3 { 
	margin : 0 5px 10px 0;
	display : inline;
	width : 385px; /*374px;*/
	float : left;
	min-height : 550px;  /* Minimum height center column */
} 


* html #centercolumn3 { 
	height : 320px;
} 
#centercolumn3 p { 
	text-align : justify;
	margin-left: 20px;
	margin-top: 15px;
} 
#centercolumn3 a
{
	color: navy;
	text-decoration: none;
} 
#centercolumn3 a:hover
{
	color: olive;
	text-decoration: none;
} 
#centercolumn3 img { 
	border : 0 solid;
}
p.news {
	margin : 10px;
	text-align : justify;
	padding : 15px;
	background-color : #cdd6e0;
	/* original color: #dce3e9; */
}



/* RIGHT COLUMN */

#rightcolumn
{
	margin: 0 5px 0 0;
	display: inline;
	width: 195px; /*188px;*/
	float: left;
	background-color: #CCCCCC;
	min-height: 530px;
	padding: 0;
} 
* html #rightcolumn { 
	height : 530px;
} 
.news { 
	margin-top : 15px;
} 
.news h5
{
	font-size: 12px;
	/*1.4em;*/
	font-weight: bold;
	color: #333;
	background-color: #cabdd6;
	padding-bottom: 0;
	padding-left: 10px;
	font-style: italic;
} 
.news p { 
	font-size : 11px; /*1.1em;*/
	text-align : justify;
	margin-bottom : 1em;
	padding : 5px;
	padding-left : 10px;
} 
.news a { 
	color : #d0660b;
}

/* FOOTER */

#footer { 
	clear : both;
	padding : 10px;
	margin-left : 5px;
	margin-bottom : 5px;
	background : #fffffe;
	width : 770px; /*740px;*/
} 
#footer p { 
	margin : 0;
	text-align : center;
	line-height : normal;
	font-size : small;
} 
#footer a
{
	text-decoration: underline;
	color: #CC33CC;  	/* #e78229; */
} 
#footer a:hover { 
	text-decoration : none;
}

/* ********************* CSS DROP DOWN MENU *********************************** */
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container
{
	margin: 5px 0 5px 5px;
	position: relative;
	width: 780px; /*735px; SET MENU WIDTH*/
	height: 10px;
	z-index: 5;
	/*z-index:100;*/
}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {
	padding:0; 
	margin:0px; 
	list-style-type: none;
}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {
	display:block;
	width:128px; /*width:96px; SET MENU BLOCK WIDTH for 8 columns */ 
	font-size:12px; 
	color:#fff; 
	height:25px; 
	line-height:24px; 
	text-decoration:none; 
	text-indent:5px; 
	border:1px solid #000; 
	border-width:1px 0 1px 1px;
}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {
	border-width:0 1px 1px 1px;
}
#pmenu li a.enclose, #pmenu li a.enclose:visited {
	border-width:1px;
}

/* Set up the list items */
#pmenu li {
	float:left; 
	background:#7484ad;
}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {
	position:relative;
}
/* Make the hovered list color persist */
#pmenu li:hover > a {
	background:#dfd7ca; 
	color:#c00;
}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {
	display:none;
}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {
	display:block; 
	position:absolute; 
	top:-11px; 
	left:80px; /* 65px; SET POSITION OF FLYOUT BLOCKS */
	padding:10px 30px 30px 30px; 
	background:transparent url(transparent.gif); 
	width:128px; /*width: current: 70px  Original: 120px;*/ 
}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {
	left:-30px;  /* 30px  */ 
	top:16px;
}

/* get rid of the table */
#pmenu table {
	position:absolute; 
	border-collapse:collapse; 
	top:0; 
	left:0; 
	z-index:100; 
	font-size:1em;
}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {
	position:relative; 
	background:#dfd7ca; 
	color:#c00;
}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {
	background:#dfd7ca; 
	color:#c00;
}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {
	background:#7484ad url(../images/fly.gif) no-repeat right center;
}
#pmenu li.drop {
	background:#7484ad url(../images/drop.gif) no-repeat right center;
}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	top:-11px; 
	left:80px; 
	padding:10px 30px 30px 30px; 
	background:transparent url(transparent.gif);
}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
	visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
	visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
	visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
	visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
	visibility:visible; 
	left:-30px; 
	top:14px; 
	lef\t:-31px; 
	to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
	visibility:visible; 
	top:-11px; 
	left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */