/* Style sheet for Zesty Studio*/

    body
    {
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    background: #FFF;
    color: #000;
    }

    div#head
    {
    border-bottom: 2px outset #900;
    }

    div#header
    {
    letter-spacing: 0.15em;
    margin: 15px 5px 0 5px;
    padding: 4px;
    border-style: outset;
    border-top: 1px outset #663;
    border-bottom: 2px outset #030;
    border-right: 2px outset #030;
    border-left: 1px solid #693;
    background: #900;
    color: #FFC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    div#header .small
    {
    clear:left;
    margin-left: 5px;
    background: transparent;
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    color:#FFF;
    font-size: 60%; 
    }

    div#main
    {
    float:left;
    font-size: 80%;
    width: 69%;
    margin: 5px;
    padding: 8px;
    text-align: justify;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    div#main a
    {
    background: transparent;
    text-decoration:none; 
    color:#030;
    font-weight:bold;
    }

    div#main a:hover
    {
    text-decoration: underline; 
    }

    div#maincode
    {
    float:left;
    font-size: 80%;
    width: 69%;
    margin: 5px;
    padding: 8px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    div#maincode span
    {
    float: left;
    padding: 3px 8px;
    margin: 3px 8px;
    border: 1px dashed #CC9;
    text-align: center;
    }

    div#maincode a
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-decoration:none;
    color: #030;
    background: #FFF;
    }

    div#maincode a:hover
    {
    text-decoration:underline;
    color: #000;
    background: #FC6;
    }

    h1
    {
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 150%;
    color:#FFF;
    font-weight:normal;
    margin: 6px 0 0 4px;
    line-height: 80%;
    }

    h2
    {
    background: transparent;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#030;
    font-size:1.4em;
    font-weight:normal;
    }

    h3
    {
    background: transparent;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:120%; 
    margin:3px;
    padding:0px;
    color:#000;
    font-weight:bold
    }

    img
    {
    border:0;
    }

    div#submenu
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float:left;
    margin-top: 2px;
    margin-left:-1px;
    margin-bottom:5px;
    padding: 2px 2px 2px 10px;
    border-right: 1px solid #900;
    border-bottom: 2px solid #900;
    background: #FFF;
    color: #000;
    width: 73%;
    z-index:98;
    font-weight:bold;
    }

    div#submenu span.title
    {
    float:left;
    color:#000;
    padding: 1px 5px;
    margin: 2px;
    white-space: nowrap;
    }

    div#submenu a
    {
    display:block;
    float:left;
    background: #FFF;
    border: 2px outset #FF0;
    text-decoration:none; 
    color:#000;
    font-size: 80%;
    font-weight:normal;
    padding: 1px 6px;
    margin: 3px;
    white-space: nowrap;
    }

    div#submenu a:hover, div#menu a:hover
    {
    background: #C00;
    color:#FFF;
    text-decoration: underline;
    border: 2px outset #900;
    }

    div#submenu span.live
    {
    display:block;
    float:left;
    background: #FFF;
    color:#000;
    font-size: 80%;
    padding:  3px 8px;
    margin: 3px;
    }

    div#menu
    {
    float:left;
    margin-top: 2px;
    margin-left: 2px;
    margin-bottom: 8px;
    padding: 4px;
    border-bottom: 2px solid #900;
    border-right: 1px solid #900;
    background: #FFF;
    color: #000;
    width:18%;
    }

  div#menu ul
    {
    display: block;
    list-style-type: none;
    margin:0;
    padding:0;
    }

    div#menu span.span
    {
    display: block;
    float:left;
    width:85%;
    padding: 3px 8px;
    background: #FFC;
    text-decoration:none; 
    color:#000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
    font-weight:normal;
    border: 2px outset #093;
    margin: 5px;
    }

    div#menu a
    {
    display: block;
    width:85%;
    padding: 3px 8px;
    margin: 0;
    background: #FFF;
    text-decoration:none; 
    color:#000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
    font-weight:normal;
    border: 2px outset #093;
    }

    div#menuold a:hover
    { 
    background: #EEC;
    color:#660;
    text-decoration: underline;
    border: 2px outset #996;
    }

    div#menu a span
    {
    display: none;
    }

    div#menu a:hover span
    {
    display:block;
    position:absolute;
    top: 350px;
    left: 25px;
    background: #EEC;
    padding:  2px 7px 2px 7px;
    color:#000;
    text-decoration: none;
    border: 2px solid #663;
    }

    span.sep
    {
    display:none;
    }

    div#footer
    {
    margin-top: 20px;
    float: left;
    background: transparent;
    font-family: arial, Helvetica, sans-serif; 
    font-size: 0.6em; 
    font-weight: normal; 
    color: #000;
    text-align: center;
    width: 90%;
    }

    div#footer a
    {
    background: transparent;
    font-family:arial, Helvetica, sans-serif; 
    font-weight:bold; 
    color:#030;
    text-decoration:none;
    padding-left:0.5px;
    border: 0;
    }

    div#footer a:hover
    { 
    color:#FC0;
    background: transparent;
    text-decoration: underline
    }

    hr
    {
    width: 95%;
    text-align:center;
    border-top-color: #CCA;
    border-bottom-color: #CCC;
    }

    a.this
    {
    background: transparent;
    text-decoration:none; 
    color:#000000;
    font-family:arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size: 0.6em;
    padding-top:13px;
    height:13px;
    }

    .tab
    {
    background: transparent;
    text-decoration:none; 
    color:#004400;
    padding-left:15px;
    font-weight:normal;
    }

    a.body
    {
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-decoration:underline; 
    color:#440044;
    }

    a.body:hover 
    { 
    background: transparent;
    color:#004400;
    text-decoration: underline
    }

    a.fbody
    {
    background:  #FFFFEE;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none; 
    color:#336666;
    }

    a.admin
    {
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none; 
    color:#FF6600;
    font-size: 0.6em;
    }

    a.admin:hover 
    { 
    background: transparent;
    color:#336666 
    }

div#editmenu a
    {
    background: transparent;
    font-family:arial, Helvetica, sans-serif; 
    font-size: 0.8em; 
    font-weight:bold; 
    color:#404;
    text-decoration:none
    }

div#form
    {
    display:block;
    clear: left;
    font-size: 80%;
    margin-left: 10%; 
    margin-right: 10%; 
    }

    span.star
    { 
    background: transparent;
    color:#F60 ;
    font-size: 150%;
    font-weight: bold;
    }
    
    a.privacy
    {
    background: transparent;
    font-family:arial, Helvetica, sans-serif; 
    font-size: 0.6em; 
    font-weight:bold; 
    color:#006699;
    text-decoration:none;
    padding-left:0.5px;
    }

    a.privacy:hover
    { 
    color:#FF6600;
    background: transparent;
    font-size: 0.6em;
    text-decoration: underline
    }
    
    a.orange:hover
    {
    background: transparent;
    color: #FF6600;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration: underline
    }

    a.form
    {
    background:#FFEECC;
    font-family:arial, Helvetica, sans-serif; 
    font-weight:normal; 
    color:#000000;
    }

/*  Headings  */

    h4
    {
    background: transparent;
    font-family:arial, Helvetica, sans-serif;
    font-size: 0.8em; 
    padding-left:20px;
    color:#004400;
    font-weight:bold
    }

h5
{
    background: transparent;
    font-family:arial, Helvetica, sans-serif;
    font-size: 1em; 
    padding-left:30px;
    line-height:40%;
    margin:0;
    color:#000000;
    font-weight:bold
}


    li
    {
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 1em
    }

/*  Text      */

    .bold
    {
    background: #FFFFFF;
    font-family:arial, Helvetica, sans-serif;
    color: #000000;
    font-weight:bold;
    font-size: 0.8em
    }

    .greyed
    {
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#999999;
    }
	
    .silent
    {
    background: transparent;
    color:#FFFFEE;
    font-family: Arial, Helvetica, sans-serif;
    }

    .orange
    {
    background: transparent;
    color: #006699;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration: none
    }

    #foot
    {
    font-family:arial, Helvetica, sans-serif; 
    font-size: 80%;
    }

    #foot a
    {
    font-weight:bold;
    }

    .large
    {
    background: transparent;
    font-family:arial, Helvetica, sans-serif; 
    font-size: 1em; 
    font-weight:normal; 
    margin:5px;
    color:#000000
    }

    .first
    {
    background: transparent;
    font-family:arial, Helvetica, sans-serif; 
    font-weight:normal; 
    padding: 0px 160px 0px 160px; 
    color:#000000
    }

    .tinsy
    {
    background: transparent;
    font-family:arial, Helvetica, sans-serif; 
    font-size: 0.6em; 
    font-weight:normal; 
    color:#000000
    }

    .super
    {
    background: transparent;
    font-family:arial, Helvetica, sans-serif; 
    font-size: 0.8em; 
    font-weight:normal; 
    margin-top:0pt;
    margin-left:0.50in;
    margin-bottom:8pt;
    vertical-align:super;
    color:#000000
    }

    .top
    {
    background: #FFFFFF;
    color:#000000;
    font-family:arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size: 0.8em;
    line-height: 100%
    }


/*  Forms  */

    .radio
    {
    background:#FFCC66;
    color:#000000;
    }

    .form
    {
    background:#FFFFEE;
    font-family:arial, Helvetica, sans-serif; 
    font-weight:normal; 
    color:#000000;
    font-size: 0.8em;
    }

    .bform
    {
    background:#FFFFEE;
    font-family:arial, Helvetica, sans-serif; 
    font-weight:bold; 
    color:#000000;
    }

    .wform
    {
    background:#FFFFFF;
    font-family:arial, Helvetica, sans-serif; 
    font-weight:normal; 
    color:#000000;
    }

    .head
    {
    background:#440044;
    font-family:arial, Helvetica, sans-serif;
    color: #000000;
    font-weight:normal;
    }

    .fhead
    {
    background:#615880;
    font-family:arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight:normal;
    font-size: 0.8em;
    }

    .outline
    {
    color:#000000;
    background:#FF6600;
    font-family:arial, Helvetica, sans-serif; 
    }


/*  Miscelaneous  */

    .pad
    {
    background: #FFFFFF;
    font-family:arial, Helvetica, sans-serif; 
    font-weight:normal; 
    color:#336666;
    border-width:5px;
    border-color:#FF6600;
    border-style:inset;
    padding:5px;
    }

    .alert
    {
    background: #FFFFFF;
    color: #440044;
    font-family: arial, Helvetica, sans-serif;
    font-weight: bold;
    }	

    .falert
    {
    background: #FFFFEE;
    color: #440044;
    font-family: arial, Helvetica, sans-serif;
    font-weight: bold;
    }	

    .border
    {
    border-style: double;
    }

    hr.top
    {
    background: #FFFFFF;
    color: #400040;
    width: 85%;
    display:block
    }

    .separator
    {
    display:none;
    }

/*  Chat  */

.bg
{
    background: #FFFFFF;
    color: #FFFFFE;
}

.message
{
    background: #EECCCC;
    border-left: black 1px solid;
    color: #0000CC;
    font-family: arial, Helvetica, sans-serif;
    font-size: .9em;
    padding-left: 8px;
    font-weight:bold
}

.name
{
    color: maroon;
    background: #EECCCC;
    font-family: arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: .7em;
}

.logged
{
    background: #EECCCC;
    color: #669966;
    font-family: arial, Helvetica, sans-serif;
    font-size: .9em;
}

.smform
{
    color: #FFFFFF;
    background: #FFEECC;
    font-size: .6em
}

.lgform
{
    color: #FFFFFF;
    font-family: arial, Helvetica, sans-serif;
    background: #FFFFCC;
    font-size: .8em;
    font-weight: bold;
}

.red1
{
    background: #B7B3C5;
    color: #440044;
    font-family: arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal
}

    .hidden
    {
    visibility:hidden;
    }

    a.line
    {
    color:#000000;
    background: #FFFF99;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    text-decoration:none
    }

    a.line:hover
    {
    color:#000000;
    background: #FFFFFF;
    text-decoration:underline
    }

  .active
    {
    color:#000000;
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    font-weight:bold
    }

  .red2
    {
    background: #BBCCCC;
    color: #440044;
    font-family: arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    }

  .user
    {
    background: #EEFFEE;
    color: #800000;
    font-family: arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: bold;
    }

  fieldset
    {
    padding:5px;
    }

  .frmlabel
    {
    clear:left;
    float:left;
    width:35%;
    padding:5px;
    line-height:160%;
    }

  .frminput
    {
    float:left;
    width:60%;
    }