		BODY { 
		background: #083060;
		text-align:center;
		margin: 0px;
		}		
		#header {
        position: relative;
	    margin-left: auto;
		margin-right: auto;
        width: 800px;
        height: 150px;
        top: 0;
        bottom: auto;
	    background: #222222;      
		background-image: url("gc_top_0p5.jpg");
		text-align: left;
		border-right: 1px solid #000000;
		border-left: 1px solid #000000;
		}
		
		#main {
        position: relative;
	    margin-left: auto;
		margin-right: auto;
        width: 800px;        
		height: 1024px;
		bottom: auto;
		background: #FFFFFF;
		overflow-y: visible; 
		text-align: left;
		border-right: 1px solid #000000;
		border-left: 1px solid #000000;
		border-bottom: 1px solid #000000;
		overflow: hidden;
		}
		
		div.toprow {
        position: relative;
	    margin-left: auto;
		margin-right: auto;
        width: 800px;
        height: 20px;
        top: 0;
        bottom: auto;
	    background: #FFFFFF;      
		border-right: 1px solid #000000;
		border-left: 1px solid #000000;
		border-top: 1px solid #000022;
		border-bottom: 1px solid #000022;
		}
		table.toprow
		{
	    border-collapse: collapse; <!-- kill this if you want little borders -->
		width: 100%;
		color: #220000;
		text-align: center;
	    font: bold 12px arial; 
		height: 20px;
		}
		td.toprow
		{
		border-right: 1px solid #000022;
		}		
		td.toprowL
		{
		border-right: 1px solid #000022;
		width: 173px; 
		background: #001040;
		}
		td.toprow1
		{
		background: #104070;
		border-right: 1px solid #000022;
		}
		td.toprow2
		{
		background: #001040;
		border-right: 1px solid #000022;
		}

	div.leftcolumn
	{
		position: absolute; 
		left: 0px; 
		top: 0;
		bottom: 0px;
		height: 100%;
		width: 175px;
		background: #BBBBBB; 
		border-right: 1px solid #000022;
		background: #000000 url("yorubaback2.jpg") repeat-y 50% 0;
		height: 100%;
	}
	
	div.rightcolumn
	{
	position: absolute; top: 0px; right: 0px; width: 137px; background: #FF7E00;
	bottom: 0px;
	border-left: 1px solid #000022; font: 11px arial; padding: 0px 15px 100px 10px;	
	height: 100%;
	}
	
	div.centercolumn
	{
		position: absolute; 
		top: 0px; 
		right: 163px; 
		left: 176px;
		background: #FFFFFF; 
		bottom: 0px;
		font: 12px arial; 
		padding: 10px 10px 10px 10px;	
		height: 100%;
	}
	div.maincolumn
	{
		position: absolute; 
		top: 0px; 
		right: 0px; 
		left: 176px;
		background: #FFFFFF; 
		bottom: 0px;
		font: 12px arial; 
		padding: 10px 10px 10px 10px;	
		height: 100%;
	}
	div.contactbox
	{
	position: relative; left: 20px; top: 40px; border:2px solid #000033; width: 128px;
	background: #5599CC url("iconback_orange_256.jpg") no-repeat 0 0;	
	}

	  p {
	    margin: 10px 10px 10px 20px;
	    font: 14px arial; 
	  }	  
	  p.lilp {
	    margin: 4px 2px 5px 5px;
	    font: 12px arial;
		font-weight: bold; 
	  }
	  h1 { 
	    position: absolute;
	    font: bold 32px arial; 
	    color: #EEFFEE;
	    bottom: 0px;
	    left: 10px;
	    margin: 0px;
	    letter-spacing: -2px;
	  }
	  h2 { 
	    font: bold 16px arial; 
	    color: #000000;
	    margin: 0px 20px 20px 20px;
	  }
	  
	  A.toprow:link {text-decoration: none; color: #B0E0FF;}
	  A.toprow:visited {text-decoration: none; color: #B0E0FF;}
      A.toprow:active {text-decoration: none; color: blue;}
	  A.toprow:hover {text-decoration: none; color: #F0F0FF;}
	  
	  A.light:link {text-decoration: none; color: #FFFFFF;}
	  A.light:visited {text-decoration: none; color: #BBBBBB;}
      A.light:active {text-decoration: none; color: blue;}
	  A.light:hover {text-decoration: none; color: #0000FF;}
