.error {
 color: #f00;
}


*
{
 margin: 0;
 padding: 0;
 font-family: Verdana;
}

body { background-color: #f7f7f7;
 text-align: center;
 dbackground: #e7e7e7 url('/images/tilehdark.jpg') repeat fixed top left;
 
}

.hdr {  
    text-align: left;
	position:relative;
	width:100%;
	height:192px;
	background: url('/images/D4/top.png') repeat top left;
	
}

.hdrcircles {
  background-image: url('/images/D4/circles.gif')  ;
  position:absolute;
	top: 15px;
	left: -100px;
	width:547px;
	height:407px;
	z-index:0;
	_z-index:-1;
	  
}

.logo {
    
	
	position:relative;
	top: 15px;
	left: 20px;
	width:229px;
	height:143px;
	background-image: url('/images/D4/logo.gif')  ;
	z-index:1;
}

.vcnt {
  text-align:center;
  position: absolute;
  top: 5px;
  left:32%;
  width:40%;
  margin: 0 auto;
  height:90px;
  clear:left;
 }

.verse { 

 font-size: 0.9em;
 text-align:center;
 font-family: verdana;
 color:#fff;

 
}


.add { 
 float: right;
 position:absolute;
 top: -9px;
 left: 76%;
 font-size: 0.9em;
 right: 5%;
 padding: 10px 00px 20px 000px;
 text-align:center;
 font-family: verdana;
 color:#fff;

 
}
.verse2 { 

 position:absolute;
 top: 6px;
 left: 281px;
 font-size: 0.9em;
 right: 5%;
 padding: 10px 00px 20px 000px;
 text-align:center;
 font-family: verdana;
 color:#777;

 
}



/* ############# MENU ############## */
.fisheye{
 text-align: center;
 height: 50px;
 bottom: 10px;
  z-index:1;
 position: relative;
 width: 450px;
 left:44%;
}
a.fisheyeItem
{
 text-align: center;
 color: #000;
 font-weight: bold;
 text-decoration: none;
 width: 40px;
 position: absolute;
 display: block;
 bottom: 0;
}

img.fullwidth
{border:none;
 margin: 0 auto 5px auto;
 width: 100%;
}

fisheyeItem > span  img
{position:relative;
 z-index:1;
 top: 0px;
 border:none;
  
}

.fisheyeItem span
{
 color: #5f5f5f;
 top: 82px;
 text-align:center;
 font-size:0.9em;
 _font-size:0.8em;
 display: none;
  z-index:10000;

 
 position:relative;
}
.fisheyeContainter
{
 
 height: 50px;
 width: 200px;
 left: 0px;
 position: absolute;
}
 .title {
  
  display: inline;  
}

/* ########### CENTER GOODS #######*/

.cntr {
  text-align:center;
  width:786px;
  height:50px;
  margin: 0 auto;
  z-index:10;
}


.secend {
   position:relative;
	background: url('/images/D4/secend.png') no-repeat top left;
	height:27px;
	z-index:11;
}

.secstart {
	position:relative;
	background: url('/images/D4/secstart.png') no-repeat top left;
height: 10px;
}
.sec {
    position:relative;
	
   background: url('/images/D4/sec.png') repeat-y top left;
	padding: 0 10px 0 10px;
	font-size:0.9em;
	  min-height: 10px;
	  _height: 10px;
	  clear: left;
	  z-index:12;
}

.seccut {
		position:relative;
	
	background: url('/images/D4/seccut.png') repeat-y top left;
	height:12px;
	clear: left;
}

.secnext {
  position:relative;
	
	background: url('/images/D4/secnext.png') repeat-y top left;
	height:14px;
	clear: left;
	z-index:13;

}

.topbar {
  background: url('/images/D4/topbar.gif') repeat-x top left;
  background-color:#759bc3;
    _height: 30px;
	  color: white;
	position:relative;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
	
	
}

.topbar a{
  font-weight: bold;
  color: white;
  text-decoration:none;
  
	
}

.topbar a:hover{
 text-decoration:underline;
 	
}


.secpadding {
   text-align:left;
  padding: 5px 20px 5px 20px;
  
}

.floatleft {
 float:left;
}

.floateright {
 float:right;
}

.clear {
  clear: left;
}

.rightcolumn {
    padding: 5px 5px 10px 5px;
	float:right;
	width: 200px;
	background-color: #f5f5f5;
	min-height: 200px;
	_height: 200px;

}


.infobox {

 font-size:1.5em; 
 font-weight:bold;
 color:#fff;
 position:absolute; 
 width:70px%;
 z-index:0
}

.infobox a {
  text-decoration:none;
  color:#fff;
 }

 .adminbox {
 color:#333; 
 font-size:0.7em;
 font-weight: bold;
 position:absolute; 
 left: 250px; 
 top: 170px; 
 z-index: 10;
 }
 
 .adminbox a{
 color:#333; 
 text-decoration: none; 
 z-index: 10;
 }
 
  .adminbox a:hover{
 color:#111; 
 text-decoration: underline; 
 z-index: 10;
 }
/* ###### Content Box #########*/

.left {
text-align:left;
}

.right {
text-align:right;
}

.center {
text-align:center;
}


.floatleft {
float:left;
}

.floatright {
float:right;
}

.Verse {
font-family: Georgia, serif;
  color: #67120F;
  color: #333;
  dpadding: 1px 20px 1px 20px;
  dmargin: 0.5em ;
}

.Verse_Reference {
 font-family: Georgia, serif;
 color: #02478a;

 font-style: italic;
}

.Verse_Reference_in_Verse {
 vertical-align: super;
 font-size: 70%;
 font-family: Georgia, serif;
 color:  #02478a;
 font-style: italic;
}


.content p {
  padding: 1.5em 0 0 0;
}



.filelist td {
  background-color: #eee;
}


.high {
  background-color: #fff;
}
	
.content  {
font-size:small;
text-align:left;

font-family: Verdana, Geneva, sans-serif;
margin: 0px 0px 20px 0p;
padding: 0px 20px 20px 20px;
line-height: 150%;
/* list-style: circle outside url('/images/bullets.gif'); */

}

.content form {
font-size:90%;
}



td {
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
padding: 0px 5px 3px 10px;

}


.content ul {
	list-style-image: url(/images/bulletgreen.gif);

  padding: 0 0 0 5px;	
  margin: 0 0 0 15px;


}

.content >  ul > a{
  text-decoration: none;

  
  }



.del {
 border: 2px dashed red;
}

.section h2 a {
  text-decoration: none;
}

.section li a {
 font-size:110%;
 font-family: Verdana, Geneva, sans-serif;
 padding: 0px 0px 0px 0px;
 color: #a57c52;

  text-decoration: none;
}

.section  .cron {
	padding: 15px 0 0 0
}

.section ul li a:hover {
 color: #0267ca;


}

.content ul li .desc{
  font-size: small;
  font-weight: normal;
  color: #555;
   border-top: 1px solid #ccc;
    font-family: Verdana, Geneva, sans-serif;
  padding: 0px 0px 20px 30px;  

  line-height:120%;

}



.content ul li .desc a{
  float:inline;
  font-size: 80%;
  font-weight: bold;
  color: #0267ca;
  padding: 0px 20px 0px 3px;
  
  
}

.error {
  color:#F00;
}

.content ul li .desc a:hover{
  color: #dfa600;
 
 
}
.content ul li .desc p {
	margin: 0 ! important;
	padding: 0 ! important;
}

.desc ul {
  list-style-type: disc ! important; 
}

.description {
margin: 3px 20px 5px 0px;
}

.content h1 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-weight: bold;
font-size: 145%;
line-height: 100%;
color: #063d98;

margin: 0;
padding: 5px 0px;


}

.content h2 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
font-size: 135%;
line-height: 130%;
margin: 20px 0px 3px 0px;

color: #333;

}

.content h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
font-size: 125%;
line-height: 125%;
margin: 20px 0px 3px 0px;

color: #444;

}

a img {
border: 0px solid black;
}



.wide {
width: 20em ! important;

}

.cntQuickJump {
float:right;
width: 15em;
margin: 0px 0px 5px 15px;
background-color: #fff; 
border: 1px solid #dedede;
}

.cntQuickJump h2{
color:#fff;
font-size: 120%;
padding: 4px ! important;
margin:0 ! important;
background: url('/images/D4/topbar.gif') repeat-x top left;


}

.cntQuickJump a{
color:#063d98;
text-decoration:none;

}

.cntQuickJump a:hover{
text-decoration:underline;
}

.cntQuickJump li {
list-style-image: url(/images/bulletblue.gif);
}

/* ############## ARTICLE ################### */

.article li {
	list-style-image: url(/images/bulletred.gif);
}

.article {
font-size: 90%;
}


.default img {
border: 1px solid #aaa ! important;
display: block;

}



.default .caption{
 font-family: Arial, sans-serif;
 font-size:100%;
 color: #802A2A;
 padding: 2px 30px 2px 20px;

}


/* ############# FOOTER ##################*/

.secend {
   font-size: 0.6em;
   color: #686868;
}

.footer {
   font-size: 0.7em;
   color: #333;
   padding: 5px;
}

.footer a {
   color: #333;
   text-decoration:none;
}


.footer a:hover {
   color: #333;
   text-decoration:underline;
}

/* ########### SENDTOFORM #################*/

.forminfo {
font-size: 85% ! important;
border-top:1px solid grey;
text-align:center;

}

input {
	border: 1px solid black;
	background-color: #eee;
	padding: 1px;
}

select {
	border: 1px solid black;
	background-color: #eee;
	padding: 1px;
}


.sentoform {
position:relative;
border: 1px solid #999;
z-index:10;
}

.moon {
position: relative;

_top:-12px;
}