/*   ###########   FIRST MAIN SIZE ABOVE  1480  ###################         BGchange         hzlinks      */


body {
  background-color: #fff8dc;  font-size: 100%; margin-left:  1%;    margin-right:  1%;  min-width: 180px; 

scrollbar-base-color: #053e1e;
scrollbar-arrow-color: #000000;
scrollbar-shadow-color: #333333;}


#outerall {     width: 100%;  height: auto;      background-color: MediumSeaGreen;   margin-left: auto;
  margin-right: auto;   }

#outerinner {  width: 100%;  height:  auto;           background-color: #dddddd;    border: solid 0px black;  overflow: auto;  }   /* JUST ADDED   overflow: auto;


SUGGESTED BY  http://learn.shayhowe.com/advanced-html-css/detailed-css-positioning/  */




#header {       float: left;       width: 100%;  height: auto;            background-color: #050939;    }  /*   background-color: WAS  yellow;  */

.goldbar { height: 0.475em; width: 100%;  float: left;   background-image: url(../images/goldBG3.jpg); repeat: repeat-x; border: 0px;  margin-top: 1px;   margin-bottom: 1px; }

#logo {   position: absolute;   left: 1%;   top: 18px;   z-index: 3;  }          /*     removed   float: left;     from logo    */

 /*   .PhoneNumberMain { font-family: Arial, Helvetica, sans-serif;  font-size: 110%;    color: #8ac960; position: absolute; left: 2.9em; top: 9.6em; }      */
 
.PhoneNumberMain { font-family: Arial, Helvetica, sans-serif;  font-size: 110%;    color: #8ac960; position: relative; left: -8.6em; top: -0.5em; }    /*  TEST for POSITION within #logo div    */

.PhoneNumberMainBlue { font-family: Arial, Helvetica, sans-serif;  font-size: 110%;    color: #80789f; position: absolute; left: 1.8em; top: 7.8em; }  


a[href^=tel] { color: inherit; text-decoration: none; }


#2divcontainer { height: 162px;   margin-left:  0%;      }  

#title {     height: 81px;  width: 100%;  text-align: center;   background-color: #053e1e;  margin-top: 6px;   margin-bottom: 0px;  padding: 0px; }       /*    float: left;      position: relative; left: 180px; top: 6px;              position: absolute; left: 180px; top: 14px;    BLUES ARE - #050939   #3f4378   */

#titleBLUE {     height: 81px;  width: 100%;  text-align: center;   background-color: #050939;  margin-top: 6px;   margin-bottom: 0px;  padding: 0px; }       /*    float: left;      position: relative; left: 180px; top: 6px;              position: absolute; left: 180px; top: 14px;     #050939   #3f4378   */


#titleSmaller {     height: 82px;  width: 100%;  text-align: center;   background-color: #050939;  margin-top: 6px;   margin-bottom: 0px;  padding: 0px;  display: none; }     

#titleSmallest {     height: 82px;  width: 100%;  text-align: center;   background-color: #086c34; font-family: Arial, Helvetica, sans-serif;  font-size: 100%;    font-color: pink; margin-top: 6px;   margin-bottom: 0px;  padding: 0px;  display: none; }    

#titleSmallestBLUE {     height: 82px;  width: 100%;  text-align: center;   background-color: #3f4378; font-family: Arial, Helvetica, sans-serif;  font-size: 100%;    font-color: pink; margin-top: 6px;   margin-bottom: 0px;  padding: 0px;  display: none; }  



#h1 {    height: 81px;  background-color: #086c34;  margin-top: 0px;   margin-bottom: 0px;  padding: 0px;  text-align: center;  }
#h1BLUE {    height: 81px;  background-color: #3f4378;  margin-top: 0px;   margin-bottom: 0px;  padding: 0px;  text-align: center;  }

#h1smaller {   display: none; }



#montageright {  float: right; align: top;    position: absolute;   right: 1%; top: 18px;    z-index: 2;    }    /*          position: absolute;   right: 0.52em; top: 14px;             */





img.logo {   width: 100%;  max-width: 180px;  }
img.montage {  width: 100%;  max-width: 180px;   }
img.title {  margin-top: 0px; width: 100%;  max-width: 628px;      }
img.titleBG {  margin-top: 0px; width: 100%;  max-width: 628px;   z-index: 25;   }
img.titleSmaller {  margin-top: 0px; width: 100%;  max-width: 206px;      }

.horizontalnav {   position: relative;  left: 0em; top: 0em;     height: auto;  width: 100%;    background-color: #050939;  padding-top: 0em;   padding-left: 0em;  overflow: hidden;  }








.BGchange { display: inline-block;  width: 18%; height: 100%; padding-top: 0.5em;  padding-bottom: 0.5em;  padding-left: 1em;  vertical-align: top;  }
.BGchange:hover {background-color: #3f4378;  width: 18%;  height: 100%; }




		#topHorizontalLinks{
			width: 100%;
			list-style:none;
			margin-top: 0.2%;  margin-bottom: 0.2%;

			padding-top: 0%; padding-right:0%; padding-bottom:0%; padding-left:0%;
			text-align:left;   
		}
		#topHorizontalLinks li{
			display:inline;

			margin-right: 10%; margin-left: 0.5em;
		}
		#topHorizontalLinks a{
			display:inline-block;
			padding-top:0%;
		}

a.hzlinks:link{
			color:#ffffff;
                                                      font-family: arial, verdana, sans-serif; font-size: 80%;
			text-decoration: underline;
			font-weight: bold;
		}
		a.hzlinks:hover{
			text-decoration: none;
		}
		a.hzlinks:visited{
			color:#ffffff; background-color: #000000; 
		}

		
		
		

#navleft {   width: 12%;  height: 100%;   float: left;      overflow: hidden;     background-color: #dddddd;   }



.linkwrapper3 {   width: 100%;  height: auto;   margin: 0%;    padding-left: 4%; padding-top: 4%;  padding-bottom: 4%; 
background-color: #3f4378; border-bottom: solid 1px #666666;  text-align: left;  overflow: hidden; 
  }

.linkwrapper3:hover {   width: 100%;  height: auto;   margin: 0%;       padding-left: 4%; padding-top: 4%; padding-bottom: 4%; 
background-color: #333333; border-bottom: solid 1px #666666;  text-align: left;  overflow: hidden; 
}


.linkwrapper4  {  width: 100%;  height: auto;   margin: 0%;   padding-left: 4%; padding-top: 4%;   padding-bottom:4%; 
background-color: #050939;  border-bottom: solid 1px #666666;   text-align: left; overflow: hidden; 
}

.linkwrapper4:hover  {  width: 100%;  height: auto;   margin: 0%;   padding-left: 4%; padding-top: 4%;  padding-bottom: 4%; 
background-color: #444444;  border-bottom: solid 1px #666666;   text-align: left;   overflow: hidden; 
}



a.navlinksleft:link {color: #ffffff;  text-decoration: none; font-family: arial, verdana, sans-serif; font-size: 85%; padding-right: 10%;  }
a.navlinksleft:visited {color: #cccccc; text-decoration: none; font-family: arial, verdana, sans-serif; font-size: 85%;  padding-right: 10%;  }
a.navlinksleft:hover {color: #fffffff;  cursor: hand; text-decoration: underline; font-family: arial, verdana, sans-serif; font-size: 85%;   padding-right: 10%;   }
a.navlinksleft:active {color:#ffffff; text-decoration: underline; font-family: arial, verdana, sans-serif; font-size: 85%;  padding-right: 10%;  }


a.contextlinks:link {color: #444444;  text-decoration: underline; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:300; font-size: 100%;}
a.contextlinks:visited {color: #444444; text-decoration: underline; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:300; font-size: 100%;}
a.contextlinks:hover {color: #5a0753;  cursor: hand; text-decoration: underline; font-family: arial, verdana, sans-serif; font-size: 100%;}
a.contextlinks:active {color:#444444; text-decoration: underline; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:300; font-size: 100%;}




a.contextlinksbold:link {color: #444444;  text-decoration: underline; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:900; font-size: 100%;}
a.contextlinksbold:visited {color: #444444; text-decoration: underline; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:900; font-size: 100%;}
a.contextlinksbold:hover {color: #5a0753;  cursor: hand; text-decoration: underline; font-family: arial, verdana, sans-serif; font-weight:900;  font-size: 100%;}
a.contextlinksbold:active {color:#444444; text-decoration: underline; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:900; font-size: 100%;}




/*    START   CSS FOR LEFT COLUMN   aside  INFO - not navigation links which are above      */

.leftcolumninfo {   font-weight:800; font-size: 1.3em;  color: #333333; }

.leftaside { text-align: center;  font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:normal; font-size: 0.9em;  color: #333333; padding: 0.2em; }

/*      END  CSS FOR LEFT COLUMN INFO - not navigation links which are above      */



#footer { float: left; clear: both;   width: 100%;  height: 160px;  color: white;  font-family: verdana, arial, sans-serif;  font-size: 1em;
   background-color: gray;
     text-align: center;  }

#footer2nd { float: left; clear: both;   width: 100%;  height: 160px;  color: white;  font-family: verdana, arial, sans-serif;  font-size: 1em;
   background-color: gray;
     text-align: center;  }


#maincontent {   width: 88%;  height: 100%;      float: right;     background-color: thistle;   border: solid 0px red; }  



/* START OF PASTED CSS from Display_Tables_Test_4.css */

img.asidepix   {  height: auto !important;  width: auto !important;  max-width: 100%;  }


a.contextlinks2:link {color: #444444;       font-family: arial, helvetica, verdana, sans-serif;   font-style:italic;    font-weight:600;       font-size: 1em;       }
a.contextlinks2:visited {color: #444444;        font-family: arial, helvetica, verdana, sans-serif;    font-style:italic;   font-weight:600;       font-size: 1em;          }
a.contextlinks2:hover {color: blue;   cursor: hand;       font-family: arial, helvetica, verdana, sans-serif;      font-style:italic;   font-weight:600;        font-size: 1em;           }
a.contextlinks2:active {color: #444444;            font-family: arial, helvetica, verdana, sans-serif;    font-style:italic;    font-weight:600;          font-size: 1em;           }



b {  font-weight: bold; }



#tabletSizeNav { display: none;   }  





/* ###############   start   PASTED CSS  FROM    Images In Rows Test 5 .css    #####################     */


#wrapper { float: right; width: 100%;  border: solid 0px green;  background: #fffff0;  }


.figcontainer {  width: 100%;  height: 100%;  float: left;  clear: left;  }

/* 
.floatleft {     float: left;   width: 100%; }
.floatright {     float: right;   width: 100%; }
  */

  /* Start  HOME PAGE IMAGES  */
  
.imgOne { width: 100%; max-width: 200px; max-height: 297px;  }
.img2 { width: 100%; max-width: 203px; max-height: 297px; }
.img3 { width: 100%;  max-width: 235px; max-height: 297px; }
.img3a { width: 100%;  max-width: 277px; max-height: 297px; }
.img3c { width: 100%;  max-width: 340px; max-height: 297px; }
.img4 { max-width: 203px; max-height: 297px; }
.img5 { max-width: 205px; max-height: 297px; }
.img6 { max-width: 220px; max-height: 297px; }
.img7 { max-width: 225px; max-height: 297px; }
.img8 { max-width: 173px; max-height: 297px; }
.img9 { max-width: 210px; max-height: 297px; }
.img10 { max-width: 700px; max-height: 337px; }
.img10a { max-width: 523px; max-height: 330px; }
.img10b { max-width: 675px; max-height: 300px; }
.img11 { max-width: 193px; max-height: 297px; }
.img12 { max-width: 170px; max-height:297px; }
.img13 { max-width: 223px; max-height: 297px; }
.img14 { max-width: 232px; max-height: 297px; }
.img15 { max-width: 223px; max-height: 297px; }
.img16 { max-width: 223px; max-height: 297px; }
.img17 { max-width: 166px; max-height: 297px; }
.img18 { max-width: 201px; max-height: 297px; }
.img19 { max-width: 212px; max-height: 297px; }
.img10ab { max-width: 384px; max-height: 297px; }
.burger {  max-width: 16px; max-height: 16px;}
.norestrictions   { max-width: 600px; max-height: 40px; }
.norestrictions2   { max-width: 320px; max-height: 48px; }

.whatnext2   { max-width: 320px; max-height; 50px; }
 
/* Start  SCHOOL HONOUR BOARD IMAGES  */

.img20 { max-width: 219px; max-height: 297px; }
.img21 { max-width: 200px; max-height: 297px; }
.img22 { max-width: 198px; max-height: 297px; }
.img23 { max-width: 166px; max-height: 297px; }
.img24 { max-width: 202px; max-height: 297px; }
.img25 { max-width: 210px; max-height: 297px; }
.img26 { max-width: 196px; max-height: 297px; }
.img27 { max-width: 214px; max-height: 297px; }
.img28 { max-width: 223px; max-height: 297px; }
.img29 { max-width: 238px; max-height: 297px; }
.img30 { max-width: 226px; max-height: 297px; }
.img31 { max-width: 178px; max-height: 297px; }
.img32 { max-width: 246px; max-height: 297px; }
.img33 { max-width: 371px; max-height: 297px; }
.img34 { max-width: 406px; max-height: 297px; }
.img35 { max-width: 278px; max-height: 298px; }
.img35a { max-width: 237px; max-height: 298px; }
.img36 { max-width: 203px; max-height: 297px; }
.img37 { max-width: 420px; max-height: 297px; }
.img38 { max-width: 700px; max-height: 337px; }
.img38a{ max-width: 238px; max-height: 297px; }
.img38b{ max-width: 367px; max-height: 297px; }
.img38c{ max-width: 212px; max-height: 297px; }
.img390{ max-width: 322px; max-height: 297px; }
.img391{ max-width: 245px; max-height: 297px; }
.img392{ max-width: 229px; max-height: 297px; }

/* Start MILITARY HONOUR BOARD IMAGES */

.img39 { max-width: 198px; max-height: 297px; }
.img40 { max-width: 218px; max-height: 297px; }
.img41 { max-width: 297px; max-height: 297px; }
.img57 { max-width: 594px; max-height: 297px; }
.img42 { max-width: 202px; max-height: 297px; }
.img43 { max-width: 223px; max-height: 297px; }
.img44 { max-width: 178px; max-height: 297px; }
.img45 { max-width: 246px; max-height: 297px; }
.img46 { max-width: 230px; max-height: 297px; }
.img47 { max-width: 218px; max-height: 297px; }

/* START SPORTS   BOARD IMAGES  */

/* Start  SPORTS CLUB HONOUR BOARD IMAGES  */

.img48 { max-width: 207px; max-height: 297px; }

.img49 { max-width: 176px; max-height: 297px; }
.img50 { max-width: 209px; max-height: 297px; }
.img51 { max-width: 198px; max-height: 297px; }
.img52 { max-width: 215px; max-height: 297px; }
.img53 { max-width: 600px; max-height: 172px; }
.img54 { max-width: 215px; max-height: 297px; }
.img55 { max-width: 343px; max-height: 297px; }
.img56 { max-width: 371px; max-height: 297px; }
.img58 { max-width: 241px; max-height: 297px; }
.img59 { max-width: 421px; max-height: 297px; }
.img60 { max-width: 277px; max-height: 297px; }
.img60a { float: left;  margin-left: 10%; max-width: 420px; max-height: 297px; }
.img60b{  float: right;  margin-right: 10%; max-width: 446px; max-height: 297px; }





/* Start  ACKNOWLEDGMENT AND DONOR HONOUR BOARD IMAGES  */

.img61 { max-width: 204px; max-height: 297px; }
.img62 { max-width: 231px; max-height: 297px; }
.img63 { max-width: 190px; max-height: 297px; }
.img64 { max-width: 170px; max-height: 297px; }


/* Start  New Local Government Page Images  */
.img70 { max-width: 277px; max-height: 297px; }
.img71 { max-width: 238px; max-height: 297px; }
.img72 { max-width: 235px; max-height: 297px; }
.img73 { max-width: 238px; max-height: 297px; }




/* Start  Contact Page Images  */
.imgCONTACT { max-width: 416px; max-height: 600px; }


/* Start REMEMBRANCE BOARD IMAGES */

.img80 { max-width: 262px; max-height: 297px; }
.img81 { max-width: 241px; max-height: 297px; }
.img82 { max-width: 245px; max-height: 297px; }
.img83 { max-width: 241px; max-height: 297px; }
.img84 { max-width: 602px; max-height: 350px; }

/* Start  CRICKET CLUB HONOUR BOARD IMAGES  */

.img90 { max-width: 217px; max-height: 300px; }
.img91 { max-width: 202px; max-height: 300px; }
.img92 { max-width: 200px; max-height: 300px; }
.img93 { max-width: 480px; max-height: 300px; }
.img94 { max-width: 244px; max-height: 300px; }
.img95 { max-width: 192px; max-height: 300px; }
.img96 { max-width: 319px; max-height: 300px; }

.img97 { max-width: 194px; max-height: 300px; }
.img98 { max-width: 233px; max-height: 300px; }
.img99 { max-width: 300px; max-height: 300px; }


/* Start  Ecclesiatical Images  */
.img100 { max-width: 203px; max-height: 300px; }
.img101 { max-width: 300px; max-height: 300px; }
.img102 { max-width: 225px; max-height: 300px; }
.img103 { max-width: 234px; max-height: 300px; }
.img104 { max-width: 265px; max-height: 300px; }
.img105 { max-width: 200px; max-height: 300px; }
.img106 { max-width: 400px; max-height: 300px; }
.img107 { max-width: 223px; max-height: 300px; }


/* Start  Independent School Images  */
.img124 { max-width: 238px; max-height: 297px; }
.img125 { max-width: 238px; max-height: 297px; }

/* Start  BUSINESS COMPANY AWARDS  */

.img290 { max-width: 213px; max-height: 300px; }
.img291 { max-width: 300px; max-height: 300px; }
.img292 { max-width: 354px; max-height: 300px; }
.img292a { max-width: 197px; max-height: 300px; }
.img293 { max-width: 214px; max-height: 300px; }
.img294 { max-width: 225px; max-height: 300px; }
.img295 { max-width: 225px; max-height: 300px; }
.img296 { max-width: 225px; max-height: 300px; }

.img297 { max-width: 559px; max-height: 300px; }
.img298 { max-width: 241px; max-height: 300px; }
.img299 { max-width: 233px; max-height: 300px; }








img { width: 100%; }

figure {  width: 33.333%; float: left; 
   background-color: #cccccc;  ; margin: 0%;  
   padding: 0px;
   font-size: .875em;
   display: table; 
}

figure img { 
    display: block; 
    width: 100%;  
    margin-left: auto;
    margin-right: auto;  padding-top: 3em;   padding-bottom: 3em;
}


figcaption {
    display: table-caption;
    caption-side: bottom;
    background: #fffff0;        height: auto; 
    padding-top: 1.5em; padding-right: 1.5em;   padding-bottom: 1.5em;    padding-left: 1.5em; 
    text-align: left;  font: 1em normal Arial, Helvetica, sans-serif;  color: black; border-right: solid 1px black;  

}



.descriptioncentred { text-align: center; } 

.bigfigdiv {     }

.figmulticolumn  {  width: 100%;  height: auto;   float: left;  display: table;     background: #2f4f4f; }


.figmulticolumn2  {  width: 100%;  height: auto;   float: left;  display: table;     background: #cccccc; }
}



figcaption.withborder { }


.borderline {    border: solid 1px black;  }

p.bigtitles { width: 100%; font-color: #999999; }

a.bigtitlelinks:link {color: #999999;  text-decoration: none; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:800; font-size: 1em;}
a.bigtitlelinks:visited {color: #050939; text-decoration: none; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:800; font-size: 1em;}
a.bigtitlelinks:hover {color: #050939;  cursor: hand; text-decoration: none; font-family: arial, verdana, sans-serif;  font-weight:800; font-size: 1em;}
a.bigtitlelinks:active {color:#050939; text-decoration: none; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:800; font-size: 1em;}


.twoseven { position: relative; top: -120px;  z-index: 27;   color: #086c34;  }
.twosevenBLUE { position: relative; top: -110px;  z-index: 27;   color: #050939;  }
.twoeight{ position: relative; top: -10px; color: #fffffc;  }


h1 { font-family: Arial, Helvetica, sans-serif; font-style:normal; font-weight: normal; font-size: 130%;  color: #ffffff;  
   margin-top: 0px;   margin-bottom: 0px;  padding-top: 1.2em;   }
   
   h1.privacy { font-family: Arial, Helvetica, sans-serif; font-style:normal; font-weight: bold; font-size: 140%;  color: #053e1e;  
   margin-top: 0px;   margin-bottom: 0px;  padding-top: 1.2em;   }

h2 { text-align: center; font-size: 1.2em;   font-weight: 800;   color: #999999;  font-family: Arial, Helvetica, sans-serif;  background-color:  #ffffff; 
padding-top: 1em;  padding-right: 0em;  padding-bottom: 1em;  padding-left: 0em;   border: 0.25em outset  #C0af96;   margin-top: -1em;   margin-bottom: -0.5em; }

h3 {text-align: left; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:800; font-size: 1.3em;  color: #666666;   margin: 0%;  padding-left: 0%;  padding-bottom: 1%; }

h3.privacyh3 {text-align: left; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:normal; font-size: 1.3em;  color: #538e8d;   margin: 0%;  padding-left: 0%;  padding-bottom: 1%; }

.GDPR { margin-top: -0.5em; margin-bottom: 2em; }

/* NOT IN HTML     h1 heading font was:     arial, helvetica, verdana, sans-serif
.blurbspace1 { display: table;   width: 98%;   height: 4em;  background-color: #ffffff;  
text-align: left; font-family: arial, helvetica, verdana, sans-serif;  font-weight:300; font-size: 1em; color: #444444; padding-left: 1%;  padding-top:1em;  padding-bottom: 1em;      }
  */ 

.blurbspaceone {width: 98%;  padding-left: 2em;  padding-top:1em;   padding-right:1em;  padding-bottom: 2em;    font-family: arial, verdana, sans-serif; font-size: 100%;       color:#333;    }
.blurbspaceoneSCHOOLS {width: 98%;  padding-left: 2em;  padding-top:1em;   padding-right:1em;  padding-bottom: 2em;    font-family: arial, verdana, sans-serif; font-size: 100%;       color:#333;    }

/*   ############  CSS for Contact Page is also used for the ABOUT page  ###########     */


.blurbspaceoneTypeB_BRIEF {  display: none;}    /* CORRECTION 1 */

.blurbspace1secondshowTypeB { display: none;   width: 98%;   height: 4em;  background-color: #ffffff;  
text-align: left; font-family: arial, helvetica, verdana, sans-serif;  font-weight:300; font-size: 1em; color: #333333; padding-left: 2%;  padding-top:2em;  padding-bottom: 3em;      }



#blurbspaceoneCONTACT-PAGE-ONLY-left {  float: left;  width: 50%;  padding-left: 2em;  padding-top:1em;   padding-right:1em;  padding-bottom: 2em;    font-family: arial, verdana, sans-serif; font-size: 100%;       color: #333333;  background-color: #ffefd5;   }

#blurbspaceoneCONTACT-PAGE-ONLY-right { float: right;   width: 44%;  text-align: center;   padding-top:1em;   padding-bottom: 2em;    font-family: arial, verdana, sans-serif; font-size: 100%;       background-color: #ffffff;    }

.rowspacerCONTACT-PAGE-ONLY { display: table; text-align: center;  width: 100%; background-color: #ffefd5; padding: 2em;  font-family: arial, helvetica, verdana, sans-serif;  font-weight:bold; font-size: 1em; color: #333333; }

.rowspacertwocolCONTACT-PAGE-ONLY { display: none;  }

#InfoRequiredPageOnly {  float: left;  width: 100%;  padding-left: 2em;  padding-top:1em;   padding-right:1em;  padding-bottom: 2em;    font-family: arial, verdana, sans-serif; font-size: 100%;       color: #333333;  background-color: #ffefd5;   }



.blurbspace1secondshow { display: table;   width: 98%;   height: 4em;  background-color: #ffffff;  
text-align: left; font-family: arial, helvetica, verdana, sans-serif;  font-weight:300; font-size: 1em; color: #333333; padding-left: 2%;  padding-top:2em;  padding-bottom: 3em;      }

.blurbspace1secondshowMOD { display: table;   width: 98%;   height: 4em;  background-color: #fff8dc;  
text-align: left; font-family: arial, helvetica, verdana, sans-serif;  font-weight:300; font-size: 1em; color: #333333; padding-left: 2%;  padding-top:2em;  padding-bottom: 3em;      }


p.left { width: 45%; float: left; line-height: 140%; padding-right: 2em; border-right: 2px solid #cccccc; }
p.right { width: 45%; float: right;  line-height: 140%;  margin-right: 2em;}
p.FullWidth  { width: 95%;  font-size: 0.9em; line-height: 140%; }


.blurbspace1secondshowCONTACT-PAGE-ONLY { display: table;   width: 98%;   height: 4em;  background-color: #ffffff;  
text-align: left; font-family: arial, helvetica, verdana, sans-serif;  font-weight:300; font-size: 1em; color: #333333; padding-left: 2%;  padding-top:2em;  padding-bottom: 3em;      }


.blurbspace1secondhide { display: none; }

.rowspacertwocol { display: none;     background-color: #ffefd5;   padding-top: 0.5em;   border:  solid #708744;   border-width: 2px 0 2px 0;   }


.rowspacer { display: table;     width: 100%;   height: 4em;  padding-top: 0.5em;  text-align: center;      background-color: #f3e7d7;   border:  solid #708744;   border-width: 2px 0 2px 0; }
 
.rowspacerBTM { display: none; }
 
.briefdescription { display: none; }
 





/* 
a.dropdownlinks {      PROBABLY NOT NEEDED   required info is contained in    TEST DROP DOWN MENU  below }
*/


/*   TEST DROP DOWN MENU  FOR 380PX and LESS   */



#navwrap {  display: none;  }






		#navwrap	{ width:160px;  font-family: Arial, Helvetica, sans-serif;  font-size: 100%; }

		#nav{ 
			 background: #3f4378;

			list-style:none;
			margin:0;
			padding-left:0em;  
			text-align:left;  height: 3em;  margin-left: 0em; 
		}
		#nav li{   z-index: 23; 
			position:relative;
			display:inline;     /*        border-right: 1px solid white;      */
		}
		#nav a.dropdownlinks{
			display:inline-block;
			padding: 1em;
		}
		#nav ul{
			position:absolute;
			/*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */
			left:-9999px;   /*   Seems to have NO effect if NOT included */
			margin:0;
			padding:0;
			text-align:left;
		}


		#nav ul li{
			display:block;  width: 300px;
		}
		#nav li:hover ul{
			left:0;  background:#050939; 
		}
		#nav li:hover a.dropdownlinks{
			text-decoration:underline;
			background:#3f4378;
		}
		#nav li:hover ul a.dropdownlinks{
			text-decoration:none;
			background:none;
		}
		#nav li:hover ul a.dropdownlinks:hover{
			text-decoration:underline;
			background:#3f4378;
		}
		#nav ul a.dropdownlinks{
			white-space:nowrap;
			display:block;
			border-bottom:1px solid #ccc;   font-size: 100%; 
		}
		a.dropdownlinks{
			color:#ffffff;
			text-decoration:none; 
			font-weight:bold; 
		}
		a.dropdownlinks:hover{
			text-decoration:underline;
			background:#3f4378;
		}

#nav ul  li .right {position: relative; top: -38px;  left: 120px; }





/*   END   TEST DROP DOWN MENU     */





/* ###############   END    PASTED CSS  ( NOT including media queries ) FROM    Images In Rows Test 5 .css    #####################     */



/*  Media Queries from  Images In Rows Test 5 .css PASTED BELOW  */


/*  ###########   SECOND  ABOVE 1026 BELOW 1480   ###################    */

@media (min-width: 1026px) and (max-width: 1480px)  {   

 
		#topHorizontalLinks{
			width: 100%;
			list-style:none;
			margin-top: 0.2%;  margin-bottom: 0.2%;

			padding-top: 0%; padding-right:0%; padding-bottom:0%; padding-left:0%;
			text-align:left;   
		}
		#topHorizontalLinks li{
			display:inline;

			margin-right: 9%; margin-left: 0.5em;
		}
		#topHorizontalLinks a{
			display:inline-block;
			padding-top:0%;
		}

a.hzlinks:link{
			color:#ffffff;
                                                      font-family: arial, verdana, sans-serif; font-size: 80%;
			text-decoration:none;
			font-weight:bold;
		}
		a.hzlinks:hover{
			text-decoration:underline; background-color: #708744; 
		}
		



}




/*  ###########   THIRD BELOW 1025   ###################    */


   @media (min-width: 602px) and (max-width: 1025px)  {   



#titleBLUE { display: none; } 
#titleSmaller { display: block; } 
.twoeight{ position: relative; top: -10px; color: #fffffc; } /* XXX   */
.UpABit {   position: relative; top: -10px;   }
#h1BLUE { display: none; } 
#h1smaller {  font-size: 0.8em;   height: 80px;  background-color: #3f4378;  margin-top: 0px;   margin-bottom: 0px;  padding: 0px;  text-align: center;  
font-family: Arial, Helvetica, sans-serif;  color: white; display: block; }


		#topHorizontalLinks{
			width: 100%;
			list-style:none;
			margin-top: 0.2%;  margin-bottom: 0.2%;

			padding-top: 0%; padding-right:0%; padding-bottom:0%; padding-left:0%;
			text-align:left;   
		}
		#topHorizontalLinks li{
			display:inline;

			margin-right: 5%; margin-left: 0.5em;
		}
		#topHorizontalLinks a{
			display:inline-block;
			padding-top:0%;
		}

a.hzlinks:link{
			color:#ffffff;
                                                      font-family: arial, verdana, sans-serif; font-size: 80%;
			text-decoration:none;
			font-weight:bold;
		}
		a.hzlinks:hover{
			text-decoration:underline; background-color: #708744; 
		}




#navwrap {  display: none;  }





.briefdescription {display: inline; }

.descriptioncentred { text-align: left; } 


figure {  width: 50%;
   background-color: #cccccc;  margin: 0%;  
   padding: 0px;
   font-size: .875em;
   display: table;   
}

figure img { 
    display: block; 
    width: 100%;  
    margin-left: auto;
    margin-right: auto;
}


figcaption {
    display: table-caption;
    caption-side: bottom;
    background: #fffff0;        height: auto; 
    padding: 0.5em 1em 1em;
    text-align: left;  font: 1em/normal Arial, Helvetica, sans-serif;  color: black;  border: solid 0px black;  

}

.figthree {  clear: left;   }



.figfive {  clear: left;   }

.figseven {  clear: left;   }

.fignine {  clear: left;  margin-left: 25%;    margin-right: auto;   }

.figten {  }

.figthirteen {  clear: left;  }

.figseventeen {  clear: left;  }

.fignineteen {  clear: left;  margin-left: 25%;    margin-right: auto;  }

.bigfigdiv {    }

.figmulticolumn  {   height: auto;   float: left;  display: table;     background: #2f4f4f; 
}

.rowspacer {  display: none;    }

.blurbspaceone {    width: 99%;  text-align: left; margin-right: 5em;  padding-top: 1em;  padding-right: 3em; padding-bottom: 1em;  padding-left: 1%;  font-family: arial, verdana, sans-serif; font-size: 100%;       color:#333;                }


.blurbspaceoneSCHOOLS {    width: 99%;  text-align: left; margin-right: 5em;  padding-top: 1em;  padding-right: 3em; padding-bottom: 1em;  padding-left: 1%;  font-family: arial, verdana, sans-serif; font-size: 100%;       color:#333;                }

.blurbspaceoneTypeB_BRIEF {  display: none;}    /* CORRECTION 2 */


.blurbspace1secondhide  { float: left;   display: table;   width: 99%;   height: 4em;  background-color: #ffffff;  
text-align: left; font-family: arial, helvetica, verdana, sans-serif;  font-weight:300; font-size: 1em; color: #333333; padding-left: 1%;  padding-top:1em;  padding-bottom: 1em;    }



.rowspacertwocol { float: left; clear: left;  width: 100%; height: 4.5em;    display: inline;  text-align: center;   background-color: #ffefd5;      }

.blurbspace1secondshowTypeB { display: table; }

.blurbspace1secondshow{ display: none; }
.blurbspace1secondshowMOD{ display: none; }


 #tabletSizeNav {   display: block; float: left; width: 18%;   font-size: 135%;   } 
#navleft {  display: none; }


#maincontent {   width: 82%;  height: 100%;  position: relative; left: 0px; top: 0px;  background-color: thistle;    }  

a.navlinksleft:link {color: #ffffff;  text-decoration: none; font-family: arial, verdana, sans-serif; font-size: 60%;   }
a.navlinksleft:visited {color: #cccccc; text-decoration: none; font-family: arial, verdana, sans-serif; font-size: 60%;  }
a.navlinksleft:hover {color: #fffffff;  cursor: hand; text-decoration: underline; font-family: arial, verdana, sans-serif; font-size: 60%;    }
a.navlinksleft:active {color:#ffffff; text-decoration: underline; font-family: arial, verdana, sans-serif; font-size: 60%;  }


#blurbspaceoneCONTACT-PAGE-ONLY-left {  float: left;  width: 100%;  padding-left: 2em;  padding-top:1em;   padding-right:1em;  padding-bottom: 2em;    font-family: arial, verdana, sans-serif; font-size: 100%;       color:#333;  background-color: #ffefd5;   }

#blurbspaceoneCONTACT-PAGE-ONLY-right { float: left;   width: 90%;  padding-left: 2em;  padding-top:1em;   padding-right:1em;  padding-bottom: 2em;    font-family: arial, verdana, sans-serif; font-size: 100%;   background-color: #ffffff;     }

.rowspacerCONTACT-PAGE-ONLY { display: table; text-align: center;  width: 100%; background-color: #ffefd5; padding: 2em;  font-family: arial, helvetica, verdana, sans-serif;  font-weight:bold; font-size: 1em; color: #333333; }

.rowspacertwocolCONTACT-PAGE-ONLY { display: none;  }


}

 
 /*   ###########   ThreeB  BELOW 601   ###################    */ 
 
    @media (min-width: 521px) and (max-width: 601px)  {   

/*  .PhoneNumberMain { font-family: Arial, Helvetica, sans-serif;  font-size: 110%;    color: #8ac960; position: absolute; left: 2.9em; top: 9.6em; }  

.PhoneNumberMain { font-family: Arial, Helvetica, sans-serif;  font-size: 110%;    color: #8ac960; position: absolute; left: 1.8em; top: 7.9em; }  */



 #titleBLUE { display: none; } 
 
 #h1BLUE  { display: none; } 
 
 .twosevenBLUE { display: none; } 
 
 .twoeight { padding-top: 3em;  } 
 
 .titleBG { display: none; } 
 
 img.titleSmaller {  display: none;   }
 
 #titlesmaller  {  display: none;   }
 
 #h1smaller  {  display: none;   }

 #titleSmallest  {  display: block; height: 164px;   background-color: #3f4378;  }
 
  #blurbspaceoneCONTACT-PAGE-ONLY-left {  float: left;  width: 100%;  padding-left: 2em;  padding-top:1em;   padding-right:1em;  padding-bottom: 2em;    font-family: arial, verdana, sans-serif; font-size: 100%;       color:#333;  background-color: #ffefd5;   }

#blurbspaceoneCONTACT-PAGE-ONLY-right { float: left;   width: 90%;  padding-left: 2em;  padding-top:1em;   padding-right:1em;  padding-bottom: 2em;    font-family: arial, verdana, sans-serif; font-size: 100%;          background-color: #ffffff;  }
 
 .rowspacerCONTACT-PAGE-ONLY { display: table; text-align: center;  width: 100%; background-color: #ffefd5; padding: 2em;  font-family: arial, helvetica, verdana, sans-serif;  font-weight:bold; font-size: 1em; color: #333333; }

.rowspacertwocolCONTACT-PAGE-ONLY { display: none;  }
 
 .blurbspaceoneTypeB_BRIEF {  display: none;}    /* CORRECTION 3 */
 
 
p.left { width: 95%; line-height: 140%;  }
p.right { width: 95%;  line-height: 140%;  margin-top: -2em; }
 
 
 
}


/*   ###########   FOURTH  BELOW 521   ###################    */          

   @media  (max-width: 520px)  {   




         body { width: 100%;  background-color: white;  margin-left: 0%;     margin-right: 0%; }               

 #outerinner {  width: 100%;  height:  auto;    background-color: pink;  overflow: hidden;    }         




 /*     #allfigures   {    width: 100%;    background-color: yellow;   }             #wrapper {    width: 100%;   margin: 0%;    background-color: gray;   }             */ 


img.title {  display: none;    }



#maincontent {   position: relative; left: 0px; top: 0px;    width: 100%;  height: 100%;   background-color: blue;   }  


#tabletSizeNav { display: none;} 

#navleft {  display: none; }

#header {   width: 100%;        background-color: #3f4378;  }           /*   display: none;       width: 100%;        background-color: #050939;   */


/*  Position was  TRY with BELOW
.PhoneNumberMain { font-family: Arial, Helvetica, sans-serif;  font-size: 110%;    color: #8ac960; position: absolute; left: 2.9em; top: 796em; } 


.PhoneNumberMain { font-family: Arial, Helvetica, sans-serif;  font-size: 110%;    color: #8ac960; position: absolute; left: 1.8em; top: 7.8em; }           */



 /*    .horizontalnav   {  height: 2em;  background-color: pink; }   


 content:    url(../images/MENU_White_Red.jpg)  ; 

*/  

#topHorizontalLinks    {  display: none; }

.horizontalnav    {  display: none; }  
.BGchange    {  display: none; }  
.hzlinks    {  display: none; }  




#navwrap {  width: 100%; height: 2em; display: block;  padding-top: 1.5em;   padding-bottom: 0em; }

.color { font-size: 1.2em;  color: white;  }


.figmulticolumn {  width: 97%;  }

figure { width: 97%;
   background-color: #cccccc;  margin-top: 0%;    margin-right: 1%;   margin-bottom: 0%;    margin-left: 0%;  
   padding: 0.5em;
   font-size: .875em;
   display: table;   
}

figure img { 
    display: block; 
    width: 100%;  
    margin-left: auto;
    margin-right: auto;
}


figcaption {
    display: table-caption;
    caption-side: bottom;
    background: white;       height: auto; 
    padding: 1em 1em 1em;
    text-align: left;  font: 1em/normal Arial, Helvetica, sans-serif;  color: black; 

}




.descriptioncentred { text-align: left; } 

.rowspacertwocol { display: table; text-align: center;  width: 100%; background-color: #ffefd5; }

.rowspacer { display: none; }

.rowspacerBTM { display: table; text-align: center;  width: 100%; background-color: #ffefd5;}

.blurbspace1secondhide { display: none; }


.blurbspaceone {      height: 15em;  width: 97%;  padding-left: 3%;  padding-top:0.5em;   padding-bottom: 1em;    font-family: arial, verdana, sans-serif;   font-size: 90%;     color: #333;    }  

.blurbspaceoneSCHOOLS {      height: 11em;  width: 97%;  padding-left: 3%;  padding-top:0.5em;   padding-bottom: 1em;    font-family: arial, verdana, sans-serif;   font-size: 100%;     color: #333;    }  


.blurbspaceoneTypeB_BRIEF {  display: table;   
 width: 95%;   background-color: #fffff0; 
text-align: left; font-family: arial, helvetica, verdana, sans-serif;  font-weight:300; font-size: 1em; color: #333333;    margin-right: 2%;            padding-left:3%;  padding-top:1em;  padding-right: 2%;    padding-bottom: 0.4em;}           /*  CORRECTION 4  .blurbspaceoneTypeB_BRIEF  {display: block; }     */


.blurbspace1secondshow { display: table;   width: 95%;   background-color: #fffff0; 
text-align: left; font-family: arial, helvetica, verdana, sans-serif;  font-weight:300; font-size: 1em; color: #333333;    margin-right: 2%;            padding-left:3%;  padding-top:1em;  padding-right: 2%;    padding-bottom: 1em;       }


.blurbspace1secondshowMOD { display: none;   }



 /*
 .blurbspace1secondshow {display: none;}
 .blurbspace1secondshow { width: 100%;     padding-left: 1em;  padding-top:1em;   padding-right:1em;  padding-bottom: 1em;      background-color: #cccccc;   }   */


 
 .blurbspace1secondshowTypeB { display: table;   width: 95%;   background-color: #f8f8e4; 
text-align: left; font-family: arial, helvetica, verdana, sans-serif;  font-weight:300; font-size: 1em; color: #333333;    margin-right: 2%;            padding-left:3%;  padding-top:1em;  padding-right: 2%;    padding-bottom: 1em;       }




#h1 {     background-color: #053e1e;  padding-top: 0px;    text-align: left;    }            /*      */
.titleBG { display: none; }
.twosevenBLUE { display: none; }

#blurbspaceoneCONTACT-PAGE-ONLY-left {  float: left;  width: auto;  padding-left: 2em;  padding-top:1em;   padding-right:1em;  padding-bottom: 2em;    font-family: arial, verdana, sans-serif; font-size: 100%;       color:#333;  background-color: #ffefd5;   }

#blurbspaceoneCONTACT-PAGE-ONLY-right {  float: left;  width: 100%;  padding-top:1em;     padding-bottom: 2em;    font-family: arial, verdana, sans-serif; font-size: 100%;       background-color: #ffffff;    }

#InfoRequiredPageOnly {  float: left;  width: 90%;  padding-left: 2em;  padding-top:1em;   padding-right:1em;  padding-bottom: 2em;    font-family: arial, verdana, sans-serif; font-size: 100%;       color: #333333;  background-color: #ffefd5;   }



#footer2nd { display: inline; }

 }   








/*  
a.navlinksleft:link {color: #ffffff;  text-decoration: none; font-family: arial, verdana, sans-serif; font-size: 60%;   }
a.navlinksleft:visited {color: #cccccc; text-decoration: none; font-family: arial, verdana, sans-serif; font-size: 60%;  }
a.navlinksleft:hover {color: #fffffff;  cursor: hand; text-decoration: underline; font-family: arial, verdana, sans-serif; font-size: 60%;    }
a.navlinksleft:active {color:#ffffff; text-decoration: underline; font-family: arial, verdana, sans-serif; font-size: 60%;  }
 */