/*Gay Rotorua CSS*/

body.home 
     {background-color: #6d6e70;
	   background-repeat: repeat;
	   background-attachment: fixed;
     overflow:auto;
     font-size: 12px;
	   font-family: arial;
	   padding: 0px 0px 0px 0px;
	   color: #ff0000;
	   text-align: left;
	   margin: 0;
     }
.center
     {
     max-width:430px;
     width: 100%;
     padding: 0px 5px 0 5px;
     font-size: 9pt;
	   font-family: arial;
	   color: #ffffff;
     text-align: left;
		 margin: 0 auto;
      }
.centerlogo
     {
     max-width:262px;
     width: 100%;
     padding: 0px 5px 0 5px;
     font-size: 9pt;
	   font-family: arial;
	   color: #ffffff;
     text-align: left;
		 margin: 0 auto;
      }
.footer
			{font-family: arial;
			font-size: 8pt;
			color: #424242;
			text-align: left;
			height: 30px;
			border: 3px;
			padding: 0px 35px 0px 35px;
			}
.footer1
     {float: left;
		 width: 40%;}
.footer2
     {float: left;
		 width: 30%;}
.gazette
    {float: left;
    max-width: 685px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 50px;
    font-size: 9pt;
	  font-family: arial;
	  color: #000000;
    text-align: left;  
     }
.gazetteleft
     {float: left;
		 max-width: 150px;
		 width: 100%;
		 height: 237px;
		 padding: 10px;
		 margin: 10px 0px 10px 0px;
		 font-size: 9pt;
	   font-family: arial;
	   color: #000000;
     text-align: center;}
.gazettewidth
     {max-width: 700px;
		 width: 100%;
		 padding: 10px 0 0 0px;}
.rowone
     {max-height: 300px;
		 height: 100%;}
.sectionE
    {float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px;
		max-height: 275px;
		height: 100%;
    font-size: 9pt;
	  font-family: arial;
	  color: #000000;
		vertical-align: bottom;
    text-align: center;  
     }
.sectionF
    {float: left;
		max-height: 275px;
		height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
		vertical-align: bottom;
    text-align: center;
     }
#wrapper
     {margin: 0 auto;
     max-width: 800px;
     width: 100%;
     background-color: #000000;
     text-align: center;
     }
a.link
			{color: #ffff00;
			/*text-decoration: none;*/
			font-size: 12px;				
			font-family: arial;}
a.red
		  {color: red;
			/*text-decoration: none;*/
			font-size: 12px;				
			font-family: arial;}
a.yellow
			 {color: yellow;
			/*text-decoration: none;*/
			font-size: 12px;				
			font-family: arial;}
a.yellow5
			 {color: yellow;
			/*text-decoration: none;*/
			font-size: 15px;				
			font-family: arial;}
h1
	    {color: yellow;
			font-size: 20px;				
			font-family: arial;
			border: 0px;
			padding: 0px 0px 0px 0px;}
h1.white
	    {color: #ffffff;
			font-size: 20px;				
			font-family: arial;
			border: 0px;
			padding: 0px 0px 0px 0px;}
h2.red
     {color: red;
			font-size: 14px;				
			font-family: arial;
			border: 0px;
			padding: 0px 0px 0px 0px;}
h5
     {color: #ffffff;
			font-size: 15px;				
			font-family: arial;
			border: 0px;
			padding: 0px 0px 0px 0px;}
h6
     {color: #ffffff;
			font-size: 14px;				
			font-family: arial;
			border: 0px;
			padding: 0px 0px 0px 0px;}
hr.two
		  {
			color: #859aa0;
			background-color: #859aa0;
			width: 720px;
			border: 0;
			height: 3px;
			text-align: center;}
img.heading
     {max-width: 430px;
	   width: 100%;
     text-align: center;
	   padding: 0px 0px 0px 0px;
	   margin: 2.5% 0 0 0;
     }
img.logo
   {max-width: 250px;
	 width: 100%;
   text-align: center;
	 padding: 0px 0px 0px 0px;
	 margin: 2.5% 0 0 0;
     }

/* Media queries
/* -------------------------------------------------------------*/	
/* iphones and other mobiles */
@media only screen and (max-width: 769px){

.gazette
    {float: left;
    /*max-width: 640px;*/
		width: 90%;
		}
.sectionE
    {padding-left: 10px;  
     }
hr.two
	{width: 90%;}
}/*end 769px iphones and other mobiles */
/* -------------------------------------------------------------*/	
/* iphones and other mobiles */
@media only screen and (max-width: 600px){
.gazette
    {max-width: 640px;
		padding-left: 5px;}

}/*end 600px iphones and other mobiles */
/* -------------------------------------------------------------*/	
/* iphones and other mobiles */
@media only screen and (max-width: 480px){
.center
     {width: 95%;
		 font-size: 16px;}
.centerlogo
     {width: 95%;}
.footer1
     {width: 25%;
		 padding: 0 10px 0 0;}
.gazette
    {max-width: 440px;
		padding-left: 5px;}
.sectionE
    {padding-left: 5px;  
     }
img.heading
     {width: 95%}
}/*end iphones and other mobiles */
/* -------------------------------------------------------------*/	
/* iphones and other mobiles */
@media only screen and (max-width: 375px){
.gazette
    {max-width: 340px;
		padding-left: 5px;}
}
/* -------------------------------------------------------------*/