html { min-height: 100%; margin-bottom: 1px;}

body{font-family: Arial,Verdana,Helvetica,sans-serif;font-size:100%;color: #333;line-height: 1.166;background-color: #fff; text-align:center; /* for IE */}

p { padding:0; line-height: 1.3em; }

a {text-decoration: none;}
a:link {color: #993300; text-decoration: underline; background-color: #fff; cursor: pointer;}				
a:visited {color: #DD4E07; text-decoration: none; background-color: #fff; cursor: pointer;}
a:hover {color: #000; text-decoration: underline; background-color: #fffff7;}
a:active {color: #993300; text-decoration: underline; background-color: #fffff1;}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {  text-align: left; margin:0; padding: 0;}
h1{font-size: 120%; color: #334d55;}
h2{font-size: 75%; font-weight: 600;color: #333; text-decoration: none; padding-left: 10px;}
h3{font-size: 100%; color: #000; border-bottom: 1px solid #ccc;}
h4{font-size: 100%; font-weight: 600;color: #333; text-align: center; margin-top:12px;}   
/*--- submission form is using h5 ----*/
h5  {font-size: 70%;color: #666;text-align:center;margin-top:1px;margin-bottom:4px;}
   
.subheader { text-align:left; font-size: 75%;color: #333; font-weight: bold; margin:0; padding:0;background: #fff;} 
   
.keycol1  {float: left;	width: 47%; height: 110px; margin: 0 0 0 30px; padding: 0; list-style-position: inside; border: 0px solid #0000ff;}																							
																								.keycol2 { 																									    float: right;																											    top: 120px;																									    width: 47%;																									    height: 110px;																									    margin: 0;																									    padding: 0;																									    list-style-position: inside;																									    border: 0px solid #ff0000;}
																							   
.list  {font-size:75%; color: #000; line-height:1.6em; list-style-type: disc; text-align:left;}
ul{list-style-type: disc;}
ul ul{list-style-type: disc;}
ul ul ul{list-style-type: none;}
label{font: bold 100% Arial,sans-serif;color: #000;}
/*--------------------------------- Entry page ----------------------------*/
#entrywrap{
	text-align:center; /* for IE */
	margin: 0 auto;
	padding: 0;
	border: 1px solid #000;
	width: 777px;
	background-color: #F6F5EC;
	border: 0px solid green;}

#entrypic{
	margin: 0 auto;
	padding-top: 5px;
	border: 0px solid red;
	width: 505px;
	border:0;
	background-color: #F6F5EC;}
	
.borderit img{border: 0px solid #ccc;}
.borderit:hover img{border: 0px solid navy;}
.borderit:hover{color: red; /* irrelevant definition to overcome IE bug */}
	
img.pic  {border:0;}	
	
#entryftr {
	clear: both;
	font-size: 70%;
	color: #999;
	text-align:center;
	padding: 5px 0 600px 0;
	margin-top: 10px;
	background-color: #F6F5EC;}
/*-----------------------------------------------------------------------------------------------*/		
#wrapper {
	clear:both;
	margin: 0 auto;
	padding: 0;
	height:100%;
	width: 777px;
	background-color: #fff;
	border:0px solid green;}

#header{
	text-align:left; margin:0; padding: 5px 0 5px 0; border-bottom: 1px solid #ccc; width: 100%;}	
	
.style3 {
	position: relative;
	text-align:right;
	float: right;
	top: -25px;
	width: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin:0;
	padding-right: 30px;
	border: 0px solid green;}	
	

#navBar {width: 162px; height: 100%; margin:0; padding:0; text-align:left; border:0px solid green;}
* html #navBar {overflow: visible;}
* html #navBar li {height: 100%;}
* html #navBar ul li a {display: block; height: 100%;}	

#navBar{padding:0; font-size:85%; background-color: #BEBEBE; border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}

#content{
	float:right;
	width: 73%;
	margin-top: 10px;
	padding: 0 2% 0 0;
	border: 0px solid purple;}
	
.bookText  {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 75%;
	color: #333;
	text-align:left;
	line-height: 16px;
	padding: 10px 20px 150px 5px;
	background: #fff;
	margin-top:0;
	border: 0px solid #ccc;}	
		
x#c1 { position: relative; clear:both; 
	float: left;
	width: 72%;
	margin:0;
	padding:0;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	background: #fff;
	background-image: none; border: 0px solid red; }	
	
x#c2 { float: left; width: 150px; height:100%; margin:0; padding:0; border: 0px solid blue;}

/* --- CSS -- XHTML --- Icons & Google adds ---- */
.googleAdds  {
	position: relative;
	margin:0;
	padding:0;
	float: left;
	width: 590px;
	visibility: visible;
	border: fuchsia 0px solid;}
			
/********************************** #globalNav styles *********************************/
#globalNav img{display: block;}

.globalNav {font-size: 75%;font-family: Arial,Helvetica,sans-serif;padding: 0 0 0 10px;}

globalNav{color: #ccccc1;padding: 0px 0px 0px 10px;white-space: nowrap;}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{display: block;}

#globalNav a {font-size: 90%;padding: 0 4px 0 0;}
/************** .feature styles ***************/
.block  {
	font-family: Arial, Helvetica, sans-serif;	
	width: auto;
	font-size: 75%;
	color: #333;
	text-align:left;
	line-height: 16px;
	padding: 0 10px 0 10px;
	background: #fff;
	margin-top:0;
	border: 0px solid #ccc;}	
	
.block4  {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 75%;
	color: #333;
	text-align:center;
	line-height: 16px;
	background: #fff;}	

.feature{ width:99%; padding: 0 0 10px 10px; font-size: 75%; margin:0; text-align: left;
	border: 0px solid #999;}

.feature h3{ padding: 20px 0 5px 0; text-align: center;}

.feature img{float: left; padding: 0 10px 5px 0; margin:0;}
/* adjust margins to change separation between the feature image and text flowing around it */

img {margin:0; padding:0; border:0px;}
	
.pic {margin:0; padding:0; border: 1px solid #999;vertical-align: bottom;}	
	
dargan {width: 440px;text-align:justify;}
	
#dargan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;color: #333;
	font-weight:bold;
	text-align:justify;
	position:relative;
	left:40px;
	top:0px;
	margin:0;
	padding:0;
	width:440px;
	z-index:1;
	height: 200px;
	border: 1px solid #999;}	
	
img.floatLeft { float:left; margin: 5px 10px 5px 10px;padding-right: 0;}		
	
img.floatRight { float: right; margin: 0 20px 0 30px;padding: 0; border: 0px solid #CC00FF;}	
	
#imgmenu {  
    position: absolute;
	left: 660px;
	top: 340px; 
	width: 110px;
    margin: 4px;
	padding-left: 10px;
	z-index: 2;
	border: 0px solid yellow;}			

/************** .frame styles *****************/
#frameContent{float:right; width: 75%; margin-top: 10px; padding: 0 2% 0 0; border: 0px solid red;}
	
.frameText {
	font-family: Arial, Helvetica, sans-serif;	
	width: auto;
	font-size: 75%;
	color: #333;
	text-align:justify;
	line-height: 16px;
	padding: 0 0 10px 0;
	background: #fff;
	margin-right:10px;
	border: 0px solid #ccc;}			
	
#CSSframe {
	position: relative;
	top: 20px;
	left: 0;
	overflow: auto;
	height: 350px;
	width: 560px;
	border: 0px solid #ccc;
	line-height: 1.5em;
	letter-spacing: 0.02em;
	background: #fff;
	padding: 0 10px 0 20px;}	

/************* #siteInfo styles ***************/	
#siteInfo{
	clear: both;
	text-align:left;
	border-top: 1px solid #ccc;
	font-size: 70%;
	color: #999;
	padding: 10px 10px 10px 10px;
	margin-top: 0;}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{padding: 4px 4px 4px 0; vertical-align: middle;}

/*------------------------ search styles ---------------*/
#search{padding: 5px 0 5px 10px; border-bottom: 1px solid #ccc; font-size: 90%;}
#search form{margin: 0; padding: 0;}
#search label{display: block;margin: 0;padding: 0;}
	
/*********** #navBar link styles ***********/
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #eee;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

#navBar a:link {color: #993300;text-decoration: underline;background-color: #BEBEBE;}				
#navBar a:visited {color: #DD4E07;text-decoration: none;background-color: #BEBEBE;}
#navBar a:hover {color: #000;text-decoration: underline;background-color: #ccc;}
#navBar a:active {color: #993300;text-decoration: underline;background-color: #BEBEBE;}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin:0;
	padding:0;
	border-bottom: 1px solid #ccc;
	font-size: 90%;
	text-align:left;}

#sectionLinks h3{padding: 10px 0 2px 10px;}

#sectionLinks a:link{
	padding: 2px 0 2px 10px;
	border-top: 1px solid #ccc;
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: 153px;}

#sectionLinks a:visited{border-top: 1px solid #ccc;padding: 2px 0 2px 10px;}
#sectionLinks a:hover{border-top: 1px solid #ccc;background: #ddd;padding: 2px 0 2px 10px;}

/*********** .relatedLinks styles ***********/
.relatedLinks{
	margin: 0;
	padding: 0 0 2px 10px;
	font-size: 90%;
	text-align:left;
	border-bottom: 1px solid #ccc;}

.relatedLinks h3{padding: 10px 0 2px 0;}

/************** #advert styles **************/
#advert {width: 160px; font-size: 70%; text-align:center; border-top: 1px solid #ccc;}

#advert img{display: block;}
	
#tracker {
	 position:relative; 
	 text-align: center; 
	 padding: 40px 0 30px 0;
	 margin:0 auto;
	 border:0;
	 border: 0px solid #999; }

#date  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333;
	width: 157px;
	text-align:center;
	margin:10px auto;
	padding:0;
	border: 0px solid #999; }

#date img{display: block; border: 0px solid #ccc; }
	
#counter {
	position: relative;
	left: 90px; 
	top: -13px; 
	width: 14px; 
	height: 8px;
	text-align:left; 
	z-index: 1; visibility: visible;
	border: 1px solid #ccc;}
	
#flag  {
	vertical-align: bottom;
	text-align: center;
	width: 100px;
	height:50px;
	margin: 10px 9px 10px 30px;
	padding:0;
	border: 1px solid #333;}
	
flag img  {	display:inline-block;}
	
#addicted  {
	width: 130px;
	text-align: center;
	margin: 15px 9px 25px 17px;
	border: 0px solid #333;}	
	
#sitescore  { width: 100px; text-align: center; margin: 0 auto; padding: 30px 0 0 0; }
	
x#sitescore2  {color: #333; width: 130px; text-align: center; margin: 10px 9px 10px 17px; border: 0;}		
	
/*------------------------------------------------------------- Contact Form ---------------------*/ 
#form {
	font-family: Arial, helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.5em;
	color: #333;
	text-align:justify;
	letter-spacing: 0.02em;
	margin: 15px 0 25px 70px;
	padding: 0;
	background:#fff;}
	
td {background-color:#fff;}
	
table {font-family: Arial, Helvetica, sans-serif;font-size: 90%;text-align: left;}		
			
.SubDark {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	width:auto;
	padding: 0 0 0 3px;
	letter-spacing: .04em;
	font-weight: bold;
	text-align: left;
	background:#fff;}	
	
.InputBox  {
	float: left;
	margin: 0;
	padding: 0;
	border: 1px solid #666; }
	
.button {
	margin-top: 5px;
	border: 1px solid #003366; 
	background-color:#ccc;
	font-size: 75%; }			
/*------------------------------------------------------------ Submission form -------------------*/
fieldset { width: 400px;padding: 0 10px 0 10px;border:1px solid #ccc;margin:0 0 0 50px;background-color: #fff;}

legend { 
	font-family: Arial,Helvetica,sans-serif;
	font-size:75%;
	font-weight:bold;
	text-decoration:underline;
	padding:10px; /*gives a bit of padding between the border and the text*/
	color:#333;
 	background-color: #fff;}	
	
.subblock  {
	font-family: Arial, Helvetica, sans-serif;	
	width: auto;
	font-size: 75%;
	color: #333;
	text-align:justify;
	line-height: 16px;
	padding: 0px 10px 0px 5px;
	background: #fff;
	margin: 0 0 0 20px;
	border: 0px solid red;}		
	
/*-------------------------------------- Link to me --------------------*/	
.highlighttext  {font-family:Arial, Helvetica, sans-serif; font-size:70%; color:#000;background-color:#fff; font-weight:normal;}
	
/*-------------------------------------- Relationship Chart ----------------*/
.chart  {font-family:Arial, Helvetica, sans-serif; font-size:70%; color:#000; background-color:#ccc;font-weight:normal;}