/* ------ Section 1 - Global Body, Font and  General Link Settings ------ */
body {
background-color: #ffffff; 
margin:0;
padding:0;
font-family:"Comic Sans MS", Verdana, Geneva, sans-serif;
color:#000;
font-size:85%;}
h1, h2, h3, h4, h5, h6 {
background-color:transparent;
color:#000;
text-align:center;
text-transform:capitalize;}
h1 {
font-size:2.187em;
/*margin-top:4px;*/
margin:3px 0 3px 0;
border-bottom:0;}
h2 {
font-size:1.875em;
margin:2px 0 2px 0;
border-bottom:0;}
h3 {
font-size:1.5em;
border-bottom:0;}
h4 {
font-size:1.25em;
border-bottom:0;}
p {margin:0 0 1em;
font-size:1.125em;
text-transform:none;}
/* -- General Link Styling -- */
a:link {
color:blue; 
text-decoration:underline;}
a:visited {
color:purple;
text-decoration:underline;}
a:hover {
color:red;
text-decoration:underline;}
/* --- Section 2 - Global Page Structure: PageWrapper Header ContentWrapper ContentColumn NavColumn ExtraColumn Footer Liners------- */
#PageWrapper {
width:100%;
border:0;
/*--width: 960px;--*/}
#Header {
padding-top:0.1px;
position:relative;
height:156px; /*--must match height of logo image--*/}
#ContentWrapper {
float:left;
width:100%;}
#ContentColumn {
margin: 0 180px 0 180px;    /* STEP 1: set to "0 ExtraColumnWidth 0 NavColumnWidth" */}
#NavColumn {
float:left;
width:150px;           /* STEP 2: to set left column at 180, set 1 less than 180 here  151-1*/
margin-left:-100%;   /* STEP 3: set to the same width specified in #PageWrapper above (but with minus sign)  */
}
#ExtraColumn {
float:left;
width:150px;        /* STEP 4: to set right columns at 180, set 1 less than 180 */
margin-left:-151px; /* STEP 5: set to -(ExtraColumnWidth) */}
#Footer {
clear:both;
width:100%;
padding:8px 0;}
.Liner {
padding:10px;}
#Header .Liner {
padding:0;}
#Footer .Liner {
margin:0;
padding:0;}
/* ------ Section 3 - Page Structure Details: header image, clickable logo, background colors, nav backgrounds, footer image ------ */
#PageWrapper {
margin:1px 1px 24px 0px;
background-color:#fff;
background-repeat:repeat-y; }
#Header {
background-color:transparent;}
#ckb-logo{display: block;
	background: url(http://www.coloring-pages-book-for-kids-boys.com/images/coloring-pages-book-for-kids-boys-header-156.gif) 100% 100% no-repeat;
    height:156px; /*--must match height of of header--*/
    outline:none;
  background-position:top left;}
#ContentWrapper {
background-color:#fff;
background-repeat:no-repeat;}
#NavColumn {
font-family:Tahoma, Geneva, Verdana, sans-serif;
font-size:85%;
color:rgb(250,208,20);
background-color:rgb(204,51,51);
background-repeat:repeat-y; }
#ContentColumn {
background-image:url(); 
background-repeat:no-repeat; 
background-color:#fff; }
#ExtraColumn {
font-family:Tahoma, Geneva, Verdana, sans-serif;
font-size:85%;
color:rgb(250,208,20);
background-color:rgb(255,255,255);
background-repeat:repeat-y; }
#Footer {
text-align:center;}
#copyright{
display: block;
margin:0 auto 0 auto;
text-transform:capitalize;
background-color:rgb(255,255,92);
padding:2px;
width:40%;
border:2px solid red;
font-family:Verdana, Tahoma, Geneva, sans-serif;}
#NavColumn h4 {
font-family:Tahoma, Geneva, Verdana, sans-serif;
text-align:center;
text-transform:capitalize;
color:rgb(250,208,20);
margin-top:0;}
#NavColumn p {
text-transform:capitalize;
text-align:center;}
#ExtraColumn h4 {
font-family:Tahoma, Geneva, Verdana, sans-serif;
text-align:center;
color:rgb(250,208,20);
margin-top:0;}
#ExtraColumn p {
text-transform:capitalize;
text-align:center;} 
/* ------ Section 4 - Left Column Navigation use **NAVBAR**---- */
/* ------ Section 5 - Thumbnail-with-Caption Navigation, ExtraNav, Horizontal Text NavBar, breadcrumbnav--- */
#navlinks {
	margin: 0; padding: 0.5em 3em;
	background: transparent; color: #FFF;
	font-family:Verdana, Geneva, Tahoma, sans-serif;}
#navlinks li {
	display: inline;
    margin-right: 0.5em; padding-right: 0.5em;
 	border-right: 1px solid #000;
	font-size:0.75em;
	font-weight: bold;}
#navlinks li.last{
border-right: 0;}
#navlinks a{
color: black;
text-decoration:none;}
#navlinks a:visited {
color:purple;
text-decoration:none;}
#navlinks a:hover{color:red;
text-decoration:none;}
/*--Horizontal Text NavBar 	*/
.breadcrumbnav{
text-transform:capitalize;
	color: #000;
	font-family:Tahoma, Verdana, Geneva, sans-serif;
background: transparent;
	padding:0;
    margin:0;}
.breadcrumbnav li{
     margin-right: 0; padding-right: 0.5em; padding-bottom:0.5em;
     list-style-type:none;
	font-size:0.75em;
	font-weight: bold;}
.breadcrumbnav li.last{	
border-right: 0;
color:green;
}	
.breadcrumbnav a{color: black;
text-decoration:underline;}
.breadcrumbnav a:visited{
color:purple;
text-decoration:none;}
.breadcrumbnav a:hover{
color:red;
text-decoration:none;}	
	
/* ------ Section 6 - Return to NavBox Links ------ */
.ReturnToNavBox {
background-color:#fff;
width:90%;
margin:0 auto 12px auto;
padding:8px;}
.ReturnToNavBox p{text-align:left;}
/* ------ Section 7 - Frequently Used Styles ------ */
.clearboth {
 clear:both;} 
.clearright {
clear:right;}
ul, ol { 
font-size: 125%; 
list-style-position: outside;}
.clearleft {
clear:left; }
.clearnav {
clear:both;
margin-top:300px;}
hr {
width:95%;
border-bottom:.5px ridge rgb(242,242,242);
margin-bottom:18px;
margin-top:18px;
float:left;
clear:both;}
.hrshort {
width:60%;
border-bottom:.5px ridge rgb(242,242,242);
margin-bottom:18px;
margin-top:18px;
float:left;
clear:both;}
span {
display:block;}
.fontred {
color:red;}
.fontgreen {
color:green;}
.fontorange{color:orange;}
.textbold {
font-weight:bold;}
.textitalic{
font-style:italic;}
.textunderline{
text-decoration:underline;}
.textctr {
text-align:center;}
.textlft {
text-align:left;}
.textrt {
text-align:right;}
.textjust {
text-align:justify;}
.Caption {
font-size: 85%;
font-weight: bold;
color:rgb(250,208,20);
display: block;
line-height: 150%;
margin-bottom:10px;
}