/*
   Pittsford Technology Services stylesheet
   Filename: pittstech.css
   Author: Don Giancursio
   This file contains styles used in the Pittsford Technolgy Services site
*/
/* Following line tiles the image over the whole background.  */
body {background-image: url(./images/wall_backgrnd.jpg);
     width: 57em; height: 50em; margin: auto; 
     border-style: dotted; border-width: 0px; border-color: red;
	 /*   text-align: center; screws up IE7  (needs margin: auto to center it) */
	 }  
/* Above formerly has height: 3100px;  */	 
/* body {background-color: #F0F8FF} aliceblue */
/* body {background-color: #FFFFCC}   pale yellow */

.topDiv {position: absolute; top: 10px; width: 900px; margin: auto;
         text-align: center;  
         border-style: dotted; border-width: 0px; border-color: blue}
#logo {border-style: dotted; border-width: 0px; border-color: green}
.specialDisplay {display: none}
.leftDiv {width: 505px; height: 430px; /* margin: auto; */
           float: left;
		   position: relative; top: 20px;
           border-style: dotted; border-width: 0px; 
		   border-color: lime;}
.centerDiv {width: 870px; height: 430px; margin: auto;
           position: relative; top: 20px;
           border-style: dotted; border-width: 0px; 
		   border-color: lime;}

.mainImgBody {border-style: dotted;border-width: 0px; border-color: red; 
         /* position: absolute; left: 1px; */
         width: 500px; height: 375px; float: left }
.right1 {width: 350px; border-style: dotted; border-width: 0px;
         border-color: red; float: right}
#facebook {color: blue; width: 300px; 
           /* position: absolute; top: 300px; left: 400px; */
		  position: relative; left: -20px; 
		  float: right;
          border-style: dotted; border-width: 0px; 
		  border-color: red;
		  /* text-align: center;  */}
#facebook img {border-style: solid; border-width: 2px; 
		        border-color: black;}
#facebook img:hover {border-style: solid; border-width: 2px; 
		        border-color: blue;}
.link1 {color: blue;}
.link1:hover { color: #A52A2A} /* brown */

a .imgBtnThisPage {height: 30px}
.imgBtn {height: 30px;
      border-width: 0px} /* necessary or else unwanted border */
a .imgBtn:hover 
       {border-style: solid; border-width: 2px; border-color: blue;}

.headerBtns {text-align: left;
            /* position: relative; top: 5px; left: 0px;   */
            position: absolute; left: 90px;
			position: relative; top: 20px;
            height: 40px; width: 800px; 
            border-style: dotted; border-width: 0px;
            border-color: black}
.headerBtns a {display: inline-block; /* background-color: #FFEFD5; */
              /* position: relative; top: 0px; left: 0px;  */
			   padding: 3px; 
              /* height: 30px; border: 0px ridge #BBBBBB; */
			  /* background-color: #D3D3D3;  lightgrey */}
.headerBtns a img 
    {
  /* Formerly used to position main image out of way to allow for a hover image
         position:absolute; 
         left:-999em; top:-999em; 
         position:absolute; top:-1px; */
  border-style: solid; border-width: 2px; border-color: #888888;
  }
/* Below formerly moved main image out of way so that hover background image can come up 
     and was commented out on May 13, 2011.  */
/*
.headerBtns a:hover  img 
    {
     position:absolute; 
     left:-999em; top:-999em; 
     position:absolute; top:-1px; 
     border-style: solid; border-width: 2px; border-color: blue
  }  */

/*
.headerBtns a:hover {display: inline-block; 
                    color: #0000FF;  blue 
                    background-color: #C9C9C9; medium grey   
                    padding: 0px 3px 0px 3px;
		border: 0px ridge #111111;} 
*/
/*
.homeBtn {}
.homeBtn img:hover 
        {
	border-style: solid; border-width: 2px; border-color: #888888;
	height: 25px; width: 88px;
	margin: 0px 20px 0px 20px;   top right bottom left  
	position: relative; top: 1px; left: 14px;
	background: url(./images/buttonHomeBlueS1.gif) no-repeat;
	}   */
	

.conBtn {margin: 0px 20px 0px 20px} /* top right bottom left  */
/*.conBtn:hover 
       {
          height: 25px; width: 198px;
          margin: 0px 2px 0px 0px;    top right bottom left  
	position: relative; top: 1px; left: 22px;
	background: url(./images/buttonAboutBlueS1.gif) no-repeat; 
	border-style: solid; border-width: 0px; border-color: red
	} */
.quesBtn {margin: 0px 0px 0px 20px} /* top right bottom left  */
/*.quesBtn:hover 
       {
	height: 25px; width: 315px;
         margin: 0px 0px 0px 0px;  /* top right bottom left  
	position: relative; top: 1px; left: 22px;
	position: absolute; top: 3px; left: 540px;  
	background: url(./images/buttonQuestionsBlueS1.gif) no-repeat;
	border-style: solid; border-width: 0px; border-color: black;
	}   */
.onlnBtn {margin: 0px 20px 0px 20px} /* top right bottom left  */
.regBtn {margin: 0px 20px 0px 20px} 

/* #iDesc:after {content: " This is Lock 32, a beautiful park on the canal at Clover St."}  */

#fcbook  {vertical-align: middle}
#qrCode {width: 150px;}
h5 a:hover {color: red}
h4 a:hover {color: red} 
.credit1 {clear: both; margin: auto; width: 900px; color: black; 
         border-style: solid; border-width: 0px; border-color: yellow}
.logoFooter {position: relative; left: 10px; top: 5px;}

/*  Following IDs are found on contacts.htm 
#contacts1 {margin: auto; height: 210px; width: 780px;
           position: relative; left: 30px;
           border-style: dotted; border-width: 0px; border-color: green}
#contactsTitle {margin: auto;}
#credit3 {margin: auto; width: 550px; color: black;  
         border-style: dotted; border-width: 0px; border-color: blue}
#conp1 {float: left; width: 360px; 
        border-style: dotted; border-width: 0px; border-color: red}
#conp2 {float: left; width: 340px; position: relative; left: 50px;
        border-style: dotted; border-width: 0px; border-color: black}
*/

/*  Following IDs are found on considerations.htm */
/* #A52A2A is brown; The actual color name, brown, fails CSS validation check. */
#cntrDiv {width: 720px; height: 560px; margin: auto;
          border-style: solid; border-width: 0px; 
		  border-color: #A52A2A;}
#listDiv {text-align: left; width: 700px; margin: auto;
          border-style: solid; border-width: 0px; border-color: #A52A2A;}