/** Coded by: Jeffrey (Joseph Witchard)
 ** Created on: 01/16/09
 ** Last modified: 04/26/10
 ** Purpose: To group the main pages
 **          structure into one file
 **          so that it can then be
 **          included into the pages. */

/******* GOOGLE STUFF OUTSIDE OF THE WRAPPER *******/

#headerAd { 
  width: 728px; 
  height: 90px; 
  margin: 0px auto; 
}
          
/******* STYLE THE WRAPPER ******/

#wrapper {
  width: 981px;
  top: 30px;
  margin: 0px auto;
  position: relative;
}
         
/******* THE HEADER, WHICH CONTAINS THE BANNER *******/

#headers {
  width: 981px;
  height: 250px;
  background-image: url(/images/banners/header_banner_2.jpg); 
}
         
/******* THE CENTER AREA, WHICH CONTAINS THE MAIN CONTENT *******/

#center {
  padding-left: 5px;
  padding-right: 5px;
  width: 500px;
  height: 3210px;
  position: absolute;
  top: 240px;
  left: 175px;
}

/******* THE DISCLAIMER *******/
				
#disclaimer {
   width: 245px;
   font-size: 8pt;
   position: absolute;
   bottom: 50px;
   left: 130px;
   text-align: center;
}

/******* THE NAVIGATION MENU *******/

#navigation {
  width: 160px;
  margin-right: 15px;
  position: absolute;
  top: 235px;
  left: 0px;
}

/******* NAVIGATION ADS BELOW *******/

#leftGoogle {
   width: 120px;
   position: relative;
   left: 25px;
}

#leftClicksor {
   width: 120px;
   position: relative;
   left: 25px;
}

/******* THIS AREA CONTAINS THE RIGHT SIDE OF THE PAGE, INCLUDING THE NEWS SCROLLER, HOUSE POINTs, AND ADS *******/
   
#right {
  padding-left: 5px;
  padding-right: 5px;
  width: 215px;
  height: 1720px;
  margin-left: 10px;
  position: absolute;
  top: 265px;
  left: 730px;
}
        
#houses {
   width: 200px;
   height: 150px;
   text-align: center;
}
        
#g {
   width: 75px;
   height: 100px;
   background-image: url(/images/misc/gryffindorcopy.jpg);
   float: left;
}
   
#h {
   width: 75px;
   height: 100px;
   background-image: url(/images/misc/hufflepuffcopy.jpg);
   float: right;
}
   
#r {
   width: 75px;
   height: 100px;
   background-image: url(/images/misc/ravenclawcopy.jpg);
   float: left;
}
   
#s {
   width: 75px;
   height: 100px;
   background-image: url(/images/misc/slytherincopy.jpg);
   float: right;
}
   
.houseText {
   position: relative;
   top: 72px;
   font-size: 8pt;
   font-weight: bold;
}
        
div.rightAds {
   width: 160px;
   height: 600px;
   margin: 10px auto;
}
   
/******* THIS CLASS IS FOR THE BUTTONS USED IN THE NAVIGATION MENUS *******/

img.button3 {
  border: 0px;
  width: 145px;
  height: 65px;
}