body {
margin: 0px;
padding: 0px;
background-image: url(Images/backgroundstuff.gif);
background-repeat: repeat;}

img {border:0}

#main {
width: 900px;
margin: auto;
background-image: url(Images/whitebackground.gif);
background-repeat: repeat;
}

#header {
height: 150px;
background-color: #0066ff;
background-image: url(Images/whitebackground.gif);
background-repeat: repeat;}

#craft {
position: absolute;
left: 250px;
width: 150px;
top: -1px;
border: none;
text-decoration: none;}

#intro {
background-color: #ca95d6;
height: 125px;
padding: 5px;}

#intro p{
font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif,   ;
line-height: 1em;
text-align: center;
color: #ffffff;}

#navtab {

margin: auto;
width: 900px;}

#navigation a
{
color: #000;
background: #fdf3fe url(Images/left.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px;
}

#navigation a span
{
background: url(Images/right.gif) right top no-repeat;
padding-right: 10px;
color: #ca95d6;}

#navigation a, #navigation a span
{
display: block;
float: left
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End IE5-Mac hack */

#navigation a:hover
{
color: #fff;
background: #e706fd url(Images/left_hover.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px
}

#navigation a:hover span
{
background: url(Images/right_hover.gif) right top no-repeat;
padding-right: 10px
}

#navigation
{
list-style: none;
padding: 0;
margin: 0
}

#navigation li
{margin: 0;
padding: 0;
float: left;
}

#content {
padding: 10px;
width: 70%;
padding-left: 20px;}

#content p {font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
text-align: center;
font-size: 1.3em;
}

#content ul {
  margin: 0;
  padding: 0;
  list-style: none;
font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #000000;
line-height: 1em;}

#content ul li {
  margin: 2px 0 6px 0;
  padding: 0;
background-repeat: no-repeat;
  background-position: 0 50%;
line-height: 1em;}

#content h2 {font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
text-align: center;
font-size: 1.1em;
line-height: 1.5em;}



#special {
float: right;
width: 200px;
padding: 10px;}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #ca95d6;
}
  
ul li {
  margin: 2px 0 6px 0;
  padding: 0;
  font-weight: bold;
  line-height: 48px; /* height of icon */
  background-repeat: no-repeat;
  background-position: 0 50%;
  }
  
ul li a {
  padding-left: 48px; /* width of icon + whitespace */
  }
  
#email { background-image: url(Images/ei0021-48.gif); }

#blog { background-image: url(Images/wi0054-48.gif); }

#artist { background-image: url(Images/wi0062-48.gif); }

#mosaic { background-image: url(Images/mosaicgraphic.gif); }

#sewing { background-image: url(Images/needle.gif); }

#store { background-image: url(Images/store.gif); }


#craftlist ul {
  margin: 50px;
  padding: 0;
  list-style: none;
font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #000000;
}
  
#craftlist ul li {
  margin: 2px 0 6px 0;
  padding: 0;
  font-weight: bold;
  line-height: 84px; /* height of icon */
  background-repeat: no-repeat;
  background-position: 0 50%;
  }
  
#craftlist ul li a {
  padding-left: 48px; /* width of icon + whitespace */
color: rgb(55, 99, 183);}

#craftlist ul li a:hover{
  padding-left: 48px; /* width of icon + whitespace */
color: rgb(241, 153, 50);}
  
#toilet { background-image: url(Images/gluebottleSM.gif);
}
  
#footer {
clear: both;
height: 50px;
padding: 10px;}

#footer a:link {
text-decoration: none;
color: #a1a1a1;}

#footer a:visited {
text-decoration: none;
color: #a1a1a1;}

#footer a:hover {
text-decoration: none;
color: #a1a1a1;}

#footer a:active {
text-decoration: none;
color: #a1a1a1;}

a:link {
text-decoration: none;
color: #ca95d6;}

a:visited {
text-decoration: none;
color: #ca95d6;}

a:hover {
text-decoration: none;
color: #ca95d6;}

a:active {
text-decoration: none;
color: #ca95d6;}

h1 {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #0000ff;
font-size: 1em;}

h2 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;
text-align: center;}

img#specialbkgr {
margin: auto;
padding-left: 25px;}

h3 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .7em;
color: #d1d1d1;
text-align: center;}

#kittylogo {
position: absolute;
padding-left: 20%;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#glowingtabs{
float:left;
width:100%;
font-size: 85%;
border-bottom: 1px solid #7e9fff; /*Add border strip to bottom of menu*/
}

#glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 1px; /*Left offset of entire tab menu relative to page*/
padding:0;
font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #ca95d6;
}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
}

#glowingtabs a{
float:left;
background:url(Images/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 3px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url(Images/glowtab.gif) no-repeat right top;
padding: 4px 12px 2px 3px;
/*font-weight:bold;
color:#3B3B3B;*/
font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #ca95d6;
font-size: .95em;}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: black;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

</style>

[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]