@charset "utf-8";
/* CSS Document for kiddies site*/


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    background-color: #ad010d;
	font-family: Arial, Helvetica, sans-serif;
}

a:link {
	color: #EB0030; text-decoration: none; 
}
a:visited {
	color: #EB0030; text-decoration: none; 
}
a:hover {
	color: #EB0030;
}
a:active {
	color: #EB0030; text-decoration: none; 
}
.ind_tab { border-collapse: collapse; }

.comic { font-family: Comic Sans MS; }
.thebus img {float:left;margin-right:10px;}
.thebus {padding-bottom:0px;}
.clearAll {clear:both;height:0px;font-size:0px;line-height:0px;}

.adm1 { background-color: #ad010d; padding: 2px; font-size:18px; 
	border: 1px dashed gray; color: #ffffff; text-decoration: none;font-weight: 600;
    font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; text-transform: uppercase;
}

.gal {
    padding-left:0px; font-family: Comic Sans MS; font-weight: 500; color:#FF0033; font-size:16px;
    }
.gala {
    padding-left:15px; font-family: Comic Sans MS; font-weight: 500; color:#000000; font-size:14px;line-height:16px;
    }
.gal2 { padding-left:15px;font-family: Comic Sans MS; font-weight: 500; color:#000000; font-size:14px;  word-spacing: -0.1em
    }
.gal3 {
    font-family: Comic Sans MS;
	text-decoration: none; /* no underline */
	font-size:14px; color: #BFD730; font-weight:600;
	}
.gal4 {
    font-family: Comic Sans MS;padding-left:15px;
    text-transform: uppercase; font-weight: 600; letter-spacing: 0.1em;
	font-size:16px; color: #BFD730; text-align:center; word-spacing: -0.1em;
    }	
.cat {
    font-family: Comic Sans MS;
    background-color:#FF0033 ;
	padding: 2px;
	margin: 2px;
	text-decoration: none; /* no underline */
	color: yellow;
    }
.cat2 {
    font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; text-transform: uppercase;
    background-color: #FCF3BA; /*#ad010d ; */
	padding-left: 12px;
	margin: 2px;
	text-decoration: none; /* no underline */
	font-size:14px; color:#ad010d;
	border: 1px dashed gray; font-weight: 600;
    }    
.cat2a {
    font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; text-transform: uppercase;
    background-color:#FFE100; /*#ad010d ; */
	padding-left: 12px;
	margin: 2px;
	text-decoration: none; /* no underline */
	font-size:14px; color:#ad010d;
	border: 1px dashed gray; font-weight: 600;
    }     
.cat2b {
    font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; text-transform: uppercase;
    background-color:#E6F1F7; /*#ad010d ; */
	padding-left: 12px;
	margin: 2px; color:#000000;
	text-decoration: none; /* no underline */
	font-size:14px; 
	border: 1px dashed gray; font-weight: 600;
    }      
.cat3 { 
    font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; text-transform: uppercase;
    background-color: #FEFDDA ;	padding: 2px;
	margin: 2px;
	text-decoration: none; /* no underline */
	font-size:12px; 
	border: 1px dashed gray; color: #000000;
    }  

.frnds { 
    font-family: Comic Sans MS; 
    padding: 2px;
	margin: 2px;
	text-decoration: none; /* no underline */
	font-size:13px; 
	border: 1px dashed gray; color: #000000;
    }	
	
.dbs {background-color: #E6F1F7;}
.blk { text-align:left; background-color:#E6F1F7; padding: 2px; text-decoration: none; color: #0000FF; border: 1px dotted #eeeeee; }            
.blk1 { text-align:left;background-color: #FEFDDA; padding-left: 5px; text-decoration: none; color: #0000FF; border-top: 1px #666666 dotted; border-right: 1px #666666 dotted; border-left: 1px #666666 dotted; font-size: 12px; white-space: nowrap;}  
.blk1a { text-align:left;background-color: #FEFDDA; padding-left: 5px; text-decoration: none; color: #0000FF; border: 1px #666666 dotted; border-right: 1px #666666 dotted; border-left: 1px #666666 dotted; font-size: 12px; white-space: nowrap;}  
.blk1b { text-align:right;background-color: #FEFDDA; padding-right: 5px; text-decoration: none; color: #0000FF; border: 1px #666666 dotted; border-right: 1px #666666 dotted; border-left: 1px #666666 dotted; font-size: 12px; white-space: nowrap;}  
.blk2 { background-color: #FEFDDA; padding-left: 1px; text-decoration: none; color: #000000; border: 1px #ffffff dotted; font-size: 12px; white-space: nowrap;}  
.blk2a { background-color: #E6F1F7; padding-left: 5px; text-decoration: none; color: #0000FF; border: 0px #000000 dotted; font-size: 12px; white-space: nowrap;}  
.blk3 { background-color: #E6F1F7; padding: 1px ; text-decoration: none; color: #0000FF; font-size: 10px; border: 2px #d1ec4c outset;  }  
.blk4 { background-color: #FFFFFF; padding: 1px; text-decoration: none; color: #000000; font-size: 10px;border: 1px #d1ec4c outset;  }  
.blk5 { border-left: 1px dotted #cccccc; font-size: 11px;}  
.blk6 { background-color: #FEFDDA; padding: 2px 2px; text-decoration: none; color: #0000FF; border: 1px #d1ec4c outset; font-size: 13px; font-variant: small-caps; text-align:center;}  
.blk7 { background-color: #FAFBEE; padding: 5px; border-bottom: 1px solid #ad010d;  }
.blk8 { background-color: #FEFDDA;font-size: 11px; padding: 1px; text-align:left; text-decoration: none; color: #000000; border: 1px #cccccc dotted;  }  

.cnr {font-family: Arial; font-weight: 500; color:#FF0033; font-size:14px; }
.join1 {padding-left:35px;font-family: Comic Sans MS; font-weight: 600; color:#FF0033; font-size:13px; }
.join2 {padding-left:35px;font-family: Comic Sans MS; font-weight: 600; color:#000000; font-size:13px; }
.jn0 {padding-left:15px;font-family: Arial; font-weight: 500; color:#FF0033; font-size:14px; letter-spacing: -0.01em;line-height:16px;}
.jn0a {padding-left:15px;font-family: Arial; font-weight: 500; color:#000000; font-size:14px; letter-spacing: -0.01em;line-height:15px;}
.jn1 {padding-left:15px;font-family: Comic Sans MS; font-weight: 500; color:#FF0033; font-size:16px; letter-spacing: -0.01em;line-height:17px;}
.jn2 {padding-left:15px;font-family: Comic Sans MS; font-weight: 500; color:#000000; font-size:13px; letter-spacing: -0.01em;word-spacing: -0.1em }
.jn3 {padding-left:15px;font-family: Comic Sans MS; font-weight: 600; color:#FF0033; font-size:14px; letter-spacing: -0.01em;}
.jn4 {padding-left:10px;font-family: Comic Sans MS; font-weight: 600; color:#BFD730; font-size:15px; letter-spacing: -0.01em;}
.jn5 {padding-left:15px;font-family: Comic Sans MS; font-weight: 600; color:#BFD730; font-size:15px; letter-spacing: -0.01em;}
.inp1 {padding-left:15px;font-family: Comic Sans MS; font-weight: 600; color:#CC0099; font-size:14px; text-align:left; }
.inp2 {padding-left:15px;font-family: Comic Sans MS; font-weight: 600; color:#FF0000; font-size:14px; text-align:left;}
.cmp1 {padding-left:15px;font-family: Comic Sans MS; font-weight: 500; color:#FF0033; font-size:14px; line-height:16px; word-spacing: -0.1em}
.cmp2 {padding-left:15px;font-family: Comic Sans MS; font-weight: 600; color:#FF0033; font-size:14px; letter-spacing: -0.01em;}
.cmp3 {padding-left:15px;font-family: Comic Sans MS; font-weight: 500; color:#000000; font-size:14px; letter-spacing: -0.01em;}
.cmp4 {padding-left:25px;font-family: Comic Sans MS; font-weight: 500; color:#000000; font-size:14px;  letter-spacing: -0.01em;}
.cmp5 {font-family: Arial; font-weight: 600; color:#0000FF; font-size:13px; line-height:13px; }
.cmp6 {font-family: Comic Sans MS; font-weight: 600; color:#FF0033; font-size:14px; line-height:12px; letter-spacing: -0.01em;}
.cmp7 {font-family: Arial; font-weight: 600; color:#FF3333; font-size:12px; line-height:12px; letter-spacing: -0.01em;}
/*------------------ */
.cssbutton{ 
width:335px; height:30px;
background-color: #FEFDDA;
border-top: 3px #000000 solid;
border-right: 3px #d1ec4c outset;
border-bottom: 3px #d1ec4c outset;
border-left: 3px #d1ec4c outset;
padding: 4px;
color:#000000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; font-variant: small-caps; 
text-transform: uppercase; font-weight: 500; letter-spacing: 0.1em;
}

.cssbutton:visited{
color: #000000;
}

.cssbutton:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; 
}

.cssbutton:active{
color: #000000;
}

.cssbutton2{ 
width:335px; height:30px;
background-color: #FEFDDA;
border-top: 1px #000000 solid;
border-right: 1px #d1ec4c outset;
border-bottom: 1px #d1ec4c outset;
border-left: 1px #d1ec4c outset;
padding: 4px;
color:#000000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px; font-variant: small-caps; 
text-transform: uppercase; font-weight: 500; letter-spacing: 0.1em;
}

.cssbutton2:visited{
color: #000000;
}

.cssbutton2:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; 
}
.cssbutton2_hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; 
}
.cssbutton2:active{
color: #000000;
}

.cssbutton3{ 
width:80px; height:30px;
background-color: #FEFDDA;
border-top: 1px #000000 solid;
border-right: 1px #d1ec4c outset;
border-bottom: 1px #d1ec4c outset;
border-left: 1px #d1ec4c outset;
padding: 4px;
color:#000000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; font-variant: small-caps; 
text-transform: uppercase; font-weight: 500; letter-spacing: 0.1em;
}

.cssbutton3:visited{
color: #000000;
}

.cssbutton3:hover{
color: #ffffff;
border-style: inset;
background-color: #ff0000;
padding: 2px 3px 2px 5px; 
}
.cssbutton3_hover{
color: #ffffff;
border-style: inset;
background-color: #ff0000;
padding: 2px 4px 2px 5px; 
}
.cssbutton3:active{
color: #000000;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 900;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FCF3BA;
padding: 5px;
top: 50px;
left: -400px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
width:250px;
height:280px;
visibility: visible;
background-color: #FCF3BA;
top: -200px;
right:650px; /*position where enlarged image should offset horizontally */

}

.menu { position:relative; left:480px; top:52px;  font-size: 13px; font-family: comic sans ms; text-align: left; }
.menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.menu LI {
	Z-INDEX: 100; FLOAT: left; POSITION: relative
}
.menu TABLE {
	Z-INDEX: 85; LEFT: -1px; POSITION: absolute; TOP: 25px; BORDER-COLLAPSE: collapse
}
.menu A {
	PADDING-RIGHT: 0px; border-right: 1px dotted white;DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 13px; BACKGROUND:#EE1C23; PADDING-BOTTOM: 4px; font-weight:500;
	WIDTH: 85px; COLOR: yellow; MARGIN-RIGHT: 1px; PADDING-TOP: 5px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menu :visited {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 13px; BACKGROUND: #EE1C23; PADDING-BOTTOM: 4px; 
	WIDTH: 85px; COLOR: yellow; MARGIN-RIGHT: 1px; PADDING-TOP: 4px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menu :hover {
	BACKGROUND: yellow; COLOR: red; font-weight:500; border-top:1px yellow;
}
.menu UL UL {
	VISIBILITY: hidden; WIDTH: 125px; POSITION: absolute; HEIGHT: 0px
}
.menu UL LI:hover UL {
	VISIBILITY: visible
}
.menu UL A:hover UL {
	VISIBILITY: visible
}