body {
background-color:	#28003c;
color:				white;
margin:     		0 auto;
padding:    		0;
font-family:		arial;
font-size:			17px;
font-weight:		normal;
text-align:			left;}


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


h1 {font-size: 23px;	color:  #fbc800;    margin-top: 30px;  margin-bottom: 20px;}   
h2 {font-size: 23px;	color:  white;    margin-top: 10px;  margin-bottom: 10px;} 
h3 {font-size: 18px;	color:  white;  margin-top: 0px;  margin-bottom: -30px;} 

.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: white; font-weight: bold}
a:hover   {text-decoration: none;  color: #fbc800}

.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: white; font-weight: bold}
a:hover   {text-decoration: none;  color: #fbc800;}

.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: white; font-weight: bold}
a:hover   {text-decoration: none;  color: #fbc800;}

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

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


/* =============== Pop Up Box  =================================== */
#thumbBox{ 									/*Outermost DIV for thumbnail viewer*/
position: 				absolute;
left: 					0;
top: 					0;
width: 					auto;
padding: 				1px;
padding-bottom: 		0;
background: 			#fbc800;			/* colour of border */
visibility: 			hidden;
z-index: 				10;
cursor: 				hand;
cursor: 				pointer;}


#thumbBox .footerbar{ 						/*Footer DIV of thumbbox that contains "close" link */
font: 					bold 16px verdana;
color: 					#28003c;			/* colour of "Close Box"  */
padding: 				4px 5px 5px;
text-align: 			right;}



#thumbLoading{ 								/*DIV for showing "loading" status while thumbbox is being generated*/
position: 				absolute;
visibility: 			hidden;
z-index: 				5;}
/* =============================================================== */


z {}