body {
background-color:	black;
color:				white;
margin:     		0 auto;
padding:    		0;
font-family:		arial;
font-size:			15px;
font-weight:		normal;
text-align:			left;}


html {height: 101%}
img {border: 1px solid white}


h1 {font-size: 23px;	color:  #ff0000;  margin-top: 30px;  margin-bottom: 20px;}   
h2 {font-size: 16px;	text-align: center; color: white;  margin-top: 5px;  margin-bottom: 10px;} 
h3 {font-size: 16px;	text-align: left; color: red;    margin-bottom: -5px;}


.menubar {
width:				100%;
margin-top:			0px;
margin-bottom:		10px;
text-align:			center;}


.img-banner {
margin:				0 auto;
display:  			block;
width:				100%}


/* ======================================================= FOR DESKTOP  =================================================== */
/* ============================ If the minimum width is greater than 900px, run this code ================================= */

@media only screen and (min-width: 900px) {

a:link, a:visited, a:active  {font-size: 18px; text-decoration: none;  color: #ff0000; font-weight: bold}
a:hover   {text-decoration: none;  color: #ffffff;}

.container {
width:				1200px;
margin:				0 auto;
margin-top: 		0px;
margin-bottom: 		30px;
text-align:			left;}


.gigtable {
width:				100%;
margin:				left;
margin-top: 		-20px;
text-align:			left;}

.gigtable td  {padding-bottom: 10px;}

}


/* ======================================================= FOR LAPTOP & PADS =================================================== */
/* ================ If the minimum width is greater than 500px and maximum less than 1100, run this code ======================= */

@media only screen and (min-width: 500px) and (max-width: 1100px) {

a:link, a:visited, a:active  {font-size: 18px; text-decoration: none;  color: #ff0000; font-weight: bold}
a:hover   {text-decoration: none;  color: #ffffff;}

.container {
width:				800px;
margin:				0 auto;
margin-top: 		0px;
margin-bottom: 		30px;
text-align:			left;}


.gigtable {
width:				100%;
margin:				left;
margin-top: 		-20px;
text-align:			left;}

.gigtable td  {padding-bottom: 10px;}

}

/* ======================================================= FOR MOBILE PHONES =================================================== */
/* =============================== If the maximum width is less than 550px, run this code ====================================== */

@media only screen and (max-width: 550px) {

a:link, a:visited, a:active  {font-size: 12px; text-decoration: none;  color: #ff0000; font-weight: bold}
a:hover   {text-decoration: none;  color: #ffffff;}

.container {
width:				320px;
margin:				0 auto;
margin-top: 		0px;
margin-bottom: 		30px;
text-align:			left;}


.gigtable {
width:				100%;
margin:				left;
margin-top: 		-20px;
text-align:			left;
font-size:			9px;}

.gigtable td  {padding-bottom: 10px;}

}

/* ============================================================================================================================= */
/* ============================================================================================================================= */


#fadeinbox{
position:			absolute;
width:				650px;					/* width of box             */
border:				8px solid red;			/* colour of box surround   #006699    */
background-color:	black;					/* colour of box background */
visibility:			hidden;
border-radius:  	20px;
box-shadow:     	15px 15px 10px #000;}




z {}