table#table_inside{border:solid 1px #000;border-collapse:collapse;}
table#table_inside td{border:solid 1px #000;padding:3px;}
table#table_inside thead{color:#FFF;background-color:#666;}

a{text-decoration:none;color:blue;}
a:visited{color:#551a8b;}
a:hover{text-decoration:underline;}
a.logo:hover{color:black;text-decoration:none;}
a.logo:link,a.logo:visited{color:black;}

span.first{}
h3{font-size:13pt; color: #c60;margin-top:10px;}

span.gray{color:gray}
span.red{color:red}
span.highlight{background-color:#FFFF00}
span.onScreen{color:#CC9900}
span.whatyousee{color:green}

div.ref {background-color:silver;padding:5px}

div.section {
	width: 100%;
}

div.left_section { 
	float: left;
	width: 68%;
}
div.right_section_box {
  background-color: #CCFF99;
  padding: 5px;
  height: auto;
  width: 30%;
	float:right; 	
	border:1px solid silver;
	margin-bottom: 10px;		
}

div.hp {
	float:left;
	position: absolute;
/*	margin-top:2px;*/
}


div#content_nav_left { float:left; }
div#content_nav_right { float:right; }

hr {color:silver}

ul.content_ul { line-height: 1.2em; }
li.content_li { line-height: 1.2em;  }

ul {
  margin-left: 20px; /* 0 would removes indent IE and Opera*/
	margin-right: 5px;
  line-height: 100%;	
}

li { 
  list-style-type: circle ; /*disc*/
  padding-left: 0px; /*pushes the text away from the bullet */
  margin-top: 10px; 
}

li.top_nav 
{
    list-style-type: none;
}

* {margin:0;padding:0}
html,body{height:100%;font-family: verdana;font-size:13px}
p,h1,h2,h3{padding:5px;margin-bottom:1em;}
h2{font-size:120%}
body {text-align:center}

#wrapper {
	width:992px; /*768px*/
	margin:0px auto;	
	background:#ffffcc;/* right column colour*/
	text-align:left;
	/*border:1px solid #000;*/
	border-width: 0px 1px 0px 1px;
	border-color: silver; 
	border-style: solid;		
	min-height:100%;
	position:relative;
	margin-top:-54px;/* make space for footer*/
}

#header {
	background:#ffffcc;
	color:black;
	clear:both;
	margin:0 -151px;/* pull header into full width*/
	position:relative;
	z-index:2;
	height:136px;
	border-bottom:0px solid #fff;
	border-top:52px solid #000;/* soak up negative margin to make way for footer*/
}

#footer {
	background:#ffffcc;
	color:black;
	width:992px; /*768px*/
	clear:both;
	margin:auto;
	position:relative;
	z-index:2;
	/*border:1px solid #00248f;*/
	height:60px;/*30px*/
	border-width: 0px 1px 1px 1px;
	border-color: silver; 
	border-style: solid;
	font-size: 11px;				
}

/*#footer a{color:#fff;}*/
#inner {
	margin-right:150px;
	background:#ffffcc;/* left column colour ie6- only*/
	border-right:1px solid #fff;
	position:relative;
	z-index:2;
}

#middle {
	background:#03c;/* centre column colour ie6- only*/
	margin-left:150px;
	border-left:1px solid #fff;
	color:#fff;
 z-index:2;
}

#content,#content2{
	position:relative;
	width:95%;
	float:left;/* contain clearing*/
	color:#333333;	/**/
	background: white;		
}

#content2{
	margin:0 10px; /* moz needs this*/			
}

#content {
	position:relative;
	float:left;/* contain clearing*/
	width:100%;
	line-height:1.2em;	 
}

#left {
	width:150px;
	margin-left:-149px;/*overlap for old mozilla*/
	position:relative;
	left:-1px;/* now line it up*/
	float:left;
 	z-index:2;
	font-size:11px; 
	background: #ffffcc;
}

#right {
	width:150px;	
	margin-right:-149px;/*overlap for old mozilla*/
	position:relative;
	left:2px;/* now line it up*/
	float:right;
	z-index:2;
	font-size:11px; /*11px*/	
	background: #ffffcc;	
}

* html #left{margin-right:-3px;}/* 3 pixel jog*/
* html #right{margin-left:-3px;}/* 3 pixel jog*/

/* 2 absolute columns that just hold the column colours */
/* there is no need to worry about being removed from the flow because these do not hold content but are just stuck to the parent container and set at 100% height. This ensures that they grow with the parent container. Its a shame that this behaviour doesn't apply to static elements and we'd all be a lot happier. */
#l{
	width:150px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:#bfcfff;
	z-index:1;
	border-right:1px solid #fff;
}
#m{
	position:absolute;
	height:100%;
	left:151px;
	background:#03c;
	z-index:1;
	width:466px;
	border-right:1px solid #fff;
	top:0;
}

/* clear without structural mark-up */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

/* mac hide - force layout in ie \*/
.clearfix {display: block;}
/* End hide */
p.expand a{color:#fff;display:block;clear:both}
p.expand a:hover{height:200px;}
#content p img{float:right;}
/* 100% height for ie6 and under only */
* html #wrapper, * html #inner, * html #middle{height:100%}

/*globalnav*/

#globalnav {
	position:relative;
	float:left;
	width:100%;
	padding:0 0 0em 1em;
	margin:0;
	list-style:none;
	line-height:1em;
	background-color:#ffffcc; /* #ddd */	
	border-left:1px solid #aaa;		
	border-bottom:1px solid #aaa;		
}

#globalnav LI {
	float:right;
	margin:0;
	padding:0;			
	color:#551a8b;	
}

#globalnav A {
	display:block;
	color:#444; /*#444*/
	text-decoration:none;
	font-weight:bold;
	background:#ffffcc; /* #ddd */
	margin:0;
	padding:0.25em 1em;
	border-right:1px solid #aaa;	
}

#globalnav A.selected {
	display:block;
	color:silver;
	text-decoration:none;
	font-weight:bold;
	background:#ffffcc; /* #ddd */
	margin:0;
	padding:0.25em 1em;
	border-right:1px solid #aaa;	
}

#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
	background:#FFFF99;/* FFFF66 */
}

/*for the ant box in home.asp - start*/
  h4{
  	position:absolute;
  	top:-15px;
  	left:30px;
  	margin:0;
  	padding:0 5px;
  	line-height:20px;
  	background:white;
  	border:1px solid #000;
  	font-size:14px;		
  }
  .outer {
  	position:relative;
  	float:left;
  	width:95%;
  	border:2px dotted #000;
  	margin:20px;
  	background:#FFCC33;
  	display:inline;
  }
	
  .inner {
  	border:1px solid white;
  	width:100%;
  	height:100%;
  	position:relative;
  	z-index:100;
  	margin:-1px;
  }
	
  .outer p {padding:5px;margin:10px 0 0;}
  .outer h4 a {
  	line-height:20px;
  	font-size:12px;
  	border:1px solid #000;
  	background:##ffffcc; /*#ffffcc*/
  	text-decoration:none;
  	vertical-align:top;
  	padding:0 5px;
  }		
  	
	/*for the ant box in home.asp - end*/
	
	/*Statistic*/
	    .box {
    background:;
    padding: 0px;
    height: auto;
    width:30;
    font-size:smaller;
    color:gray;
    margin-bottom: 10px;		
    margin-top: 0px;
    margin-right: 10px;
    margin-left: 10px;
  	float:right; 	
  	border:1px solid silver;		
  }
  
span.verses
{       
    font-style:italic;
    font-family: Times New Roman;
    font-size:large;
    line-height: 20px;
    word-spacing: 5px;     
}