body {
    margin:0;
    padding:0;
    font-size: 8pt;
    text-align: center;
    color: black;
    font-family: verdana, arial, helvetica;
    background-color: #333;
    height:100%; /* this is the key! */
}

a {
	text-decoration: none; 
}

a:hover {
		text-decoration: none;
    color: #ff8000; 
    
}

#global {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 947px;
	height: 700px;
	margin-top: -350px; /* half of the height */
	margin-left: -473px; /* half of the width */
	border: 0px none #000;
	float: left;
     }

div#rightbody .blob {
		display:block;
		width:160px;
		height: 12px;
    margin-left: 3px;
    margin-top: 3px;
    padding:2;
		text-align: center;
    font-size: 8pt;
    font-family: verdana, arial, helvetica;
    color:#fff;
    text-decoration: none;
    BACKGROUND-COLOR: #666
}



DIV.blob
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 3px;
    Z-INDEX: 1;
   	width: 140px;
		height: 12px;
    FLOAT: left;
    VISIBILITY: visible;
    PADDING-BOTTOM: 3px;
    MARGIN: 2px;
    BORDER-LEFT: 000 1px solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: 000 1px solid;
    POSITION: relative;
    
    BACKGROUND-COLOR: #666
}




#header {
		margin-top: 15px;
		text-align: center;
		background-image: url("http://admin.espymail.net.au/img/HeaderImage.jpg");
		background-color: #000;
    width: 947px;
    height: 222px;
    padding:0;
}

#banner {

		margin-top: 0px;
		text-align: center;
		background-color: #fff;
    width: 947px;
    height: 200px;
    font-size: 14pt;
    padding:0;
}

#content2 {
		margin-top: 0px;
		padding: 20px !important ;
		text-align: center;
		background-color: #fff;
    width: 947px;
   /* height: 200px; */
    font-size: 10pt;
 }





#leftnav {
		/*  xxxx  */
		/*  margins & padding */
		 
    z-index: 10;
    position: relative;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 2px;
		margin-left: 0px;
		bottom: 0px;
		padding:0;
		background-color: #666;
		/*  object size  */
		width: 200px;
		height: 520px;
		/*  object format  */
		float: left;
		/*  contents format  */
		font-size: 10pt;
		text-align: center;
}







#leftnav .menu { 
		display:block;
		background-color: #ff8000;
		width: 160px;
    padding:0;
    margin-top: 2px;
    margin-left: 20px;
    float: left;
		text-align: center;
    font-size: 10pt;
    font-family: verdana, arial, helvetica;
    color:#fff;
    text-decoration: none;
}

#leftnav .menu:hover { 
		display:block;
		background-color: #f00;
		width: 160px;
    padding:0;
    margin-top: 2px;
    margin-left: 20px;
    float: left;
		text-align: center;
    font-size: 10pt;
    font-family: verdana, arial, helvetica;
    color:#fff;
    text-decoration: none;
}

#leftnav a { 
		display:block;
		background-color: #000;
		width: 160px;
    padding:0;
    margin-top: 2px;
    margin-left: 20px;
    float: left;
		text-align: center;
    font-size: 10pt;
    font-family: verdana, arial, helvetica;
    color:#fff;
    text-decoration: none;
}



#leftnav  a:hover {
		background-color: #f00;
		width: 160px;
		margin-left: 20px;
    padding:0;
		text-align: center;
    font-size: 10pt;
    font-family: verdana, arial, helvetica;
    color:#000;
    text-decoration: none;
}




#footer {
		/*  css items guide  */
		/*  margins & padding */
		
		float: left;
		margin-bottom: 0px;
		margin-top:0px;
		margin-left:0px;
		padding:0px;
		bottom: 0px;
		background-color: #000;
		/*  object size  */
    width: 947px;
    height: 11pt;
		text-align: center;
    font-size: 8pt;
    font-family: verdana, arial, helvetica;
    color:#fff;
    text-decoration: none;
}

div#rightbody {
		/*  xxxx  */
		/*  margins & padding */
		 
    z-index: 1;  
   
		margin-top: 0px; 
		margin-bottom: 0px;
		float: right;
		margin-right: 0px;
		padding:0;
		background-color: #808080;
		/*  object size  */
		width: 742px;
		height: 520px;
		/*  object format  */
		color:#fff;
		/*  contents format  */
		text-align: center;
}


div#rightbody table {
		/*  css items guide  */
		/*  margins & padding */
		position: relative;
		margin-top: 10px;
		margin-left: 10px;	
		margin-right: 0px;
		margin-bottom: 4px;
		float: center;	
		background-color: #666;
		/*  object size  */
    width:720px;
		/*  object format  */
		border: 0px solid #000;
		/*  contents format  */
		text-align: center;
}

div#rightbody tr {
		/*  css items guide  */
		/*  margins & padding */
				
		background-color: #666;
		/*  object size  */

		/*  object format  */
		border: 0px solid #000;
		/*  contents format  */
		text-align: center;
}

div#rightbody a {
		display:block;
		background-color: #666;
    padding:0;
    
		text-align: center;
    font-size: 8pt;
    font-family: verdana, arial, helvetica;
    color:#fff;
    text-decoration: none;
}

div#rightbody  a:hover {
		display:block;
		background-color: #00FF00;
	
    color:#000;
    text-decoration: none;
}

div#rightbody td {
		
		background-color: #666;
		border: 1px solid #333;
    padding: 0;
    margin: 1;
		text-align: left;
    font-size: 8pt;
    font-family: verdana, arial, helvetica;
    color:#FFF;
    text-decoration: none;
}

div#rightbody th {
		
		background-color: #333;
    padding:0;
		text-align: center;
    font-size: 8pt;
    font-family: verdana, arial, helvetica;
    color:#FFF;
    text-decoration: none;
}





div#rightbody input {
		
		height: 20px;
    padding:0;
		text-align: left;
    font-size: 8pt;
    font-family: verdana, arial, helvetica;
   
    text-decoration: none;
}

div#rightbody .menu {
		
		height: 20px;
		PADDING-LEFT: 30px;
   
		text-align: left;
    font-size: 8pt;
    font-family: verdana, arial, helvetica;
   
    text-decoration: none;
}

div#rightbody .menu:hover {
		
		height: 20px;
    PADDING-LEFT: 30px;
		text-align: left;
    font-size: 8pt;
    font-family: verdana, arial, helvetica;
   
    text-decoration: none;
}

div#rightbody .inp {
		
		height: 20px;
		width: 300px;
    padding:0;
		text-align: left;
    font-size: 8pt;
    font-family: verdana, arial, helvetica;
   
    text-decoration: none;
}