/* ----- CHARITY CSS -----
   Original Design:	Ben Brown Online Ministries
   Conversion to MODx:	Mark Kane <mark@mkproductions.org>

   NOTES:
   - Comments from original author are left here. Some say
     Mambo since this was originally a Mambo template. My
     notable changes have "[mk]" in the comment.

*/


/* --- Main Table with shadow effect ---*/
.outer_table {
	width: 784px;
	background: #f5f5f5;
	margin-top: -7px;
	border-left: solid 1px #fdfdfd;
	border-right: solid 1px #fdfdfd;
	border-top: solid 0px #666666;
	border-bottom: solid 0px #666666;
}

/* --- Table Cell 1 continues shadow effect ---*/
.shadow_cell_1 {
	width: 783px;
	margin: 0px 0px 0px 0px;
	background: #e6e6e6;
	border-left: solid 1px #ededed;
	border-right: solid 1px #ededed;
	border-top: solid 0px #666666;
	border-bottom: solid 0px #666666;
}

/* --- Inner Table continues shadow effect ---*/
.inner_table {
	width: 782px;
	background: #dcdcdc;
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
	border-top: solid 0px #666666;
	border-bottom: solid 0px #666666;
}

/* --- Table Cell 2 continues shadow effect ---*/
.shadow_cell_2 {
	width: 781px;
	background: #cdcdcd;
	border-left: solid 1px #e3e3e3;
	border-right: solid 1px #e3e3e3;
	border-top: solid 0px #666666;
	border-bottom: solid 0px #666666;
}

/* --- Top Nested Table Holding Site Name ---*/
.top_bar {
	width: 780px;
	height: 18px;
	background: url(./images/top_bar.jpg);
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-top: solid 1px #666666;
	border-bottom: solid 0px #666666;
}

/* --- Table Holding Main Image ---*/
.table_1 {
	width: 780px;
	height: 160px;
	background: #ffffff url(./images/header.jpg) no-repeat top left;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-top: solid 0px #666666;
	border-bottom: solid 0px #666666;
}

/* --- Table Holding Pathway ---*/
.lower_bar {
	width: 780px;
	height: 35px;
	background: url(./images/lower_bar.jpg);
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-top: solid 0px #666666;
	border-bottom: solid 0px #666666;
}

/* --- Cell Holding Pathway ---*/
.path {
	padding-left: 5px;
	padding-bottom: 13px;
}

/* --- Table Containing Left, Top, and Bottom Modules and the Main Body ---*/
.table_2 {
	width: 780px;
	background: #ffffff;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-top: solid 0px #666666;
	border-bottom: solid 0px #666666;
}

/* --- Cell Holding Left Modules ---*/
.left_modules {
	width: 175px;
	padding-top: 10px;
	background: #ffffff;
	border-left: solid 0px #666666;
	border-right: solid 1px #666666;
	border-top: solid 0px #666666;
	border-bottom: solid 0px #666666;
}

/* --- Cell Holding Top and Bottom Modules and the Main Body ---*/
.main_content {
	background: none;
	padding: 10px;
	border-left: solid 0px #666666;
	border-right: solid 0px #666666;
	border-top: solid 0px #666666;
	border-bottom: solid 0px #666666;
}

/* --- Table Holding the Footer ---*/
.table_bottom {
	width: 780px;
	background: #384366;
	color: #777777;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
}

/* --- Cell Holding the footer [mk] ---*/
.footer {
  color: #777777;
}

/* ---------------- General Body Styling----------------------*/
    /* These are normal css setup reccommended for your
      HTML template although they are not neccessary */
 
body {
	margin: 0px 0px 0px 0px;
	background-color : #ffffff ;
	color : #465675;
	}

td,tr,p,div {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}

h4 {
	color: #FF9900; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px; font-weight: bold;
	}

h5 {
	color: #FF9900; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px; font-weight: bold;
	}

h6 {
	color: #FF9900; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	}

a:link, a:visited {
	font-size: 11px; 
	color: #98A258; 
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	}

a:hover {
	color: #3D4E6D;	
	text-decoration: none;
	}
	
ul {
	margin: 0px 0px 0px 0px;
	}

li {
   width: auto;
   margin: 0px 0px 0px 0px!important;
   margin: 0px 0px 0px 30px;
   border: 0px;
   padding: 0 0 0 0;
   }
	

/* ---------------- General Styles ----------------------*/
    /* The following are styles that are often used
        site wide by Mambo to provide better control
        of content's appearences. */

hr { 
	/* often used in components like Akobook, and Simpleboard forum
	   to define the separator lines */
	background: transparent; 
	height:1px; 
	border: 1px solid #314B77;
	}

hr.separator {
	/* found this css style in Peekmambo's css style. Still haven't worked out
	   if this is a custom style or an in built style. Will update when I find out*/
	background: transparent;
	height: 1px;
	width: 75px;
	border: 1px solid #314B77;
}

.pagenavbar { 
	/*for some weird reasons, this is not used in page nav, but found it used 
	  for nick names in forum threads by Simpleboard */
}

.pagenav {
	/* as the name implies, this is for formatting texts for
	   those "<< Start < Previous 1 Next > End >>" links */
	font-weight: normal;
}

a.pagenav, a.pagenav:visited {
	/* same as above, but for links */
	font-weight: bold;
	color: #343A58;
}

a.pagenav:hover {
	/* same as above, but for links with mouse pointer over it */
	color: #FF9900;
}

.small {
	/* general style for texts when small size fonts are used. In 
	   the contents, this style is used for "Written by..." texts */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #343A58;
	text-decoration: none;
	font-weight: normal;
	}

.smalldark {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #343A58;
    text-decoration: none;
    font-weight: normal;
    }

.siteheading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 36px;
    color: #384366;
    text-decoration: none;
    font-weight: normal;
    }


/* --------- Modules formatting ---------*/
  /* These stylings are to format the way modules are 
  displayed. It mainly deals with the format of its 
    table. I think this doesn't need too much explaining. */
	
table.moduletable {
	/* styling the module table */
	width: 90%;
	margin: 0px 0px 0px 7px;
	border-left: solid 0px #666666;
	border-right: solid 0px #666666;
	border-top: solid 0px #666666;
	border-bottom: solid 0px #666666;
	text-align: left;
}

table.moduletable th {
	/* styling the module header, and the module titles */
	background: #ffffff;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	text-indent: 0px;
	width: 100%;
	height: 24px;
	border-bottom: solid 1px #666666;
	text-transform: uppercase;
}

table.moduletable td {
	/* well.. for formatting the table cells of the module table */
	font-size: 11px;
	background: #ffffff;
	padding: 5px;
	font-weight: normal;
	text-align: left;
}

table.moduletable ul {
	color: #ff0000;
	text-align: left;
}

/* --------- Styling for Contents ---------*/
    /* All the styling for contents are listed
      below. */
 
.contentpane {
	/* This is used mainly for the table that holds the SECTIONS such as News.
	   This is when you create a link to a Section and when clicked on it, it will display
	   "News" then some description (with image if you selected one) and then a list of 
	   Category of News. Yes! That entire thing is contained in a table with this style */
		
	background-color : #FFFFFF;
	}

.contentpaneopen {	
	background-color : #FFFFFF;
	}

.contentheading {
	/* This is used in several places; the Heading of contents on the frontpage,
	   it is also used for Section's heading (see above for explanation) "News" or
	   whatever heading you used */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
 	color: #384366;
	text-align:left;
	line-height: 16px;
	height: 15px;
	}

.contentpagetitle {
	/* Couldn't find where is this yet. Will update this part when I
		get to it. Sorry. If you know, please email me the infos */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
 	color: #FF9900;
	text-align:left;
	}

.contentdescription {
	/* When you create a link to a Section in the main menu and when clicked on it, it will display
	   "News" then some description (with image if you selected one) and then a list of 
	   Category of News. This style is used for formating the "DESCRIPTION" part of that page */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	}

table.contenttoc {
	/* This is used to format the table of the Tables of Contents or "Jump to" 
	   box when it is enabled in a multiple paged content or article */
	color: #343A58;
	background-color: #f5f5f5;
	border-top: 1px solid #465675;
	border-bottom: 1px solid #465675;
	border-left: 1px solid #465675;
	border-right: 1px solid #465675;
    }

table.contenttoc td {
	/* the same as above, but this is used to format the td or
	   table cells */
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
	padding: 3px;
}

table.contenttoc th {
	background: #384366;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	text-indent: 15px;
	width: 100%;
	height: 24px;
	border-bottom: solid 1px #666666;
	text-transform: uppercase;
}

/* --------- Mambo Blog styling ---------*/
  /* Not too sure where this is used yet. I tried the blog section 
    but it doesn't seem to use it. If you have info on this, 
    email me. I'll update this part. */
 
a.blogsection:link, a.blogsection:visited {
	color: #44757D; 
	text-decoration: none; 
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	}

a.blogsection:hover {
	color: #759328;	
	text-decoration: underline;
	font-size: 10px;
	}

.pathway {
	color: #ffffff;	
	}

a.pathway, a.pathway:visited {
  color: #ffffff;
}

a.pathway:hover {
	color: #98A258;	
	}

.site_name {
  padding-top: 5px;
  padding-left: 200px;
}

/* --- Navigation Bar [mk] --- */

#navbar {
padding: 0; 
text-align: left;
}

#navbar ul {
list-style: none;
text-align: left;
padding: 5px;
padding-top: 4px;
}

#navbar li {
margin-bottom: 5px;
text-align: left;
white-space: nowrap;
overflow: hidden;
padding-bottom: 10px;
}

#navbar li a {
font-size: 11px;
color: #343A58;
text-decoration: none;
font-weight: bold;
font-family:  Arial, Verdana, Helvetica, sans-serif;
text-align: left;
}

#navbar li a:hover, #navbar li .topnav {
color: #98A258;
text-align: left;
}

/* --- "Title" Style Markup [mk] --- */

.Title {
color: #343A58;
font-weight: bold;
font-size: 13px;
}