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


body {
  background-color: #000000;  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 1px 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: #053e1e;    }

.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; }
		
a[href^=tel] { color: inherit; text-decoration: none; }


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


/* Paste bits here and compare


#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; }        

 */

#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;    */

#titleSmaller {     height: 82px;  width: 100%;  text-align: center;   background-color: #053e1e;  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; } 


 

/*  #3f4378  #050939 */


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


#h1smaller {   display: none; }



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


/*  REPLACED THIS WITH SIMILAR BELOW

img.logo {   width: 100%;  max-width: 180px;  }
img.montage {  width: 100%;  max-width: 180px;   }
img.title {  margin-top: 0px; width: 100%;  max-width: 420px;      }
img.titleSmaller {  margin-top: 0px; width: 100%;  max-width: 166px;      }

*/


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: 2em;  width: 100%;    background-color: #053e1e;  padding-top: 0em;   padding-left: 0em;  overflow: hidden;  }





		#topHorizontalLinks{
			width: 100%;
			list-style:none;
			margin-top: 0.3%;  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: 11%; 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; 
		}
		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: 2%;  padding-bottom: 2%; 
background-color: #5a0753; border-bottom: solid 1px #ffffff;  text-align: left;  overflow: hidden; 
  }

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


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

.linkwrapper4:hover  {  width: 100%;  height: auto;   margin: 0%;   padding-left: 4%; padding-top: 2%;  padding-bottom: 2%; 
background-color: #3f4378;  border-bottom: solid 1px #ffffff;   text-align: left;   overflow: hidden; 
}
*/

.linkwrapper3 {   width: 100%;  height: auto;   margin: 0%;    padding-left: 4%; padding-top: 4%;  padding-bottom: 4%; 
background-color: #086C34; 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: #053e1e;  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: 12px;}
a.contextlinks:visited {color: #444444; text-decoration: underline; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:300; font-size: 12px;}
a.contextlinks:hover {color: #5a0753;  cursor: hand; text-decoration: underline; font-family: arial, verdana, sans-serif; font-size: 12px;}
a.contextlinks:active {color:#444444; text-decoration: underline; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:300; font-size: 12px;}




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: right;  }

#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;  padding-top: 1em; }


#maincontent {   width: 88%;  height: 100%;      float: right;     background-color: white;   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%;   }


.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; }
.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; }
.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; }


/* 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; }
.img65 { max-width: 197px; max-height; 300px; }
.img66 { max-width: 274px; max-height; 300px; }
.img67 { max-width: 195px; max-height; 300px; }
.img68 { max-width: 857px; max-height; 300px; }

/* 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: 280px; max-height; 350px; }
.img74 { max-width: 225px; max-height; 300px; }

.img75 { max-width: 229px; max-height; 300px; }
.img76 { max-width: 328px; max-height; 300px; }










img { width: 100%; }

figure {  width: 33.333%; float: left; 
   background-color: #333333;   margin: 0%;       /* Figure BG colour was #aea592 */
   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;  

}



.figfourArmed  { width: 100%;  background-color: #333333; } 


.descriptioncentred { text-align: center; } 

.bigfigdiv {     }

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



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: #000000; text-decoration: none; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:800; font-size: 1em;}
a.bigtitlelinks:hover {color: #000000;  cursor: hand; text-decoration: none; font-family: arial, verdana, sans-serif;  font-weight:800; font-size: 1em;}
a.bigtitlelinks:active {color:#000000; text-decoration: none; font-family: arial, helvetica, verdana, sans-serif; font-style:normal; font-weight:800; font-size: 1em;}

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



h1 { font-family: "Palatino Linotype", Garamond, serif ; font-style:normal; font-weight: bold; font-size: 130%;  color: #ffffff;  
   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: #3f4378;   margin: 0%;  padding-left: 0%;  padding-bottom: 1%; }

/* NOT IN HTML 
.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;  }


.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;      }

.blurbspace1secondhide { display: none; }


.blurbspaceoneTypeB {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;   background-color: #fffff0;   }

.blurbspaceoneTypeB_BRIEF {  display: none;}


/*  IF YOU WANT blurbspace1secondshowTypeB  TO SHOW REPLACE display: none; WITH display: table;  */
.blurbspace1secondshowTypeB { 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;      }

.blurbspace1secondhideTypeB {   display: none;  background-color: #ffffff;  }




.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; }

.textspacer { display: block;   width: auto;     height: auto; text-align: left;    padding-left: 2em;  padding-top:1em;   padding-right:2em;  padding-bottom: 2em;    font-family: arial, verdana, sans-serif; font-size: 100%;       color:#333;   background-color: #fffff0;  }

.textspacerleft{ float: left;  width: 48%; margin-right: 2%;  }
.textspacerright { float: right;  width: 50%;   }


.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: #053e1e;

			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:#053e1e; 
		}
		#nav li:hover a.dropdownlinks{
			text-decoration:underline;
			background:#086c34;
		}
		#nav li:hover ul a.dropdownlinks{
			text-decoration:none;
			background:none;
		}
		#nav li:hover ul a.dropdownlinks:hover{
			text-decoration:underline;
			background:#086c34;
		}
		#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:#053e1e;
		}

#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)  {   



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

 
		#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: #3f4378; 
		}
		
		
		
		.img60a {  float: left;  margin: auto; max-width: 420px; max-height; 297px; }
.img60b{  float: left;   margin: auto;   max-width: 446px; max-height; 297px; }
		


}









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


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



#title { display: none; } 
#titleSmaller { display: block; } 

#h1 { display: none; } 
#h1smaller {   height: 80px;  background-color: #086c34;  margin-top: 0px;   margin-bottom: 0px;  padding: 0px;  text-align: center;  
font-family: Arial, Helvetica, sans-serif;  color: white; font-size: 0.8em; 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: #3f4378; 
		}




#navwrap {  display: none;  }





.briefdescription {display: inline; }

.descriptioncentred { text-align: left; } 


figure {  width: 50%;
   background-color: #333333;  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;  width: 100%;  }

.figfourArmed  { margin-left: auto; margin-right: auto; background-color: #333333; } 

.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: #333333; 
}

.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;                }


.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;    }

.blurbspace1secondshow { display: none; }



.blurbspaceoneTypeB {    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;}


.blurbspace1secondhideTypeB  { float: left;   display: none;   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;    }

.blurbspace1secondshowTypeB { display: table; }



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

#footer2nd { display: inline; width: 100%; }


.textspacer { display: inline-block;   width: auto;     height: auto; text-align: left;    padding-left: 2em;  padding-top:1em;   padding-right:2em;  padding-bottom: 2em;    font-family: arial, verdana, sans-serif; font-size: 100%;       color:#333;   background-color: #fffff0; }



 #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: white;    }  

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%;  }


		.img60a {  float: left;  margin: auto; max-width: 420px; max-height; 297px; }
.img60b{  float: left;   margin: auto;   max-width: 446px; max-height; 297px; }



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

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

 #title { display: none; } 
 
 #h1  { display: none; } 
 
 .twoseven { display: none; } 
 
 .twoeight { padding-top: 3em;  } 
 
 .titleBG { display: none; } 
 
 img.titleSmaller {  display: none;   }
 
 #titlesmaller  {  display: none;   }
 
 #h1smaller  {  display: none;   }

 #titleSmallest  {  display: block; height: 164px;    }
 
}
 
 
 
 
 
 
 




/*   ###########   FOURTH  BELOW 481   ###################    */          

   @media  (max-width: 480px)  {   




         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;    }
img.titleBG {  display: none;    }


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


 #tabletSizeNav { display: none;} 

#navleft {  display: none; }

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

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


h1 {    display: none; }

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

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

*/  


.horizontalnav { display: none;   }

#topHorizontalLinks    {  display: none; }

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

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


.figmulticolumn {  width: 97%;  }

figure { width: 97%;
   background-color: #333333;  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; 

}


.figfourArmed  { margin-left: 0px;  background-color: #333333; } 

.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 {     display: table;   height: 8em;  width: 97%;  padding-left: 3%;  padding-top:0.5em;   padding-bottom: 1em;    font-family: arial, verdana, sans-serif;   font-size: 100%;     color: #333;    }
  */
 .blurbspaceone  { display: none;}


.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;       }

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


.blurbspaceoneTypeB {     display: none;   height: 8em;  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;}



.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;       }

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

#h1 {     background-color: #086c34;  padding-top: 0px;    text-align: left;  }







#footer2nd { display: inline; width: 100%; }


		.img60a {  margin: auto; max-width: 420px; max-height; 297px; }
.img60b{  margin: auto;   max-width: 446px; max-height; 297px; }


.textspacer { display: none;   }



 }   








/*  
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%;  }
 */