/* attributes for front portal */

body.front
{
    background: #000000; 
    background-repeat: no-repeat;
    color: #000000;
    font-family: helvetica, arial, sans-serif;
    font-size: 10pt;
    text-decoration: none;
    overflow: hidden;
    line-height: 1.1em;
}

a.front:link
{ 
    text-decoration: none;
    color: #000000;
}

a.front:visited
{
    text-decoration: none;
    color: #000000;
}

a.front:hover
{
    text-decoration: none;
    color: #006666;
    background: #666666;
}

a.front:active
{
    text-decoration:none;
    color: #000000;
}

a.front2:link
{
    text-decoration: none;
    color: #ffffff;
}

a.front2:visited
{
    text-decoration: none;
    color: #ffffff;
}

a.front2:hover
{
    text-decoration: none;
    color: #006666;
    background: #666666;
}

a.front2:active
{
    text-decoration:none;
    color: #ffffff;
}

p.front
{
    position: absolute;
    top: 3.0cm;
    left: 1.0cm;
    background: #666666;
    border-style: solid;
    border-color: white;
    padding-left: 0.2cm;
    padding-top: 0.2cm;
    padding-bottom: 0.2cm;
    border-width: 1px;
    width: 250px;
    z-index: 70;
}

p.copy 
{
    position: absolute;
    top: 3.65cm;
    left: 13.95cm;
    background: none;
    border-style: none;
    padding-left: 0.2cm;
    padding-top: 0.1cm;
    padding-bottom: 0.1cm;
    border-width: 1px;
    width: 350px;
    z-index: 105;
}

p.frontimage1
{
    position: absolute;
    top: 10.0cm;
    left: 12.0cm;
    background-image: url(http://katzgraber.org/pics/bg1.jpg);
    background-position: 10% 30%;
    border-style: solid;
    padding-left: 0.0cm;
    padding-top: 0.0cm;
    padding-bottom: 0.0cm;
    margin-left: 0.0cm;
    margin-top: 0.0cm;
    border-width: 1px;
    border-color: white;
    width: 250px;
    height: 250px;
    z-index: 50;
}

p.frontimage2
{
    position: absolute;
    top: 1.0cm;
    left: 6.5cm;
    background-image: url(http://katzgraber.org/pics/bg2.jpg);
    background-position: 40% 50%;
    border-style: solid;
    padding-left: 0.0cm;
    padding-top: 0.0cm;
    padding-bottom: 0.0cm;
    margin-left: 0.0cm;
    margin-top: 0.0cm;
    border-width: 1px;
    border-color: white;
    width: 250px;
    height: 250px;
    z-index: 40;
}

p.frontimage3
{
    position: absolute;
    top: 11.0cm;
    left: 3.0cm;
    background-image: url(http://katzgraber.org/pics/bg3.jpg);
    background-position: 60% 10%;
    border-style: solid;
    padding-left: 0.0cm;
    padding-top: 0.0cm;
    padding-bottom: 0.0cm;
    margin-left: 0.0cm;
    margin-top: 0.0cm;
    border-width: 1px;
    border-color: white;
    width: 250px;
    height: 250px;
    z-index: 60;
}

p.frontimage4
{
    position: absolute;
    top: 2.0cm;
    left: 18.0cm;
    background-image: url(http://katzgraber.org/pics/bg4.jpg);
    background-position: 45% 30%;
    border-style: solid;
    padding-left: 0.0cm;
    padding-top: 0.0cm;
    padding-bottom: 0.0cm;
    margin-left: 0.0cm;
    margin-top: 0.0cm;
    border-width: 1px;
    border-color: white;
    width: 250px;
    height: 250px;
    z-index: 70;
}

p.frontimage5
{
    position: absolute;
    top: 5.0cm;
    left: 7.0cm;
    background-image: url(http://katzgraber.org/pics/bg5.jpg);
    background-position: 42% 50%;
    border-style: solid;
    padding-left: 0.0cm;
    padding-top: 0.0cm;
    padding-bottom: 0.0cm;
    margin-left: 0.0cm;
    margin-top: 0.0cm;
    border-width: 1px;
    border-color: white;
    width: 250px;
    height: 250px;
    z-index: 90;
}

p.frontimage6
{
    position: absolute;
    top: 4.0cm;
    left: 14.0cm;
    background-image: url(http://katzgraber.org/pics/bg6.jpg);
    background-position: 60% 70%;
    border-style: solid;
    padding-left: 0.0cm;
    padding-top: 0.0cm;
    padding-bottom: 0.0cm;
    margin-left: 0.0cm;
    margin-top: 0.0cm;
    border-width: 1px;
    border-color: white;
    width: 250px;
    height: 250px;
    z-index: 95;
}

p.frontimage7
{
    position: absolute;
    top: 11.0cm;
    left: 17.0cm;
    background-image: url(http://katzgraber.org/pics/bg7.jpg);
    background-position: 55% 50%;
    border-style: solid;
    padding-left: 0.0cm;
    padding-top: 0.0cm;
    padding-bottom: 0.0cm;
    margin-left: 0.0cm;
    margin-top: 0.0cm;
    border-width: 1px;
    border-color: white;
    width: 250px;
    height: 250px;
    z-index: 90;
}

p.frontimage8
{
    position: absolute;
    top: 0.5cm;
    left: 0.5cm;
    background-image: url(http://katzgraber.org/pics/bg8.jpg);
    background-position: 55% 80%;
    border-style: solid;
    padding-left: 0.0cm;
    padding-top: 0.0cm;
    padding-bottom: 0.0cm;
    margin-left: 0.0cm;
    margin-top: 0.0cm;
    border-width: 1px;
    border-color: white;
    width: 250px;
    height: 250px;
    z-index: 20;
}


fieldset.front
{
    border-style: solid;
    border-color: black;
    border-width: 1px;
    height: 96%;
    background: black;
}

legend.front
{
    color: #000000;
    border-style: solid;
    border-color: black;
    background: #ffffff;
    border-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    padding-left: 4px;
}
                                                                                
img.banner
{
    position: relative;
    top: 4cm;
}

/* attributes for sub-pages */

div.fm {
    border: solid 1px #000000;
    padding: 1em;
    background: #ffffff;
}

h4.fm {
    background: #ffffff;
    width: 12em;
    margin-top: -1.6em;
    padding: 0.1em 0.1em;
    border: solid;
    border-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    padding-left: 4px;
    font-weight: normal;
}

fieldset.top
{
    border-style: solid;
    border-color: black;
    border-width: 1px;
    height: 96%;
    background: white;
}
                                                                                
legend.top
{
    color: #000000;
    border-style: solid;
    border-color: black;
    background: #ffffff;
    border-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    padding-left: 4px;
}

fieldset
{
    border-style: solid;
    border-color: black;
    border-width: 1px;
    background: white;
}

legend
{
    color: #000000;
    border-style: solid;
    border-color: black;
    background: #ffffff;
    border-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    padding-left: 4px;
}

fieldset.contact
{
    border-style: solid;
    border-color: black;
    border-width: 1px;
    background: white;
    position: relative;
    overflow: auto;
}

legend.contact
{
    border-style: solid;
    border-color: black;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    background: white;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    padding-left: 4px;
    position: relative;
    overflow: auto;
}

fieldset.mac
{
    border-style: solid;
    border-color: black;
    border-width: 1px;
    background: white;
    position: relative;
}

legend.mac
{
    border-style: solid;
    border-color: black;
    border-width: 1px;
    background: white;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    padding-left: 4px;
    position: relative;
    overflow: auto;
}

body
{
    background: #dcdcdc;
    color: #000000;
    font-family: helvetica, arial, sans-serif;
    font-size: 10pt;
    text-decoration: none;
}

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

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

a:hover
{
    text-decoration: none;
    background: #dcdcdc;
}

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

a.inv:link
{
    text-decoration: none;
    color: #000000;
}

a.inv:visited
{
    text-decoration: none;
    color: #000000;
}

a.inv:hover
{
    text-decoration: none;
    background: #dcdcdc;
}

a.inv:active
{
    text-decoration:none;
    color: #000000;
}


a.ainv:link
{   
    text-decoration: none;
    color: #000000;
}

a.ainv:visited
{   
    text-decoration: none;
    color: #000000;
}   
    
a.ainv:hover
{   
    text-decoration: none;
    background: #ffffff;
}   
    
a.ainv:active
{
    text-decoration:none;
    color: #000000;
}   

tr
{
    color: #000000;
    font-family: helvetica, arial, sans-serif;
    font-size: 10pt;
    text-decoration: none;
}

td
{
    color: #000000;
    font-family: helvetica, arial, sans-serif;
    font-size: 10pt;
    text-decoration: none;
}

pre
{
    color: #000000;
    font-family: arial, sans-serif;
    font-size: 10pt; 
    text-decoration: none;
}

/* error page */

p.errorimage
{
    background-image: url(http://www.katzgraber.org/pics/moving.jpg);
    border-style: solid;
    padding-left: 0.0cm;
    padding-top: 0.0cm;
    padding-bottom: 0.0cm;
    margin-left: 2.0cm;
    margin-top: 1.5cm;
    border-width: 1px;
    width: 490px;
    height: 590px;
    z-index: 50;
}

p.error
{
    position: absolute;
    top: 2cm;
    background: red;
    border-style: solid;
    padding-left: 0.2cm;
    padding-top: 0.1cm;
    padding-bottom: 0.1cm;
    margin-left: 1.0cm;
    border-width: 1px;
    width: 5cm;
    z-index: 100;
}

p.error2
{
    position: absolute;
    top: 18cm;
    background: silver;
    border-style: solid;
    padding-left: 0.2cm;
    padding-top: 0.1cm;
    padding-bottom: 0.1cm;
    margin-left: 8.2cm;
    border-width: 1px;
    width: 6cm;
    z-index: 100;
}

/* palm device */

p.palm 
{
    position: absolute;
    background: #dcdcdc;
    border-style: solid;
    padding-left: 0.2cm;
    padding-top: 0.0cm;
    padding-bottom: 0.1cm;
    border-width: 0px;
    width: 6.5cm;
    z-index: 100;
}

/* bike */

body.bike 
{
    background: #d3d3d3;
    background-repeat: no-repeat;
    color: #000000;
    font-family: helvetica, arial, sans-serif;
    font-size: 10pt;
    text-decoration: none;
    overflow: auto;
}
                                                                                
a.bike:link
{
    text-decoration: none;
    color: #000000;
}
                                                                                
a.bike:visited
{
    text-decoration: none;
    color: #000000;
}
                                                                                
a.bike:hover
{
    text-decoration: none;
    background: #dcdcdc;
}
                                                                                
a.bike:active
{
    text-decoration:none;
    color: #000000;
}
                                                                                
p.bike
{
    position: absolute;
    top: 3.5cm;
    background: white; 
    border-style: solid;
    padding-left: 0px;  
    padding-top: 4px;   
    padding-bottom: 4px;   
    margin-left: 1.0cm;
    border-width: 1px;
    width: 5.5cm;
    z-index: 100;
}

p.bikeimage
{
    background-image: url(http://katzgraber.org/bike/bg/bg.jpg);
    border-style: solid;
    padding-left: 0.0cm;
    padding-top: 0.0cm;
    padding-bottom: 0.0cm;
    margin-left: 2.0cm;
    margin-top: 1.5cm;
    border-width: 1px;
    width: 420px;
    height: 420px;
    z-index: 50;
}

/* images */

img.framed
{
    border-style: solid;
    border-width: 1px;
}
                                                                                
img.rframed
{
    border-style: solid;
    border-width: 1px;
    float: right;
    display: inline;
    padding: 5px;
    margin: 10px;
}

img.lframed
{
    border-style: solid;
    border-width: 1px;
    float: left;
    display: inline;
    padding: 5px;
    margin: 10px;
}

/* text toggles for printing */

p.printerror1
{
    color: #6c6c6c;
}

p.printerror2
{
    visibility: hidden;
}

tr.hide
{
    background-color: #ffffff;
}

p.pdoc
{
    position: absolute;
    top: 2.5cm;
    background: silver;
    border-style: solid;
    padding-left: 0.2cm;
    padding-top: 0.1cm;
    padding-bottom: 0.1cm;
    margin-left: 5.0cm;
    border-width: 1px;
    width: 4.0cm;
    z-index: 100;
}

p.cal
{
    position: absolute;
    top: 3.2cm;
    background: white; 
    border-style: solid;
    padding-left: 0.2cm;
    padding-top: 0.1cm;
    padding-bottom: 0.1cm;
    margin-left: -0.5cm;
    border-width: 1px;
    width: 8.5cm;
    z-index: 100;
}