html, body 
{
margin:0;
padding:0;
border:0;
}

body {
  background: #FFFFFF;
  font-family:trebuchet ms, tahoma, verdana, arial, sans-serif;
  font-size: 10pt;
  font-weight:normal;
  text-align:left;
  margin:0 0;
  color:#000;
}

p {
  font-family:trebuchet ms, verdana, tahoma, arial, sans-serif;
  font-size: 10pt;
  font-weight:normal;
  text-align:justify;
  color:#000;
  margin:5px 5px 10px 5px; 
  padding:0;
}

a, a:visited {
  color:#0000CC;
   font-weight:bold;
}

a:active {
  color:#0000CC;
}

a:hover {
  color:#c20808;
}

a:visited:hover {
  color:#c20808;
}

#wrapper {
  width:760px;
  background:#fff;
  border-top:10px solid #fff;
  border-bottom:10px solid #fff;
  text-align:left;  
  margin-left:auto; 
  margin-right:auto; 
}

#header {
  display:block; 
  height:80px; 
  background:url(http://www.jeremiahproject.com/graphics/projecttitle.gif) #fff;
  background-position:top left;
  background-repeat:no-repeat;
  margin:0 auto;
  margin-top:0px;
  margin-bottom:5px;
}

/*menu starts here*/

.menu 
{
display:table;         /* ignored by IE6 */
padding:20; 
list-style-type:none;
white-space:nowrap;    /* keep text on one line */
border:0
}
 
.menu li 
{display:table-cell;}    /* ignored by IE6 */

.menu a, .menu a:visited 
{
display:block;         /* for all browsers except IE6 */
padding:4px 16px;
color:#fff; 
font-weight:bold;
background:#FF6600; 
border:1px solid #000; /* add a 1px black border around items */ 
text-decoration:none;
}

.menu a:hover 
{
color:#0ac; 
background:#fff;
text-decoration:none;
}

.centered 
{
  margin:0 auto;
}


#maincol
{
background-color:#fff;
float:left; 
display:inline; 
position:relative; 
width:550px; 
}

#rightcol
{
background-color:#fed761;
border:2px solid #FF6600;
width:190px;
float:right; 
position:relative; 
}

#rightcol a, #rightcol a:visited 
{
  color:#0000CC;
  font-size: 8pt;
  font-weight:bold;
}

#rightcol a:hover 
{
color:#c20808; 
text-decoration:none;
}

#rightcol p 
{
  font-family:trebuchet ms, verdana, tahoma, arial, sans-serif;
  font-size: 7pt;
  font-weight:normal;
  text-align:justify;
  color:#000;
  margin:10px; 
}

#sidemenu a, #sidemenu a:visited 
{
  position:relative;
  text-decoration:none; 
  text-align:center; 
  background-color:#FF6600; 
  color:#fff; 
  font-weight:bold;
  display:block; 
  width:180px; 
  border:1px solid #000; /* add a 1px black border around items */ 
  padding:0;
  margin:0 0 5px 4px;
}

#sidemenu a:hover 
{
color:#0ac; 
background:#fff;
text-decoration:none;
}

.right
{
float:right;
margin:0 0 0 0;
padding:10px;
} 

.left 
{
float:left;
margin:0 0 0 0;
padding:10px;
} 


A.tdn:hover {
  color: #FF3300;
}

.tdn {
  text-decoration: none;
}

.t {
  color: #FFFFFF;
  text-decoration: none;
}

.sidebar {
  font-size: 8pt;
  color: #FFFFFF;
  font-weight: bold;
}

A.topbar {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
}

A.topbar:active {
  color: #003366;
}

A.topbar:visited {
  color: #FFFFFF;
}

A.topbar:hover {
  color: #FF3300;
  text-decoration: underline;
  font-weight: bold;
}

A.topbar:visited:hover {
  color: #FF3300;
}

A.chan {
  color: #003366;
  text-decoration: none;
  font-family: Arial;
  font-size: 10pt;
}

A.chan:active {
  color: #003366;
}

A.chan:visited {
  color: #003366;
}

A.chan:hover {
  color: #FF3300;
}

A.chan:visited:hover {
  color: #FF3300;
}

.ql {
  color: black;
  font-size: 8pt;
}

a:visited.ql {
  color: black;
}

a:visited:hover.ql {
  color: #FF3300;
}

SMALL {
  font-size: 7pt;
}

H1 {
  font-family:verdana, trebuchet ms, tahoma, arial, sans-serif;
  font-size: 22pt;
  font-weight: bold;
  color:#FF6600;
}

H4 {
  font-family:verdana, trebuchet ms, tahoma, arial, sans-serif;
  font-size: 8pt;
  font-weight:bold;
  text-align:right;
  color:#666;
  margin:60px 25px 0px 5px; 
  padding:0;
}

H6 {
  font-size: 6pt;
  color: #F4F4F4;
  line-height: 6pt;
}

FONT {
  font-family: Arial;
  font-size: 9pt;
}

LI {
  font-size: 10pt;
}

.clear
{clear:both;}

.scripture {
  font-family:trebuchet ms, verdana, tahoma, arial, sans-serif;
  font-size: 10pt;
  font-weight:bold;
  text-align:left;
  color:#FF6600;
  margin:10px 15px 10px 15px; 
  padding:0;
}

#banner {
  border:5px outset #FF6600;
  width:468px;
  margin:0 auto;
}

#footer
{
padding:5px 0 5px 0;
height:15px;
background:#FF6600;
clear:both;
color:#fff;
  margin:0 auto;
  font-size:10px;
font-weight:bold;
text-align:center;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #fed761; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 112px; /*Width of top level menu link items*/
padding: 1px 6px;
border: 1px solid black;
border-left-width: 0;
font-size: 9pt;
text-decoration: none;
color: navy;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #fed761 url(http://www.jeremiahproject.com/graphics/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(http://www.jeremiahproject.com/graphics/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */