@media all
{
    html
    {
        /* background: silver url(/images/unleashed_spa_background.png) 50% 50%  no-repeat fixed; */
        background: silver url(/images/tile.png) repeat ;
        padding: 0px 0px;
        margin: 0px 0px;
    }
    body {
        background:#fff url(/images/unleashed_spa_background2.png) 50% 50% no-repeat fixed; 

        text-align: center;
        padding: 0px 0px;
        margin: 0px 30px;
        border:1px solid #999;
    }
    
    * {
        background: transparent;
        border: 0px;
        color: #666;
        font-size: 14px; font-family: Comic Sans MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
        font-weight: bold;
        padding: 0px;
        margin: 10px;
        text-align: left;
    }
}
@media screen
{
    #Header {background: transparent;position: relative; height: 98px; width: 100%; border: 0px solid rgb(0, 0, 153); border-bottom: 0px solid transparent; margin: 0px auto;}
    #Body {background: transparent;width: 100%; border-left: 0px solid rgb(0, 0, 153); border-right: 0px solid rgb(0, 0, 153); color: rgb(0, 0, 153); margin: 0px auto; overflow: auto;}
    #Content {background: transparent;width: 98%; margin: 0px auto;min-height: 428px; }
    #Footer {background: transparent;position: relative; height: 0px; width: 100%; border: 0px solid rgb(0, 0, 153); border-top: 0px solid rgb(255, 255, 255); margin: 0px auto; margin-bottom:0px;}

    #Address {width: 15em;float:right;clear:both;}
  
    div#Content a {margin: 0px;}
    div#Body p {padding: 10px 3px;}
    div#Body h1 {padding: 10px 3px;}
    div#Body strong {padding: 10px 3px;}
    div#Footer * {text-align: left;}


    a {text-decoration: underline;}
    a:hover {text-decoration: none;}
    a:active {color:rgb(153,0,0)}

    h1 abbr, acronym, .info {font-size: 14px;}
    abbr, acronym, .info {
        border-bottom: 1px dotted #FF0000;
        cursor: help;
    }
    abbr:active, acronym:active, .info:active {color:rgb(153,0,0)}
    
    div#Content p { margin-right:16em; text-align: left; }
    div#Body
    {
        padding-bottom:10px
    }
    .right {float: right;clear:both}
    .center {text-align: center;}
    .smalltext {font-size: 10px; color: #999;}
    .smalltext a {font-size: 10px; color: #999; text-decoration:none}
    .smalltext a:hover {font-size: 10px; color: #333; text-decoration:underline}

    h1 a {font-size: 14px; padding-bottom: 10px;}
    h1 a:hover {font-size: 14px; padding-bottom: 10px;}
    h1 a:first-letter {color: #333; font-size: 20px; font-weight: bold;}

    p {text-indent: 30px;}
    p:first-letter {font-weight: bold;}

    h1, h2, h3, h4, h5, h6 {font-size: 16px;}

    strong {padding-bottom: 10px;}
    
    .content  { background: transparent url(/images/WhiteBg.png) 0 0  repeat fixed; }
    .centerimg {display: block;margin-left: auto; margin-right: auto }
    div#Content blockquote  {margin-right:16em;padding:3em;border: 1px solid #eee;
        background: transparent url(/images/WhiteBg.png) 0 0  repeat fixed; 
    }

    #Navigation
    {
    width: 15em;
    float:right;
    clear:both;
    /* 
    border-right: 1px solid #000;
    padding: 0 0 1em 0;
    margin-bottom: 1em;
    background-color: #000;
    color: #333; */
    }
    
    #Navigation ul
    {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    }
    
    #Navigation li
    {
    /* border-bottom: 1px solid #90bade; */
    margin: 0;
    }
    
    #Navigation li a
    {
    display: block;
    padding: 3px 3px 3px 0.5em;
    border-left: 1px solid transparent;
    border-right: 3px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: transparent;
    color: #333;
    text-decoration: none;
    width: 100%;
    }
    
    html>body #Navigation li a { width: auto; }
    
    #Navigation li a:hover
    {
    border-left: 1px solid #999;
    border-right: 3px solid #999;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #ffc url(/images/unleashed_spa_background2.png)  50% 50%  no-repeat fixed;
    color: #000;
    }

input {border: 1px solid #000000;background:#ffc}

#goog-wm {
  width: 800px;
  padding: 1em;
  border: 1px solid #666;
  background: transparent;
}

#goog-wm h3.closest-match {
  color: #666;
  border-bottom: 1px dashed #666;
  padding-bottom: 0.5em;;
  font-size: 170%;
  margin: 0;
}

#goog-wm h3.closest-match a { background: transparent;}
   
#goog-wm h3.other-things { background: transparent; color: #666; }
   
#goog-wm ul li { background: transparent; }
   
#goog-wm li.search-goog { background: transparent; }


}

@media handheld
{
    body {
        background:#fff url(images/bird.png) 72px 250px no-repeat fixed; 

        text-align: center;
        padding: 0px 0px;
        margin: 0 0;
        border:1px solid #999;
    }
    img.as-text { content: attr(title); }
    img {max-width: 100%;}
    h1 abbr, acronym, .info {font-size: 1.2em;}
    abbr, acronym, .info {
        border-bottom: 1px dotted #FF0000;
        cursor: help;
    }
}
@media print {

    body {
        text-align: center;
        padding: 0px 0px;
        margin-left:5pt;
        border: 0px;
    }
    #Header {display: none;height:0px;}
    #Footer {display: none;height:0px;}
    #Navigation {display: none;height:0px;}
    #Address {display: none;height:0px;}
    .noprint {display: none;height:0px;}
    img {float:left;page-break-inside: avoid;}
    
    .center {text-align: center;}
        
    a:after {content:" [" attr(href) "] ";padding-left: 1ex;}
    a {text-decoration:none;}
    
    abbr:after, acronym:after {content:" [" attr(title) "] " ; font-variant:small-caps ; }
    blockquote {page-break-inside: avoid;}
    blockquote:before {content:" \" ";}
    blockquote:after {content:" \" ";}
    
    p {text-indent: 30pt;page-break-inside: avoid;}
    p:first-letter {font-weight: bold;}
    
    h1, h2, h3, h4, h5, h6 {font-size: 16pt;}
    
    strong {padding-bottom:10pt;}
    
}