/* FaithToFace.Org Style Sheet */

/* Classes for Links */
A:LINK, A:VISITED 
{ color: purple; font-weight: bold; text-decoration:none;}

A:ACTIVE, A:HOVER
{ color: red; font-weight: bold; text-decoration:underline;}


/* OFFICIAL COLORS */
/* light purple: #CDAFF5  */
/* lighter purple: #F8E4FF; */	
/* Cross GOld: #847220 */
/* Border Purple Color: #9933CC */
/* NEW - light gold: #F1BB01 - used for main background of menu and banner*/


/* DIVs */
#header
	 {
	position:relative;
	margin: 0 auto;
	text-align: center;
	background: white;
	top: 20px;
	width: 750px;
	height: 200px;
	border-style:double;
	border-width:2px;
	border-color:#847220;
	}


#main 
	{ 
	position:relative;
	margin: 0 auto;
	text-align:left;
	background:white;
	width:750px;
	min-height:500px;
	border-style:double;
	border-width:2px;
	border-color:#847220;
	} 

#pad
	{
	padding-top: 25px; /* leaves room at top for top menu */
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	}



/* Main Body */
body 
	{
	position:relative;
	margin: 0 auto;
	text-align:center;
	color: black;
	background-color:black;
	font-family: arial;
	font-size: 10pt;
	font-weight: none;


	/* scrollbar-face-color: #CDAFF5;  */		
	/* scrollbar-shadow-color: black;  */		
	/* scrollbar-highlight-color: #F8E4FF; 	 */
	/* scrollbar-3dlight-color: black; 	 */
	/* scrollbar-darkshadow-color: black; 	 */
	/* scrollbar-track-color: #F8E4FF; 	 */	
	/* scrollbar-arrow-color: #847220; 	 */	
	}

.banner
	{
	background-color: #847220;
	color: black;
	background-attachment: fixed; 
	font-family: arial;
	font-size: 8pt;
	font-weight: none;

	border-style: solid; 
	border-width: 1px; 
	border-left-width: 0px; 
	border-right-width: 0px; 
	border-color: black;
	}

.menu 
	{
	background-color: #C893F9;
	background-image: URL(./pics/backgrnd3.jpg);
	font-size: 8pt; 
	font-family: arial;
	font-weight: none;
	}

hr
	{
	color: #F1BB01;
	text-align:center;
	}

.short
	{
	color: #F1BB01;
	width: 400;
	height: 1;
	}



table
	{
	font-size=10pt;
	}

tr
	{
	font-size=10pt;
	}

td
	{
	font-size=10pt;
	}

/* this smaller table font is for the side menu */
td.sm
	{
	font-size=8pt;
	}


/* H1 is used for title of each page */
h1 	{
	color:#F1BB01;
	font-style: italic;
	font-size:17pt;
	text-decoration: none;
	text-align: left;
	font-family: arial, veranda, helvetica;
	word-spacing: 5;
	border-bottom: 0.09em solid #F1BB01;
	}

/* H2 is used for sub-titles */
h2 	{
	color:black;
	font-size:13pt;
	font-style: italic;
	text-decoration: underline;
	text-align: left;
	font-family: arial, veranda, helvetica;
	margin-top: 10;
	margin-bottom: 4;
	}

/* H3 is used for section headings, and store item headings */
h3 	{
	color:black;
	font-size:11pt;
	font-style:italic;
	text-decoration: none;
	text-align: left;
	font-family: arial, veranda, helvetica;
	margin-top: 8;
	margin-bottom: 2;
	}

/* H5 is used for top nav text */
h5 	{
	color:black;
	font-size:9pt;
	font-weight: none;
	text-decoration: none;
	text-align: left;
	font-family: arial, veranda, helvetica;
	}

/* H6 is used for eye chart text (copyright info, etc) */
h6 	{
	color:white;
	font-size:8pt;
	font-weight: none;
	text-decoration: none;
	text-align: center;
	font-family: arial, veranda, helvetica;
	}

/* Classes for Ordered Lists (notes section) */

ol
	{
	margin-top: 4;
	margin-bottom: 4;
	}

ul
	{
	margin-top: 4;
	margin-bottom: 4;
	}

ol.l1	
	{
	type: "A";
	}

ol.l2	
	{
	type: "1";
	}

ol.l3	
	{
	type: "a";
	}

ol.l4	
	{
	type: "i";
	}

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(list.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}



/* The rest of this is used nor the NavPanel */
div.sdmenu {
	width: 500px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	padding-bottom: 0px;
	background-color: #C893F9;
	background-image: URL(./pics/backgrnd3.jpg);
	color: blue;
}
div.sdmenu div {
	overflow: hidden;
	background-color: #C893F9;
	background-image: URL(./pics/backgrnd3.jpg);	
}
div.sdmenu div:first-child {
	background-color:#orange;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 4px 25px;
	font-weight: bold;
	color: black;
	background-color: blue;   /* selected title border color #9933CC*/
	background: url(expanded.gif) no-repeat 10px center;
	cursor: default;
	border-top: 0px solid red;  //borders around section titles
	border-left: 0px solid red;
	border-right: 0px solid green;
	border-bottom: 0px solid #CDAFF5;
}
div.sdmenu div.collapsed span {
	background-image: url(collapsed.gif);
	background-color: white;
}
div.sdmenu div a {
	padding: 5px 1px;
	background: red;
	
	display: block;
	border-bottom: 1px solid #ddd;
	color: black;
	font-weight: bold;
	text-decoration: none;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background: #FFCD64;
	background-color: #C893F9;
	background-image: URL(./pics/backgrnd3.jpg);
	font-weight: bold;
	text-decoration: none;
}