/* Style Sheet for Terry Gascoigne */
#navigator {background-color: #7ea8cf;
border: 1px #666666 solid;
margin-top: 100px;
width: auto;
margin-left: 37.5%;
margin-right: 37.5%;
text-align: center;
padding: 8px;}

/* Layout specific positioning */

*{margin:0;padding:0} 

#Layer2 {position: absolute; left: 1px; top: 2px; width: 289px; height: 112px; z-index: 1;} 
#Layer1 {position:absolute; width:200px; height:115px; z-index:1; left: 426px; top: 339px;}
#Layer3 {position: absolute; left: 290px; top: 2px; width: 198px; height: 112px; z-index: 2;}
#Layer4 {position: absolute; left: 488px; top: 2px; width: 236px; height: 112px; z-index: 3;}
#Layer5 {position: absolute; left: 724px; top: 2px; width: 160px; height: 112px; z-index: 4;}
#Layer6 {position: absolute; left: 884px; top: 2px; width: 141px; height: 112px; z-index: 5;}
#Layer7 {position: absolute; left: 1px; top: 114px; width: 289px; height: 176px; z-index: 6;}
#Layer8 {position: absolute; left: 290px; top: 114px; width: 680px; height: 460px; z-index: 7;
background-color:transparent;
background-image:url(cam.jpg);
background-repeat: no-repeat;
background-position: 20 20;
text-align: center;
}



#Layer9 {position: absolute; left: 1px; top: 290px; width: 289px; height: 333px; z-index: 8;margin: 0px 0px 0px 0px;}

/* Layer 11 is the navigation bar preview of thumbnails at the top */
#Layer11 {position:absolute; width:700px; height:78px; z-index:11; left: 0px; top: -100px;}

/* Caption text -- delete not used any more*/
#Layer12 {
 

        z-index:12;
     	
	padding: 2px 2px 2px 2px;
	
	
  

	border: 0px solid #ccc;


        text-align: center;
	color: #000;
        font-weight:bold;
 

   
	}




body {font-size: 10pt; 
      font-family: Verdana, Arial, sans-serif;
      margin-top: 1px;  margin-left: 1px;
      margin: 0px 0px 0px 0px;
      background-color: #ffffff;}
  

.img-shadow {
  float:left;
  background: url(layout2/shadowAlpha.png) no-repeat bottom right !important;
  /background: url(layout2/shadow.gif) no-repeat bottom right;


  margin: 10px 0 0 5px !important;
  margin: 10px 0 0 5px;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout2/shadowAlpha.png');
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

.centered80
{

left: 10%;;
  right: 10%;
margin:0 auto; width:80%;
float: center; 

}
.centered80 p {float: left; width: 100%; margin: 0; text-align: left;	color: #000; font-weight:bold;}

H1 {color: #000000; margin-left: 0px; font: bold 24pt Verdana, arial, helvetica, sanserif} 
H2 {color: #000000; margin-left: 0px; font: bold 14pt/normal Verdana, arial, helvetica, sanserif} 
H3 {color: #000000; margin-left: 0px; font: bold 10pt Verdana, arial, helvetica, sanserif} 
H4 {color: #000000; margin-left: 0px; font: bold 10pt Verdana, arial, helvetica, sanserif}

 A.hyper:link, A.hyper:visited, A.hyper:active, A.hyper:hover { text-decoration: none; color: #FFFFFF; font: 12pt Verdana, arial, helvetica, sanserif }

/new bit for fancy buttons
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: center;
    font: bold 14px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}



a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
form { margin-top: 0; margin-bottom: 0; }

A.hyper:link, A.hyper:visited, A.hyper:active, A.hyper:hover { text-decoration: none; color: #FFFFFF; font: 10pt Verdana, arial, helvetica, sanserif }


