html {margin:0;padding:0}

body {margin:0;
      padding:0;
      font: 76% arial,sans-serif;
      text-align:center}

p {margin:0 10px 10px}

a {color: #981793}

label {display: block}

     
img.subscribe {float: right;
               position: relative;
               padding: 0px;
               margin: 0px 10px 0px 0px;}
                  
div#header {height:116px;
            margin-bottom:10px;
            background-image: url(Images/header.gif)}
            


div#content {float:left}
div#content p{line-height:1.4}
div#content a{color: #981793;
              padding-left:0px}



div#footer {margin-top: 20px;
            background: #333;
            color: #FFF}
div#footer p{margin:0;
             padding:5px 10px}
div#footer{clear:both;
           width:100%}
div#footer a{background: #333;
             color: #FFF}           

div#container{width:700px;
              margin:0 auto}
div#container{text-align:left}

ul.list-tick {margin: 0;
              padding-left: 20px;}
ul.list-tick li {margin: 0px;
                 padding: 0px 0 0px 16px;
                 list-style: none;
                 background: url('Images/bullet1.gif') no-repeat left;}                  

div#content-left {float:left;
                  width:450px;} 
                       
div#content-right {float:right;
                   width:250px;}         
 


input{color: #781351;
      background: #DDCEFF;
      border: 1px solid #781351}

.submit input{margin-left: 4.5em;
              color: #fff;
              background: #9669FE;
              border: 2px outset #781351}

fieldset {border: 1px solid #781351;
          width: 20em}

legend{color: #fff;
       background: #9669FE;
       border: 1px solid #781351;
       padding: 2px 6px} 


.photo {margin: 30px;
        position: relative;
        width: 180px;
        height: 130px;
        float: left;}
                 
.photo-right {margin: 30px;
              position: relative;
              width: 180px;
              height: 130px;
              float: left;}

.photo img {background: #fff;
            border: solid 1px #ccc;
            padding: 4px;}

.photo span {width: 20px;
             height: 18px;
             display: block;
             position: absolute;
             top: 12px;
             left: 12px;
             background: url(images/digg-style.gif) no-repeat;}
                     
.header-nav {width: 100%;
             overflow: hidden;}

.header-nav ul{float:right;
               margin: 5;
               padding: 0;
               padding-left: 10px; /*offset of tabs relative to browser left edge*/
               font: italic 12px Verdana;
               list-style-type: none;}

.header-nav li{display: inline;
               margin: 0;}

.header-nav li a{float: left;
                 bottom: 0px; 
                 display: block;
                 text-decoration: none;
                 margin: 0;
                 padding: 7px 8px; /*padding inside each tab*/
                 border-right: 1px solid grey; /*right divider between tabs*/
                 color: grey;}

.header-nav li a:visited{color: grey;}

.header-nav li a:hover, .header-nav li.selected a{
  color: white;
}



.thumbnail{
position: relative;
z-index: 1;
}

.thumbnail:hover{
background-color: transparent;
z-index: 500;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute; 
background-color: #DDCEFF;
padding: 5px;
width:644px;
top:25%;
left: 36%;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}


.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:fixed;
}