﻿body { font-size: large; font-family: Arial, Helvetica; background-color: rgb(255, 255, 255); }
h1 { font-size: xx-large; font-family: Georgia, "Times New Roman", Times, serif; color: rgb(102, 102, 153); font-weight:normal }
h2 { font-size: x-large; font-family: Arial, Helvetica; color: rgb(204, 0, 102); font-weight:normal }
h3 { font-size: large; font-family: Arial, Helvetica; color: rgb(0, 0, 128); font-weight:normal }
h4 { font-size: medium; font-family: Arial, Helvetica; color: rgb(102, 153, 153); font-weight:normal }
h5 { font-size: small; font-family: Arial, Helvetica; color: rgb(0, 0, 128); font-weight:normal }
li h4	{ font-size:large }
table   { line-height:110%; border:0; padding:3px; width:100% }

img { max-width: 100%; }

ul { list-style-image: url('images/coloringbullet1.gif'); }
ul ul { list-style-image: url('images/coloringbullet2.gif'); }
ul ul ul { list-style-image: url('images/coloringbullet3.gif'); }
li		{ padding-bottom:20px }

a:link { color: rgb(0, 0, 255); }
a:active { color: rgb(255, 27, 0); }
a:visited { color: rgb(128, 0, 128); }

div.indexImage   { clear:both; float:left; width:40px; text-align:center; }
div.twoColumns { float: left; text-align:left; padding: 15px; width: 40%; font-size: medium; border: 1px solid navy }
div.threeColumns { float: left; text-align:left; padding: 15px 15px 15px 25px; margin:auto; width: 27%; font-size: small; border: 1px solid navy }
div.coloringPage { float: left; text-align:center; padding:5px; margin:8px; width: 190px; min-height:255px; font-size: medium; border: 1px solid navy }
div.coloringPage a   { font-size: large; }
.adTower { float:right; display:block; width:160px; }

div.topNav { padding: 15px 0 15px 0; margin: 0; font-size: small; width: 100%; background-color: #D5EDF9 }

div#yellowLink  { text-align:center; margin:auto; width:85%; background-color:#FFFFCC; padding:5px; font-size:medium }
div#greenLink   { text-align:center; margin:auto; width:85%; background-color: #EEFFDD; padding: 5px; font-size:medium }
div#pinkLink	{ text-align:center; margin:auto; width:85%; background-color: #FFEAD5; padding: 5px; font-size:medium }
div#blueLink    { text-align:center; margin:auto; width:85%; background-color: #D5EDF9; padding: 5px; font-size:medium } 

.thumbText { text-align: center; font-weight: bold; font-size: small; border-width: 2px; border-style: solid; vertical-align:bottom }

header#mainHeader { margin-bottom:10px }

.indentLarge { margin-left: 80px }
.indentSmall { margin-left: 40px }

.textLarge { font-size: large; }
.textMedium { font-size: medium; }
.textSmall { font-size: small; }

.pageTitleShrink { font-size: medium; }

.floatStop { clear:both; margin: 10px 0 10px 0; }
.floatRight { float: right; margin: 0 0 20px 20px; vertical-align: text-top; }
.floatLeft { float: left; margin: 0 10px 5px 0; vertical-align: middle; }

div#homeButtonHide  { float:left; width:420px; height:95px; overflow:hidden; }
div#homeText     { background-color:#D5EDF9; float:left; padding:10px; width:100px; text-align:center; border: 1px solid navy; display:none;  }
div#adBanner     { float:left; width:728px; height:95px; text-align:center; }
div#advertisingBox { float:right; text-align:center; vertical-align:text-top; background-color:white; width:325px; padding-left:20px }
div#socialMedia  { float:right; background-color:#D5EDF9; height:40px; width:300px; text-align:center; overflow:hidden; padding:10px 0 10px 0 }
div#searchBox    { float:left; height:40px; text-align:center; vertical-align:text-top; width:350px; padding:15px 0 5px 0 }
div#searchText   { background-color:#D5EDF9; float:left; padding:10px; width:100px; text-align:center; border: 1px solid navy; display:none;  }
div.topButtons   { float:left; background-color:#D5EDF9; height:40px; width:150px; text-align:center; overflow:hidden; padding:20px 0 0px 0 }

div#container { width:100%; margin:auto }
article#content { float:left; width:75%; background-color: #FFFFFF }
article#content img    { border-style: solid; border-width: 2px }
article#contentLeft { float:left; width:89%; background-color: #FFFFFF }
article#contentLeft img  { border-style: solid; border-width: 2px }

nav.leftSideBar { background-color:#D5EDF9; vertical-align:top; width:9%; margin-right:1%; float:left; overflow:hidden; height:2000px; font-size:small }
nav.rightSideBar { background-color:#D5EDF9; padding-left:1%; text-align:center; width:13%; margin:auto; float:right; overflow:hidden; height:2000px }

footer#bottomBar { background-color:#D5EDF9; text-align:center; padding-bottom:5px; overflow:hidden; clear:both }