/*
Template name: Beautiful Day
Template URI: http://templates.arcsin.se/beautiful-day-website-template/
Release date: 2006-11-12
Description: A soft and bright two-column template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #000099;}
a:hover {color: #C60;}

body {
	/* background-color:#483301; */
	 background-color:#000000; 
	background-image: url(img/backgroundb.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #444;
	font: normal 65.5% Tahoma,sans-serif;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	color:#333333;
	padding-left:28px;
	margin-top:10px;
	margin-bottom:10px;
}

h1,h2,h3 {padding-top: 6px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 780px;
}

/* header */
.top {
	padding-top:10px;
}

/* title */
.header {
	background: #FFF;
	font-size: 1.2em;
	height: 150px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 780px;
}
.header .left, .header .right {
	background: #A4A4A0;
	color: #FFF;
	height: 150px;	
}
.header .left {
	background: #B3C2C7 url(img/navigation-left.jpg) no-repeat;
	font: normal 2.8em "Trebuchet MS",sans-serif;
	line-height: 150px;
	text-align: center;	
	width: 564px;
}
.header .right {
	background: #B3C2C7 url(img/navigation-right.jpg) no-repeat;
	overflow: auto;
	width: 212px;
}
.header .right p,.header .right h2 {padding: 0 16px;}
.header .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}

/* navigation */
.navigation {	
	background: #D9E1E5 url(img/nav.gif);
	border: 1px solid #DFEEF7;
	border-color: #DFEEF7 #CFDEE7;
	height: 41px;
}
.navigation a {
	background: #D9E1E5 url(img/nav.gif);
	border-right: 1px solid #AFBEC7;
	color: #456;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	padding: 0 20px;
	text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #234;}

/* main */
.main {
	border-top: 4px solid #FFF;
	background: url(img/bgmain.gif) repeat-y;
	background: #fff;

}

/* sub navigation */
.sidenav {
	background: #F0F0EB;
	float: right;
	width: 210px;
	margin-bottom: 10px;
}
.sidenav h2 {
	color: #5A5A43;
	font-size: 1em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.sidenav ul {
	padding: 0;
	border-top: 1px solid #fff;
}
.sidenav li {border-bottom: 1px solid #fff;}
.sidenav li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li a:hover {
	background: #fff;
	color: #654;	
}

/* content */
.content {
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 531px;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content ol li {list-style: decimal;}
.content p {font-family: "Lucida Sans Unicode",sans-serif;}

/* footer */
.footer {
	background: url(img/bgfooter.gif) repeat-x;
	color: #FFF;
	font: bold 1em sans-serif;
	line-height: 39px;
	padding: 0 12px;
	text-align: center;
}
.footer .right {color: #DEF;}
.footer .right a {color: #DEF; text-decoration: none;}
.footer a, .footer a:hover,.footer .right a:hover {color: #FFF;}

/** Stylized Forms */
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
width:425px;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}

#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-decoration:none;
border: none;
}

.buttonform{
clear:both;
margin-left:5px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-decoration:none;
border: none;
}
.inputform{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:125px;
margin:2px 0 8px 10px;
}


#stylized image{
clear:both;

}

/** End Stylized forms */


/* gallery-specific styles */

/* gallery container */
.gallery {
	text-align: left;    /* centers inline paragraphs */
	margin: 0px;
	width:100%;
}
.gallery a {
	text-decoration: none;
}
.gallery a img {
	border-width: 1px;
	vertical-align: middle;
}

/* outer container for each image/caption pair */
.gallery p {
	display: inline;
}

/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a {
	display: table-cell;   /* default, for gecko & Opera6- */
	margin: 2px;
	padding: 4px;
	vertical-align: top;   /* aligns the img/caption container */
	border: 1px solid #ccc;
}


/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
	display: block;        /* fill container width, force a line break */
	text-align: center;
/*	border: 1px dashed #f00; /* uncomment to show */
}

/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	padding: 3px;
	text-align: center;
	font-style: normal;
/*	border: 1px dashed #00f; /* uncomment to show */
}

/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
	display: inline;
}
* html .gallery a:hover i {
	cursor: hand; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */

/* end hacks */


  #gallery1 {
  margin: 0;
  padding: 0;
  text-align: center;
  }

  #gallery1 li {
  margin: 4px;
  padding: 4px;
  text-align: center;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: top;
  background-color:#f6f8f6;
  border:solid 1px #CCCCCC;
  }



 .imgclass {
  border: 1px solid #999999;
  display: block;
  margin: 0 auto;
  margin-bottom:2px;
  }
  
  
  /*
  Frequently asked questions styles.
*/
.FAQ dt {
  margin-top:       1em;
}
.FAQ dd {
  margin-top:       0.5em;
  margin-left:20px;
}
.FAQ dd dl dd {
  margin-top:       0;
}
Q, .Q, .A, .Box label, legend {
  color:            #039;
  background:       transparent;
  font-weight:bold;
  font-size:16px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
}
.clean-gray{
text-align:left;
margin-bottom:10px;
border-bottom:1px solid #DEDEDE;
}  
  
  
  
  
/* sub navigation */
.vlists {
	background: #F0F0EB;
	width: 100%;
	list-style-type:none;
list-style: none;

}
.vlists ul {
	padding: 0px;
	border-top: 1px solid #fff;
	list-style-type:none;
list-style: none;

}
.vlists li {
padding:0px;
border-bottom: 1px solid #fff;
list-style-type:none;
list-style: none;
line-height:45px;
text-align:left;
vertical-align:text-top;

}
.vlists li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding:4px;
	text-decoration: none;
	width: 95%;
	list-style-type:none;
list-style: none;

}
.vlists h3 {
	color: #5A5A43;
	font-size: 12px;
	margin: 0px;
}
.vlists li a:hover {
	background: #fff;
	color: #654;	
	list-style-type:none;
list-style: none;

}

#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 375px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #444;
	text-align:left;
}
#hor-zebra td
{
	padding: 8px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}

/*Bible Table*/
#customers
{
width:100%;
border-collapse:collapse;
}
#customers td, #customers th 
{
font-size:1em;
border:1px solid #CCCCCC;
padding:3px 7px 2px 7px;
}
#customers th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color: #333333;
color:#ffffff;
}
#customers tr.alt td 
{
color:#000000;
background-color: #DEF;
}
/*End Bible Table*/


<!--[if lte IE 7]>
  <style type="text/css">
/*<![CDATA[*/

  #gallery1 li {            
  display: inline;
  padding: 1em 0;            /*IE improperly collapse p's margins in
                             spite of border.  Padding replaces them*/
  }

  /*]]>*/
  </style>
<![endif]

-->