html {
	color:#4d5863 ;background: #708090;
	}
body {
	background: #708090;
	font: normal normal 0.82em/1.2em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	cursor: default;
  color: #4d5863;
	padding: 0;
  margin: 0;
	text-align: center; /* For IE */
	}
	td,th {
  line-height: 1.6em;
  FONT-WEIGHT: bold; 
  FONT-SIZE: 0.92em; 
  PADDING-BOTTOM: 5px; 
  MARGIN: 5px 20px 0px; 
  COLOR: #666666;
  background-color:inherit;
  FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif
}
input.btn
   {
padding: 0.25em;
background-color: #57699b;
background-image: url(http://www.htmlinc.com/img/buttonbg.gif);
background-repeat: repeat-x;
color: #ffffff;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
   }
.clearboth {
  clear: both; padding: 0; margin: 0;
  }
#header {
  width: 755px;
  height: 82px;
  color:#4d5863;
  background: #D8DDE1 url("img/header.jpg") no-repeat;
  margin: 0px auto;
  }
#content {
  line-height: 1.6em;
  float: right;
  width: 560px;
  padding: 0px 0px;
  }
acronym {
  border-bottom: 1px dashed #708090;
  cursor: help;
  }
.paragraph code {
  cursor: text;
  text-align: left;
  letter-spacing: -0.08em;
  width: auto; 
  padding: 0 4px;
  margin: 0;
  font-size: 1.4em;
  line-height: 1.6em;
  color:#4d5863;
  background: #F4F6F7;
  }
code.block {
  display: block;
  }
div.paragraph a {
  border: 0;
  }
div.paragraph a img {
  border: 0;
  }  
/* IMAGE REPLACEMENT */
#content h3 {
	padding: 0;
	margin: 0 0 6px 0;
	clear: both;
	overflow: hidden;
	text-align: right;
  }
#content h3 a {
  position: relative;
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 0;
  background: #d8dde1;
  overflow: hidden;
  color:#4d5863;
  }
#content h3 span {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 133px;
	top: -27px;
  }  
/* END IMAGE REPLACEMENT */
#content h4 {
  color: #4d5864;
  font-size: 1.37em;
  padding: 0 0 0 20px;
  margin: 10px 0 4px 0;
  background-color:#FFFFFF;
  background: url("img/bullet.gif") no-repeat 0 50%;
  }
p.postmetadata {
  font-size: 0.97em;
  clear: both;
  text-align: right;
  display: block;  
  padding-top: 3px;
  padding-left: 100px;
  margin-right: 20px;
  border-top: 1px dashed #708090;
  }
a {
  font-weight: 600;
  text-decoration: none;
	padding: 0 2px;
  }
a:link {
	color: #0000FF;
    background-color:inherit;
	}
a:visited {
  color: #0000FF;
  background-color:inherit; 
  }
a:hover, a:active {
	color: #990000;
	background: #FFFFCC;
	}
ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
	line-height: 1.2em;
	}
li {
	padding-bottom: 7px; 
	}
acronym {
	font-style: normal;
	border-bottom: 1px dotted #DF5863;
	cursor: help;
  }
.accesskey {
	text-decoration: underline;
	}
/* Container Styles */
#container {
	position: relative; 
	width: 755px;
	color:inherit;
	background: #D8DDE1 url("img/middle.jpg") repeat-y;
	margin: 0 auto;
	text-align: left; /* For IE, see above */
	}
/* Intro Styles */
h1, h2 {
	text-indent: -999em;
	margin: 0;
	}
#quickSummary {
	width: 772px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	color:inherit; 
	background: #C4CBD2;
	margin-left: 10px;
	}
#quickSummary h3 span {
  display: none;
  }
#quickSummary h3 {
  text-indent: -999em;
  width: 160px;
  margin: 0;
  padding: 5px 0;
  height: 35px;
  background: url("img/grass_bg.gif") no-repeat top left;
  }
#quickSummary a:link, #quickSummary a:visited {
	font-size: 0.85em;
    font-weight: normal;
    margin-left: 10px;
    text-decoration: none;
	color: #6A0909;
	background-color:inherit;
	}
#quickSummary a:hover, #quickSummary a:active {
	color: #6A0909;
  text-decoration: none;
	background: #fff;
	}
/* Content Text Styles */
div.paragraph {
	margin: 10px 35px 50px 0px;
	padding: 0;
  /* margin: 0 50px 0 320px; */
	}
div.paragraph h3 {
  }
#content p {
  /* float: left; */
  color: #4d5863;
  margin: 5px 0 5px 0;
  background-color:inherit;
	}
.quote {
	margin-right: 0px;
    padding-left:200px; 
	padding-right:35px;
    font-size: 10px;
	text-align: justify;
  }
.p1 {
	margin-right: 0px;
  padding: 0;
  font-size: 1em;
	line-height: 1.5em;
	text-align: justify;
  border-top: 1px dashed #708090;
  }
.p2 {
  font-size: 0.95em;
	line-height: 1.3em;
  }
.p3 {
}
.BLACK {
	PADDING-RIGHT: 0px; BORDER-TOP: #708090 1px dashed; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 10px; LINE-HEIGHT: 1.2em; MARGIN-RIGHT: 0px; PADDING-TOP: 10px; TEXT-ALIGN: left;COLOR: #000000; background-color:inherit;
	}
.BLUE {PADDING-RIGHT: 0px; BORDER-TOP: #708090 1px dashed; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 10px; LINE-HEIGHT: 1.2em; MARGIN-RIGHT: 0px; PADDING-TOP: 10px; TEXT-ALIGN: left;COLOR: #000099; background-color:inherit;
}
.RED {PADDING-RIGHT: 0px; BORDER-TOP: #708090 1px dashed; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 10px; LINE-HEIGHT: 1.2em; MARGIN-RIGHT: 0px; PADDING-TOP: 10px; TEXT-ALIGN: left;COLOR: #990000; background-color:inherit;
}
  /* clear: both; */
/* NAVIGATION STYLES */
#navlist {
	font-size: 0.85em;
	float: left;
	width: 159px;
	padding-left: 23px;
  }
#navlist ul {
  margin-right: 10px;
  margin-left: 10px;
  }
#navlist ul li {
  display:block;
  margin: 2px 0;
  }    
#navlist h3 {
	text-indent: -1100px;
	height: 45px;
	margin: 0;
	}
#navlist a {
  font-weight: normal;
  }
#navlist a:hover, #navlist a:active {
	background: #CCCCCC;
	color:inherit;
	}
#navlist acronym {
	border-bottom: none;
	}
/* CATEGORY NAVIGATION */
#nav-topics {
	border-bottom: 2px solid #9c9c9c; 
  }
#nav-topics ul {
	padding-bottom: 20px;
  }
#nav-topics a:link, #nav-topics a:visited {
	color: #000000;
	background-color:inherit;
	}
#nav-topics h3 {
	background: url("img/basic.jpg"); 
	}
#nav-topics li {
	color: #AC4444;
	background: url("img/topics_bg.gif") repeat-x left bottom;
	background-color:inherit;
	}
#nav-topics a:hover, #nav-topics a:active {
	color: #6A0909;
	background-color:inherit;
	}
/* ARCHIVES NAVIGATION */
#nav-archives {
	background: #c0c0c0;
	color:inherit;
/* border-bottom: 2px solid #fff; */
  }
#nav-archives h3 {
	background: url("img/advance.jpg") 0 0;
	}
#nav-archives ul {
  padding-bottom: 20px;
  }
#nav-archives li {
	color:inherit;
	background-color:inherit;
	background: url("img/archives_bg.gif") repeat-x left bottom;
	}
#nav-archives a:link, #nav-archives a:visited {
  color: #000000;
  background-color:inherit;
  }
#nav-archives a:hover, #nav-archives a:active {
	color: #6A0909;
	background-color:inherit;
	}
/* PHOTOS NAVIGATION */
#nav-photos {
	border-top: 2px solid #fff;
  background: #B0BAC2;
  color:inherit;
	}
#nav-photos h3 {
	height: 45px;
	color:inherit;
  background: #B0BAC2 url("img/photos2.gif");
	}
#nav-photos ul {
  clear: left;
  margin-top: 6px;
  margin-bottom: 0;
  }
#nav-photos li {
	text-align: left;
    color: inherit;
	background-color:inherit;
	background: url("img/photos_bg.gif") repeat-x left bottom;
	}
#nav-photos li a:hover {
  background: #fff;
  color:inherit;
  }	
#nav-photos a:link, #nav-photos a:visited {
	color: #4d5863;
	background-color:inherit;
	}
#nav-photos a:hover, #nav-photos a:active {
	color: #4d5863;
	background-color:inherit;
  }
/* SEARCH --- NAVIGATION */    
#nav-search {
	background: #708090;
	color:inherit;
	border-bottom: 2px solid #9c9c9c;
	border-top: 2px solid #fff;
  }
#nav-search form {
  padding:0;
  margin: 0 10px 10px 10px;
  }
#nav-search #s {
  color: #000000;
  background-color:#FFFFFF;
  border: 2px solid #9c9c9c;
  padding: 3px;
  width: 110px;
  }
#nav-search #ssubmit {
padding: 0.25em;
background-color: #57699b;
background-image: url(http://www.htmlinc.com/img/buttonbg.gif);
background-repeat: repeat-x;
color: #ffffff;
font-size: 100%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
  } 
#nav-search ul {
  clear: left;
  }
#nav-search li {
	text-align: left;
  background: url("archives_bg.gif") repeat-x left bottom;
	} 
#nav-search h3 {
	background: url("img/search.jpg");
    color: #18d;
	background-color:inherit;
	margin: 0;
	}
#nav-search a:link, #nav-search a:visited {
	color: #6A0909;
	background-color:inherit;
	}
#nav-search a:hover, #nav-search a:active {
	color: #6A0909;
	background-color:inherit;
	}
#nav-syndicate {
  border-top: 2px solid #fff;
  }
#nav-syndicate ul {
  padding-top: 10px;
  }
#nav-syndicate a:link, #nav-syndicate a:visited {
	color: #4d5863;
	background-color:inherit;
	}
#nav-syndicate li {
  color: #000000;
  background-color:inherit;
  display: inline;
  }
/* PAGE FOOTER STYLES (THE BUTTON-SECTION) */
#footer {
  margin: 0;
  float:left;
  width: 755px;
  height: 53px;
  background: url("img/footer.jpg") no-repeat;
  }
#page-footer {
	clear: both;
  margin: 0px auto;
  font-size: 0.72em;
  height: 120px;
  width: 755px;
	background: #708090;
	color:inherit;
	text-align: right;
	}
#page-footer ul {
  padding-top: 10px;
  margin: 0px 20px;
  }  
#page-footer li {
  padding: 0px;
  border-top: 3px solid #8091A3;
  border-right: 2px solid #616F7D;
  border-left: 2px solid #616F7D;
  border-bottom: 3px solid #47515B;
  margin: 0 2px;
  display: inline;
  }
#page-footer a {
  font-weight: normal;
  }
#page-footer a:link, #page-footer a:visited {
	text-transform: uppercase;
	color: #4D5863;
	background-color:inherit;
	border:2px solid #708090;
    padding: 0 15px 0 0px;
    background: url("img/checked.gif") 100% -20px no-repeat;
  }
#page-footer a strong {
  width: 29px;
  padding: 0 3px;
  color: #708090;
  background: #4d5863;
  }
/* W3C BUTTONS */
#page-footer a.w3c b {
  display: none;
  }
#page-footer A.w3c B {
	DISPLAY: none
}
#page-footer A.w3c:link {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 50%; PADDING-LEFT: 30px; BACKGROUND-IMAGE: url(img/w3c.gif); BACKGROUND-REPEAT: no-repeat
}
#page-footer A.w3c:visited {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 50%; PADDING-LEFT: 30px; BACKGROUND-IMAGE: url(img/w3c.gif); BACKGROUND-REPEAT: no-repeat
}
#page-footer A.w3c:hover {
	BORDER-RIGHT: #cfb375 2px solid; BACKGROUND-POSITION: -33px 50%; BORDER-TOP: #cfb375 2px solid; BACKGROUND-IMAGE: url(img/w3c.gif); BORDER-LEFT: #cfb375 2px solid; BORDER-BOTTOM: #cfb375 2px solid; BACKGROUND-REPEAT: no-repeat; color:inherit; BACKGROUND-COLOR: #fecc68
}
#page-footer A.w3c:active {
	BORDER-RIGHT: #cfb375 2px solid; BACKGROUND-POSITION: -33px 50%; BORDER-TOP: #cfb375 2px solid; BACKGROUND-IMAGE: url(img/w3c.gif); BORDER-LEFT: #cfb375 2px solid; BORDER-BOTTOM: #cfb375 2px solid; BACKGROUND-REPEAT: no-repeat; color:inherit; BACKGROUND-COLOR: #fecc68
}
#page-footer A.w3c:link STRONG {
	PADDING-RIGHT: 15px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; COLOR: #4d5863; PADDING-TOP: 0px; BACKGROUND-COLOR: #708090
}
#page-footer A.w3c:visited STRONG {
	PADDING-RIGHT: 15px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; COLOR: #4d5863; PADDING-TOP: 0px; BACKGROUND-COLOR: #708090
}
#page-footer A.w3c:hover STRONG {
	BACKGROUND-POSITION: 100% 50%; BACKGROUND-IMAGE: url(img/checked.gif); COLOR: #000; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fecc68
}
#page-footer A.w3c:active STRONG {
	BACKGROUND-POSITION: 100% 50%; BACKGROUND-IMAGE: url(img/checked.gif); COLOR: #000; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fecc68
}
/* Jesus BUTTON */
#page-footer a.Jesus b {
  display: none;
  }
#page-footer A.Jesus B {
	DISPLAY: none
}
#page-footer A.Jesus:link {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 50%; PADDING-LEFT: 30px; BACKGROUND-IMAGE: url(img/jesus_fish.jpg); BACKGROUND-REPEAT: no-repeat
}
#page-footer A.Jesus:visited {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 50%; PADDING-LEFT: 30px; BACKGROUND-IMAGE: url(img/jesus_fish.jpg); BACKGROUND-REPEAT: no-repeat
}
#page-footer A.Jesus:hover {
	BORDER-RIGHT: #cfb375 2px solid; BACKGROUND-POSITION: -33px 50%; BORDER-TOP: #cfb375 2px solid; BACKGROUND-IMAGE: url(img/jesus_fish.jpg); BORDER-LEFT: #cfb375 2px solid; BORDER-BOTTOM: #cfb375 2px solid; BACKGROUND-REPEAT: no-repeat; color:inherit; BACKGROUND-COLOR: #fecc68
}
#page-footer A.Jesus:active {
	BORDER-RIGHT: #cfb375 2px solid; BACKGROUND-POSITION: -33px 50%; BORDER-TOP: #cfb375 2px solid; BACKGROUND-IMAGE: url(img/jesus_fish.jpg); BORDER-LEFT: #cfb375 2px solid; BORDER-BOTTOM: #cfb375 2px solid; BACKGROUND-REPEAT: no-repeat; color:inherit; BACKGROUND-COLOR: #fecc68
}
#page-footer A.Jesus:link STRONG {
	PADDING-RIGHT: 15px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; COLOR: #4d5863; PADDING-TOP: 0px; BACKGROUND-COLOR: #708090
}
#page-footer A.Jesus:visited STRONG {
	PADDING-RIGHT: 15px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; COLOR: #4d5863; PADDING-TOP: 0px; BACKGROUND-COLOR: #708090
}
#page-footer A.Jesus:hover STRONG {
	BACKGROUND-POSITION: 100% 50%; BACKGROUND-IMAGE: url(img/checked.gif); COLOR: #000; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fecc68
}
#page-footer A.Jesus:active STRONG {
	BACKGROUND-POSITION: 100% 50%; BACKGROUND-IMAGE: url(img/checked.gif); COLOR: #000; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fecc68
}
/* HOVER-STATE OF THE OTHER BUTTONS */   
#page-footer a:hover strong, #page-footer a:active strong {
  color: #00428C;
  background: #F4F6F7;
  }  
#page-footer a:hover, #page-footer a:active {
	color: #000;
	border:2px solid #CFB375;
  background-image: url("img/checked.gif");
  background-position: 100% 50%;
	background-repeat: no-repeat;
  background-color: #FECC68;
	}
/* TEXT IN THE PAGES' FOOTER */
#page-footer p {
  color: #4D5863;
  background-color:inherit;
  margin: 0px 20px;
  }
  /* EXTRAS - LISTS */
#content ol, #content ul {
  margin-left: 20px;
  color: #4d5863;
  background-color:inherit;
  text-align: left;
  }
#content ul {
  list-style: square;
  }
#content ol.down, #content ul.down {
  list-style-type: none;
  list-style-image: url("img/li-down.jpg");
  }
#content ol.down li:hover, #content ul.down li:hover {
  list-style-type: none;
  list-style-image: url("img/li-down-hover.jpg");
  }
ol.square {
  list-style-image: url("img/li-square.jpg");
  }
.square li {
  list-style-type: none;
  list-style-image: url("img/li-square.jpg");
  }
.square li:hover {
   list-style-image: url("img/li-square-hover.jpg");
  }        
/* EXTRAS - COMMENTS */
#content ul.commentlist, #content ul.commentlist li {
  list-style-type: none;
  }
#content ul.commentlist li {
  border: 10px solid #C4CBD2;
  padding: 10px;
  margin-bottom: 10px;
  }
#content ul.commentlist li p {    
  clear: right;
  }
div.commentcount {
  text-align: right;
  width: 300px;
  float: right;
  margin-bottom: 20px;
  }
div.commentcount a:link, div.commentcount a:visited {
  line-height: 1.0em;
  font-weight: normal;
  color: #C4CBD2;
  background-color:inherit;
  padding: 0 0 4px 4px;
  }
div.commentcount a:hover {
  cursor: pointer;
  color: #4d5863;
  background-color:inherit;
  }  
div.commentcount a:active, div.commentcount a:focus {
  color: #C4CBD2;
  background-color:inherit;
  }  
div.commentcount a strong {
  font-size: 30pt;
  line-height: 1.0em;
  }
div.commentcount a:link span, div.commentcount a:visited span {
  font-size: 0.97em;
  display: none;
  }
div.commentcount a:hover span {
  display: inline;
  }
div.commentcount a:active span, div.commentcount a:focus span {  
  display: none;
  }
h3#comments {
  margin-left: 20px;
  }
cite.authorname a {
  font-weight: bold;
  font-size: 1.5em
  } 
/* EXTRAS - TEXT-FORMATTING */
blockquote.pullquote {
  float: right;
  padding: 0;
  margin: 10px 10px 0 10px;
  display: block;
  width: 300px;
  text-align: right;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: bolder;
  line-height: 1.5em;
  }
.SUB {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #444444; background-color:inherit;  
}