/* CSS Document */
body { background-image:url(../photos5/background.jpg); 
       top:0;
	   left:0;
	   width:100%;
	   margin:0;
	   padding:0;
	   z-index:1;	   
}
#wrapper {position:relative;
	      top:10px;
		  margin-top:0;
		  margin-bottom:0;
	      margin-left:auto;
	      margin-right:auto;
	      padding-left:0px;
	      width:980px;
		  height:680px;
	      background-color: #FFFFCC;
		  border:4px solid #999999;
}
#banner  { position:relative;
           top:90px;
		   left:330px;
		   margin:0;
}
#logo  { position:absolute;
         top:20px;
		 left:20px;
}
#friend1  { position:absolute;
            top:210px;
			left:20px;
}
#friend2  { position:absolute;
            top:460px;
			left:20px;
}
#friend3  { position:absolute;
            top:346px;
			right:20px;
}

#menu  { position:absolute;
         top:20px;
		 right:20px;
		 width:700px;
		 margin:0;
		 height:20px;
         background-color: #FFFFCC;         
		 padding:2px;		
		 font:normal 10pt/1.2 Arial, Helvetica, sans-serif;
		 
}
#menu1 { position:absolute;
         top:20px;
		 left:20px;
		 width:940px;
		 height:20px;
         background-color: #FFFFCC;         
		 padding:2px;		
		 font:normal 10pt/1.2 Arial, Helvetica, sans-serif;
}
#footer1  { position:absolute;
           bottom:25px;
		   width:933px;
		   height:30px;
		   left:16px;
		   margin:0;
		   background-color: #FFFFCC; 
		   border:1px solid #666666;        
		   padding:5px 2px 2px 4px;		
		   font:normal 8pt/1.2 Arial, Helvetica, sans-serif;
		   color: #666666;
}
#footer1 p { margin:0;
}
#footer  { position:absolute;
           top:625px;
		   width:933px;
		   height:30px;
		   left:16px;
		   margin:0;
		   background-color: #FFFFCC; 
		   border:1px solid #666666;        
		   padding:5px 2px 2px 4px;		
		   font:normal 8pt/1.2 Arial, Helvetica, sans-serif;
		   color: #666666;
}
#footer p { margin:0;
}
#menu a:link  {	text-decoration:none;
               color: #006633;
}
#menu a:hover { background-color:#D2FF78;
}
#menu a:visited { text-decoration:none;
               color: #666666;
}
#menu1 a:link  { text-decoration:none;
                 color: #006633;
}
#menu1 a:hover { background-color:#D2FF78;
}
#menu1 a:visited { text-decoration:none;
               color: #666666;
}
#contentleft  { position:absolute;
                left:19px;
				top:180px;
				width:460px;
				height:500px;
				background-color:#FFFFCC;
				font:normal 11pt/1.2 Arial, Helvetica, sans-serif;
				color: #006633;
}
#contentright  { position:absolute;
                left:521px;
				top:180px;
				width:420px;
				height:500px;
				background-color:#FFFFCC;
				font:normal 11pt/1.2 Arial, Helvetica, sans-serif;
				color:#006633;
}
#contentcentre  { position:absolute;
                  left:20px;
				  top:80px;
				  width:935px;
				  height:30px;
				  margin:0;
				  background-color:#FFFFCC;
				  font:normal 11pt/1.2 Arial, Helvetica, sans-serif;
				  color:#006633;
}
#content ul  { list-style-type:disc;
			  list-style-position:outside;
			  font:bold 11pt/1.2 arial, Helvetica, sans-serif;
			  color:#003300;
}
#content li { border:none;
              color:#003300;
}
#content a:link { text-decoration:none;
          color:#CC3300;
}
#content a:visited { text-decoration:none;
           color: #663300;
}
#content p { margin:20px 0;
             padding:0;
             font: normal 10pt/1.2 Arial, Helvetica, sans-serif;
             color: #003300;
}
.leftimg {
	float:left;
}

#counter { position:relative;
		 left:5px;
		 top:100px;
		 margin:0;
		 z-index:10;
}
#legacyleft  {  position:absolute;
                left:20px;
				top:80px;
				width:300px;
				height:500px;
				background-color:#FFFFCC;
				font:normal 8pt/1.2 Arial, Helvetica, sans-serif;
				color: #006633;
}
#legacycenter {  position:absolute;
                left:340px;
				top:80px;
				width:300px;
				height:500px;
				background-color:#FFFFCC;
				font:normal 8pt/1.2 Arial, Helvetica, sans-serif;
				color: #006633;
}
#legacyright {  position:absolute;
                left:660px;
				top:80px;
				width:300px;
				height:500px;
				background-color:#FFFFCC;
				font:normal 8pt/1.2 Arial, Helvetica, sans-serif;
				color: #006633;
}
.legacyimg  {  position:absolute;
               background-color:#FFFFCC;
			   text-align:center;
			   font:normal 6pt/1.2 Arial, Helvetica, sans-serif;
			   color: #006633;
}
.divider  {     position:absolute;
                left:310px;
				top:120px;
				width:20px;
				height:300px;
				background-color:#FFFFCC;
}
.divider1  {    position:absolute;
                left:650px;
				top:120px;
				width:20px;
				height:500px;
				background-color:#FFFFCC;
}
/* Mozilla bug workarounds 
#outer > #inner { 
	border-bottom: 1px solid transparent; 
}
#menuidx {
	margin-right: 1px;
}
#content {
	margin: 0 -3px 0 -2px;
}*/