h1 {font-family: Tahoma, trebuchet ms; color: navy; font-size: 150%; font-style:normal}
h2 {font-family: Tahoma, trebuchet ms; color: navy; font-size: 100%; font-style:normal}

a.dnews:link {color: 063670; text-decoration: none; }
a.dnews:visited {color: 063670; text-decoration: none; }
a.dnews:hover {text-decoration: underline; color: red;}
a.dnews:active {color: 30A7E7; }

a.linksall:link {color: 063670; text-decoration: none; }
a.linksall:visited {color: 063670; text-decoration: none; }
a.linksall:hover {text-decoration: underline; color: red;}
a.linksall:active {color: 30A7E7; }

a.morenews:link {color: 063670; text-decoration: none; }
a.morenews:visited {color: 063670; text-decoration: none; }
a.morenews:hover {border-bottom:1px dotted #30A7E7}
a.morenews:active {color: 30A7E7; }

a.allnews:link {color: 063670; text-decoration: none; }
a.allnews:visited {color: 063670; text-decoration: none; }
a.allnews:hover {text-decoration: none; background-color: #DEFRGT; }
a.allnews:active {color: #30A7E7; }

a.pnews:link {color: 30A7E7; text-decoration: none; }
a.pnews:visited {color: 30A7E7; text-decoration: none; }
a.pnews:hover {text-decoration: none; color: 000000;}
a.pnews:active {color: 30A7E7; }

a.uplinks:link {color: 000000; text-decoration: none; }
a.uplinks:visited {color:000000; text-decoration: none; }
a.uplinks:hover {text-decoration: none;  border-bottom: 2px dotted #000000; color: #772B1A;}
a.uplinks:active {color: 000000; }

a.navbar:link {color: 063670; text-decoration: none; }
a.navbar:visited {color: 063670; text-decoration: none; }
a.navbar:hover {text-decoration: underline; color: red;}
a.navbar:active {color: 30A7E7; }

.homelinks{
display: block;
border: 1px solid;
text-decoration: none;
padding: 1px;
color: #000000;
border-color: #E5E5E5 #E5E5E5 #E5E5E5 #E5E5E5;
width: 7em;
background: #fff;
}
.homelinks:hover{
top: 1px;
left: 1px;
padding: 1px;
color: #ffffff;
text-decoration: none;
background: #9797FF;
border-color: #000 #aaa #aaa #000;
 
}


.contentlinks{
display: block;
border: 1px solid;
text-decoration: none;
padding: 0px;
color: #009500;
border-color: #ffffff #ffffff #ffffff #ffffff;
width: 95%;
background: #fff;
}
.contentlinks:hover{
top: 1px;
left: 1px;
padding: 0px;
color: #000000;
text-decoration: none;
background:url(images/bgbg.gif) repeat-x;
border-color: #ffffff #ffffff #ffffff #ffffff;
}



.funlinks{
display: block;
border: 1px solid;
text-decoration: none;
padding: 1px;
color: #000000;
border-color: #E5E5E5 #E5E5E5 #E5E5E5 #E5E5E5;
width: 7em;
background: #fff;
}
.funlinks:hover{
top: 1px;
left: 1px;
padding: 1px;
color: #fff;
text-decoration: none;
background: #D56A00;
border-color: #000 #aaa #aaa #000;
 
}

.storieslinks{
display: block;
border: 1px solid;
text-decoration: none;
padding: 1px;
color: #000000;
border-color: #E5E5E5 #E5E5E5 #E5E5E5 #E5E5E5;
width: 7em;
background: #fff;
}
.storieslinks:hover{
top: 1px;
left: 1px;
padding: 1px;
color: #fff;
text-decoration: none;
background: #ADA94D;
border-color: #000 #aaa #aaa #000;
 
}

.gameslinks{
display: block;
border: 1px solid;
text-decoration: none;
padding: 1px;
color: #000000;
border-color: #E5E5E5 #E5E5E5 #E5E5E5 #E5E5E5;
width: 7em;
background: #fff;
}
.gameslinks:hover{
top: 1px;
left: 1px;
padding: 1px;
color: #000;
text-decoration: none;
background: #9BE204;
border-color: #000 #aaa #aaa #000;
 
}

.coloringlinks{
display: block;
border: 1px solid;
text-decoration: none;
padding: 1px;
color: #008800;
border-color: #E5E5E5 #E5E5E5 #E5E5E5 #E5E5E5;
width: 8em;
background: #fff;
}
.coloringlinks:hover{
top: 1px;
left: 1px;
padding: 1px;
color: #fff;
text-decoration: none;
background: #008800;
border-color: #000 #aaa #aaa #000;
 
}

.friendslinks{
display: block;
border: 1px solid;
text-decoration: none;
padding: 1px;
color: #000000;
border-color: #E5E5E5 #E5E5E5 #E5E5E5 #E5E5E5;
width: 7em;
background: #fff;
}
.friendslinks:hover{
top: 1px;
left: 1px;
padding: 1px;
color: #fff;
text-decoration: none;
background: #C0BA05;
border-color: #000 #aaa #aaa #000;
 
}


.learnlinks{
display: block;
border: 1px solid;
text-decoration: none;
padding: 1px;
color: #000000;
border-color: #E5E5E5 #E5E5E5 #E5E5E5 #E5E5E5;
width: 7em;
background: #fff;
}
.learnlinks:hover{
top: 1px;
left: 1px;
padding: 1px;
color: #fff;
text-decoration: none;
background: #E90080;
border-color: #000 #aaa #aaa #000;
 
}


a.v:link {color: 000000; text-decoration: none; }
a.v:visited {color: 000000; text-decoration: none; }
a.v:hover {text-decoration: none; color: 336655;}
a.v:active {color: 336655; }

a.v2:link {color: 000000; text-decoration: none; }
a.v2:visited {color: 000000; text-decoration: none; }
a.v2:hover {text-decoration: none; color: 336600;}
a.v2:active {color: 336600; }



/*
browse numbers
*/
#pages {
	padding: 3px;

}
#pages ul {
	list-style-type: none;
}
#pages li {
	float: right;
	display: inline;
	margin: 0 5px 0 0;
	display: block;
}
#pages li a {
	color: #000;
	padding: 4px;
	border: 1px solid #cccccc;
	text-decoration: none;
	float: left;
	font-family: Tahoma,
}
#pages li a:hover {
	color: #000;
	background: #F7F7F7;
	border: 1px solid #999999;
	font-family: Tahoma,
}
#pages li.nolink {
	color: #cccccc;
	border: 1px solid #cccccc;
	padding: 4px;
	font-family: Tahoma,
}
#pages li.current {
	color: #999999;
	border: 1px solid #F7F7F7;
	padding: 4px;
	background: #F7F7F7;
	font-family: Tahoma,
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(http://www.katakeet.com/images/bgbg.gif) repeat-x left top;
}

.smallfieldcell input {
 width: 100px;
 font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
} 


.button {
 font: 16px Tahoma, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
}


table.home
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 100%;
background:url(images/ka_fp_maincon_bg.gif) repeat-x;
border: 0px #d79900 solid;
border-collapse: collapse;
border-spacing: 0px;}

table.read
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 100%;
background:url(images/ka_stories_read_bg.gif) repeat-x;
border: 0px #d79900 solid;
border-collapse: collapse;
border-spacing: 0px;}


table.article
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 100%;
background:url(images/ka_learn_maincont_bg.gif) repeat-x;
border: 0px #d79900 solid;
border-collapse: collapse;
border-spacing: 0px;}
a.viewfriend:link {color: 000000; text-decoration: none; }
a.viewfriend:visited {color: 000000; text-decoration: none; }
a.viewfriend:hover {text-decoration: none; color: 818D0E;}
a.viewfriend:active {color: 000000; }


.catlinks{
display: block;
border: 1px solid;
text-decoration: none;
padding: 1px;
color: #000000;
border-color: #E5E5E5 #E5E5E5 #E5E5E5 #E5E5E5;
width: 7em;
background: #fff;
}
.catlinks:hover{
top: 1px;
left: 1px;
padding: 1px;
color: #fff;
text-decoration: none;
background: #C0BA05;
border-color: #000 #aaa #aaa #000;

}


.funcontentlinks{
display: block;
border: 1px solid;
text-decoration: none;
padding: 0px;
color: #009500;
border-color: #ffffff #ffffff #ffffff #ffffff;
width: 95%;
background: #fff;
}
.funcontentlinks:hover{
top: 1px;
left: 1px;
padding: 0px;
color: #000000;
text-decoration: none;
background:url(images/bgbg.gif) repeat-x;
border-color: #ffffff #ffffff #ffffff #ffffff;
}


a.act:link {color: 000000; text-decoration: none; font: 18px Tahoma, Geneva, Arial, Helvetica, sans-serif;}
a.act:visited {color: 000000; text-decoration: none; font: 18px Tahoma, Geneva, Arial, Helvetica, sans-serif;}
a.act:hover {text-decoration: none; color: 808000;}
a.act:active {color: 808000; font: 18px Tahoma, Geneva, Arial, Helvetica, sans-serif;}


.thumb{
display: block;
border: 1px dotted;
text-decoration: none;
font:14px Tahoma;
font-weight: normal;
text-align: center;
padding: 1px;
color: #000000;
border-color: #ffffff #ffffff #ffffff #ffffff;
width: 13em;
height: 100%;
background: #FFFFFF;
}
.thumb:hover{
top: 1px;
left: 1px;
padding: 1px;
font:14px Tahoma;
font-weight: normal;
color: #000000;
text-decoration: none;
background: #FF9F50;
border-color: #000000 #000000 #000000 #000000;

}