a:link { color: #0033FF; text-decoration: none}
a:visited { color: #0033FF; text-decoration: none}
a:active { color: #0033FF; text-decoration: none}
a:hover { color: #990099; text-decoration: none}

table { background-color: #CCCCFF; padding: 1px; border-width: 1px; text-align: center; margin: 0 auto}
.inner { background-color: transparent; border-width: 0px; padding: 0px; text-align: left;}
td, tr, th{ font-size:12px; background-color: transparent}
td.avibox {width:100px; background: center no-repeat; text-align:left}
td.speechbox {width:400px; font-size:-1; text-align:left}

body {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #CCFFFF; text-align: center}
img {border-width: 0;}
 
h1 { font-weight: bold; color: #3300CC; font-size: 18px}
h2 { font-weight: bold; font-size: 12px}
h3 { font-weight: bold; text-decoration: underline overline; font-size: 12px}
h4 { font-size: 10px; font-weight: normal}

div.cell { padding: 5px; border:5px solid white; background:#CCCCFF; width:150px; position:static}
div.content {width: 750px; margin: 0 auto}
#main.content { position:relative; top:110px; height:450px;
        background: url(avi/superkarin.png) no-repeat center top}
@media handheld {
  div.content {width: 480px; margin: 0 auto;}
  body {width: 480px; margin: 0 auto;}
}