body {
margin:0;
padding:0 0 100px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

span#normal
{
display:block;
padding:0px;
}

div#footer{
color:#FF0000;
position:absolute;
bottom:0;
left:0;
width:100%;
height:120px;
background:#FFFFFF;
}

span.taboff {
font-size: 16px;
height:25px;
background:#FFFFFF;
border:1px solid black;
}

span.tabon  {
font-size: 16px;
height:25px;
border:1px solid #FFAAAA;
}

div#tabcontent {
padding:5px;
width:90%;
}

span.popup  {
font-size: 16px;
height:25px;
background:#7777EE;
border:1px solid black;
}

div.shareform{
padding: 10px;
font-size: 14px;
text-align:center;
width: 90%;
}

@media screen{
  body>div#footer{
   position:fixed;
   z-index:100;   
  }
 }
 * html body{
  overflow: hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;  
 }

 
a.footer:link {
color:purple;
font-size: 16px;
font-weight: bold;
}

a.footer:visited {
color:purple;
font-size: 16px;
font-weight: bold;
}

a.footer:hover {
color:#CC0000;
font-size: 20px;
font-weight: bold;
}


  h2 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px dotted #dedede;
  }
  h3 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
  }

  ul {
    list-style-image:url(gallery/list-style.gif);
	background: #b11ec5;
  }
  pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  code {
    font-family: "Lucida Console", "Courier New", Verdana;
    margin: 0;
    padding: 0;
  }

  #gallery {
    padding: 10px;
  }



a:link {
color:#FFFFFF;
font-size: 16px;
font-weight: bold;
}

a:visited {
color:#FFFFFF;
font-size: 16px;
font-weight: bold;
}

a:hover {
color:#FFAAAA;
font-size: 20px;
font-weight: bold;
}


div#temp{
background: pink;
color: red;
font-size: 20px;
font-weight: bold;
}