/********************************************************************************/
/*                                BIBLE SEARCH CSS                              */
/********************************************************************************/
/********************************************************************************/
/*                                Body settings                                 */
/********************************************************************************/
BODY /* HTML Body */
{
   background-image: url(images/christmas/cmas_bak.jpg); /* Gradient image 1px by 1200px               */
   background-repeat: repeat-x; /* Repeat Horizontally only                              */
   background-color: #705C63;   /* Must be the same as the light color in the Gradient   */ 
   font-family: Helvitica, Geneva, sans-serif;
   padding: 0 10px 10px 10px;
   text-align: center;
}

P
{
   Font-size: 12pt; 
   Font-weight: normal; 
   color: #000700;
   text-align: left;
}

HR
{
   COLOR: #7B97C4;
   height: 1px;
   text-align: center;
   width: 75%; 
}

H1
{
   Font-size: 18pt; 
   color: #000040; 
   font-weight: bold; 
   text-align: Left;   
}

H2
{
   Font-size: 13pt; 
   color: #000040;  /* #000040 = dark blue */
   font-weight: bold; 
   text-align: Left;   
}

H3 /* Dark Red header text */
{
   Font-size: 15pt; 
   color: #000040; 
   font-weight: bold; 
   text-align: center; 
}

H4
{
   Font-size: 12pt; 
   Font-weight: bold; 
   color: #000040;   /* #000040 = dark blue */
   text-align: left;
}

H5 /* Small Paragraph Text */
{
   Font-size: 10pt; 
   Font-weight: normal; 
   color: #000040;  /* #000040 = dark blue */
   text-align: left;
}

H6 /* The "Fine Print" fonts */
{
   FONT-SIZE: 8pt;
   MARGIN: 0 0 0 0;  
   COLOR: #8080FF;   /* #8080FF = light pastel blue */
}

/* Site Default Link styles  */
a, a:visited, a:active
{
   text-decoration: none;
   font-style: normal; 
   /*font-weight: bold;*/
   color: #0000ff;
   Font-size: 10pt; 
}

a:hover 
{
   color: #453F4D;
}

#footer
{
   /*border: solid 1px;
   border-color: white;*/
   width: 760px;
   /*height: 30px;*/
   text-align: center;
   padding: 0.05 0.5 0 0;
   /*background: url('images/footer.jpg') center center no-repeat;*/
}

#footer a, #footer a:visited, #footer a:active
{
   text-decoration: none;
   font-style: normal; 
   font-weight: bold;
   color: #FF3300;
   Font-size: 10pt; 
}

#footer H1
{
   FONT-SIZE: 8pt;
   padding: 0.05 0.5 0 0;
   margin: 5px 0 0 0;
   COLOR: #FFFFE6;             
   text-align: center;
}

#bottomlinks
{
   width: 760px;
   height: 30px;
   text-align: center;
   padding: 0.05 0.5 0 0;
}

#bottomlinks p {
   font-size: 8pt;
   text-align: center;
   color: #ffffff;
}

#bottomlinks a, #bottomlinks a:visited, #bottomlinks a:active
{
   text-decoration: none;
   FONT-SIZE: 8pt;
   MARGIN: 0 0 0 0;
   COLOR: #FFFFE6;     
   font-style: normal; 
   font-weight: normal;        
   text-align: center;
}

#bottomlinks a:hover
{
   text-decoration: underline;
}

#container
{
   /* 9/5/2008 Trying to keep the entire site using the same container dimensions, other Divs may be page-specific */
   margin: 0 auto 0 auto;
   width: 760px; /* Actual content is only 740px wide, the extra 20 px is for the off-white border around the rest of the page */
   text-align: left;
}

#header
{
   width: 760px;
   height: 177px;
   text-align: center;
   MARGIN: 10 0 0 0;
   padding: 0.05 0.5 0 0;
   background: url('images/header.jpg') center center no-repeat;
}

#content
{
   float: right;
   width: 550px;
   padding-right: 10px;
   padding-left: 10px;
}

#body
{
   /* BACKGROUND-COLOR: #FFFFE6;  */
   BACKGROUND-COLOR: #EEEEFF;
   width: 740px;  /* All containing div's must specify a width to avoid the IE peekaboo bug */
   min-height: 350px;
   padding-top: 10px;
   padding-Left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
}

#minheight
{
	/* Since the minheight command is not recognized in internet explorer, */
	/* this is used in the headers to vertically space the pages properly  */
	width: 1px;
	height: 350px;
	float: right;
}

.clearer
{
	line-height: 0;
	height: 0;
	clear: left;
}

.menu
{
   padding: 5px;
   float: left;
   width: 257px; 
   height: 175px; 
   border: solid 1px; 
   border-color: #000066; 
}

.result
{
   padding: 5px;
   float: left;
   width: 725px; 
   background-color: #FFFFFF;
}



/********************************************************************************/
/*                                  Links                                       */
/********************************************************************************/
.topnav
{    
   width: 200px;
   height 200px;
   float: right;
   text-align: center;
   border: solid 1px;
   border-color: #000040;
   min-height: 185px;
}

.topnav ul 
{
   width: 200px;
   height: 20px;
   margin-left: -10px;
   margin-top: 5px;
   text-align: center;
}

* html .topnav ul
{
   margin-left: 0px;
}

.topnav ul li 
{
   height: 20px;
   /*float: left;*/
   margin: 10px;
   text-align: left;
   /* list-style-type: circle; */
}

* html .topnav ul li 
{
   display: inline-block;
}

/*
.topnav a, .topnav a:visited, .topnav a:active
{
   text-align: left;
   margin: 5px 0 0 0;
   text-decoration: none;
   padding: 0;
   COLOR: #383747;
   FONT-SIZE: 8pt;
   font-family: Verdana;
}

.topnav a:hover
{
   COLOR: #FFFFFF;
}*/