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: 0px;}


h1 {font-size: 23px;	color:  yellow;  margin-top: 30px;  margin-bottom: 30px;}   
h2 {font-size: 23px;	color:  yellow; margin-top: 10px;  margin-bottom: 10px;} 



a.two:link, a.two:visited, a.two:active  {font-weight: bold; font-size: 14px; text-decoration: underline; color: yellow}
a.two:hover   {text-decoration: underline; color: white;}


.menubar {
width:				100%;
margin-top:			10px;
margin-bottom:		20px;
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: #99cc33; font-weight: bold}
a:hover   {text-decoration: none;  color: #006699;}

.container {
width:				1200px;
margin:				0 auto;
margin-top: 		10px;
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: 16px; text-decoration: none;  color: #99cc33; font-weight: bold}
a:hover   {text-decoration: none;  color: #006699;}

.container {
width:				800px;
margin:				0 auto;
margin-top: 		10px;
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: 10px; text-decoration: none;  color: #99cc33; font-weight: bold}
a:hover   {text-decoration: none;  color: #006699;}

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


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

}

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


#leftcolumn {
float:			left;
line-height:	135%;
width:			47%;
background:		white;
color:			black;
margin:			0px;
padding-top:	10px;
padding-left:	15px}


#rightcolumn {
float:			right;
line-height:	135%;
width:			47%;
background:		white;
color:			black;
margin:			0px;
padding-top:	10px;
padding-left:	15px}



#footer {
width:			980px;
height:			10px;
background:		white;
margin:			0px;
float:			left;}





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




z {}