1. <style type="text/css">
  2. <!--
  3. .style1 {
  4. 	font-family: "Arabic Typesetting";
  5. 	font-size: 30px;
  6. 	color: #603723;
  7.  
  8. }
  9.  
  10. .style1 A:link {font-family: "Arabic Typesetting";
  11. 	font-size: 30px;
  12. 	color: #603723;}
  13. .style1 A:visited {font-family: "Arabic Typesetting";
  14. 	font-size: 30px;
  15. 	color: #603723;}
  16. .style1 A:active {font-family: "Arabic Typesetting";
  17. 	font-size: 30px;
  18. 	color: #603723;}
  19. .style1 A:hover {font-family: "Arabic Typesetting";
  20. 	font-size: 30px;
  21. 	color: #A0887C;}
  22.  
  23. .style2 {
  24. 	color: #625048;
  25. 	font-size: 22px;
  26. 	font-family: "Arabic Typesetting";
  27. }
  28. .style2 A:link {font-family: "Arabic Typesetting";
  29. 	color: #625048;
  30. 	font-size: 22px;}
  31. .style2 A:visited {font-family: "Arabic Typesetting";
  32. 	color: #625048;
  33. 	font-size: 22px;}
  34. .style2 A:active {font-family: "Arabic Typesetting";
  35. 	color: #625048;
  36. 	font-size: 22px;}
  37. .style2 A:hover {font-family: "Arabic Typesetting";
  38. 	font-size: 22px;
  39. 	color: #A0887C;}
  40.  
  41. .style3 {
  42. 	font-family: "Arabic Typesetting";
  43. 	font-size: 23px;
  44. }
  45. .style5 {color: #603723}
  46. .style6 {font-size: 22px}
  47. .style7 {
  48. 	font-size: 23.5px;
  49. 	font-family: "Arabic Typesetting";
  50. }
  51.  
  52. .style7 A:link {font-family: "Arabic Typesetting";
  53. font-size: 23.5px;
  54. 	color: #603723;}
  55. .style7 A:visited {font-family: "Arabic Typesetting";
  56. font-size: 23.5px;
  57. 	color: #603723;}
  58. .style7 A:active {font-family: "Arabic Typesetting";
  59. font-size: 23.5px;
  60. 	color: #603723;}
  61. .style7 A:hover {font-family: "Arabic Typesetting";
  62. font-size: 23.5px;
  63. 	color: #A0887C;}
  64. .style8 {font-family: "Arabic Typesetting"}
  65. a:link {
  66. 	text-decoration: none;
  67. }
  68. a:visited {
  69. 	text-decoration: none;
  70. }
  71. a:hover {
  72. 	text-decoration: none;
  73. }
  74. a:active {
  75. 	text-decoration: none;
  76. }
  77.  
  78.  
  79.  
  80. -->
  81. </style>
  82. </head>
  83.  
  84. <body>
  85.  
  86.  
  87.  
  88. <div class="style1" style="background-image:url(http://i60.photobucket.com/albums/h12/sixers33/menu.jpg); height: 39px; width: 1030px;">
  89. <div style="float: left; padding-top: 10px; padding-left: 24px;"></div>
  90. <div style=" float: left; padding-top: 18px; padding-left: 10px;"> Government</div> <div style=" float: left; padding-left: 10px; padding-bottom: 6px;"> </div> 
  91. <div style=" float: left; padding-top: 18px; padding-left: 10px;"> <a href="Link Here">Global Bank</a></div> 
  92. <div style=" float: left; padding-left: 10px; padding-bottom: 6px;"> </div> 
  93. <div style=" float: left; padding-top: 18px; padding-left: 10px;"> <a href="LINK ME">Academy</a></div> 
  94. <div style=" float: left; padding-left: 10px; padding-bottom: 6px;"> </div> 
  95. <div style=" float: left; padding-top: 18px; padding-left: 10px;"> <a href="LINK ME">Tech Corps</a></div> 
  96. <div style=" float: left; padding-left: 10px; padding-bottom: 6px;"> </div>  
  97. <div style=" float: left; padding-top: 18px; padding-left: 10px;"> <a href="LINK ME">Ministry of Defense</a></div> 
  98. <div style=" float: left; padding-left: 10px; padding-bottom: 6px;"> </div> 
  99. <div style="float: left; padding-top: 18px; padding-left: 10px;"> <a href="LINK ME">Global News Network</a></div> 
  100. <div style=" float: left; padding-left: 10px; padding-bottom: 6px;"> </div> 
  101. <div style=" float: left; padding-top: 18px; padding-left: 10px;"> <a href="LINK ME">GATO Wiki</a></div> 
  102.  
  103.  
  104. </div>
  105.  
  106. <div style="background-image:url(http://i60.photobucket.com/albums/h12/sixers33/menu.jpg); height: 39px; width: 1030px;float: left;">
  107. <div style=" float: left; padding-top: 8px;"><img src="http://i60.photobucket.com/albums/h12/sixers33/GNN.png" /> </div>
  108. <div style="  float: left; padding-top: 6px;"> 
  109. <div style="background-image:url(http://i60.photobucket.com/albums/h12/sixers33/marquee.jpg); width: 425px; height: 28px; float: left; ">
  110.  
  111.       <script>
  112.  
  113. // WebTicker by Mioplanet
  114. // www.mioplanet.com
  115.  
  116. TICKER_CONTENT = document.getElementById("TICKER").innerHTML;
  117.  
  118. TICKER_RIGHTTOLEFT = false;
  119. TICKER_SPEED = 2;
  120. TICKER_STYLE = "font-family:Arabic Typesetting; font-size:23.5px; color:#603723";
  121. TICKER_PAUSED = false;
  122.  
  123. ticker_start();
  124.  
  125. function ticker_start() {
  126. 	var tickerSupported = false;
  127. 	TICKER_WIDTH = document.getElementById("TICKER").style.width;
  128. 	var img = "<img src=ticker_space.gif width="+TICKER_WIDTH+" height=0>";
  129.  
  130. 	// Firefox
  131. 	if (navigator.userAgent.indexOf("Firefox")!=-1 || navigator.userAgent.indexOf("Safari")!=-1) {
  132. 		document.getElementById("TICKER").innerHTML = "<TABLE  cellspacing='0' cellpadding='0' width='100%'><TR><TD nowrap='nowrap'>"+img+"<SPAN style='"+TICKER_STYLE+"' ID='TICKER_BODY' width='100%'>&nbsp;</SPAN>"+img+"</TD></TR></TABLE>";
  133. 		tickerSupported = true;
  134. 	}
  135. 	// IE
  136. 	if (navigator.userAgent.indexOf("MSIE")!=-1 && navigator.userAgent.indexOf("Opera")==-1) {
  137. 		document.getElementById("TICKER").innerHTML = "<DIV nowrap='nowrap' style='width:100%;'>"+img+"<SPAN style='"+TICKER_STYLE+"' ID='TICKER_BODY' width='100%'></SPAN>"+img+"</DIV>";
  138. 		tickerSupported = true;
  139. 	}
  140. 	if(!tickerSupported) document.getElementById("TICKER").outerHTML = ""; else {
  141. 		document.getElementById("TICKER").scrollLeft = TICKER_RIGHTTOLEFT ? document.getElementById("TICKER").scrollWidth - document.getElementById("TICKER").offsetWidth : 0;
  142. 		document.getElementById("TICKER_BODY").innerHTML = TICKER_CONTENT;
  143. 		document.getElementById("TICKER").style.display="block";
  144. 		TICKER_tick();
  145. 	}
  146. }
  147.  
  148. function TICKER_tick() {
  149. 	if(!TICKER_PAUSED) document.getElementById("TICKER").scrollLeft += TICKER_SPEED * (TICKER_RIGHTTOLEFT ? -1 : 1);
  150. 	if(TICKER_RIGHTTOLEFT && document.getElementById("TICKER").scrollLeft <= 0) document.getElementById("TICKER").scrollLeft = document.getElementById("TICKER").scrollWidth - document.getElementById("TICKER").offsetWidth;
  151. 	if(!TICKER_RIGHTTOLEFT && document.getElementById("TICKER").scrollLeft >= document.getElementById("TICKER").scrollWidth - document.getElementById("TICKER").offsetWidth) document.getElementById("TICKER").scrollLeft = 0;
  152. 	window.setTimeout("TICKER_tick()", 30);
  153. }
  154.  
  155. 	  </script> 
  156.   <div style=" padding-left: 2px;">  <span class="style4">     
  157.  
  158.       <div class="style7" id="TICKER" STYLE="overflow:hidden; width:425px;"  onmouseover="TICKER_PAUSED=true" onMouseOut="TICKER_PAUSED=false">
  159.         <a href="LINK ME">GATO NEWS</a></div> </span> 
  160.  
  161.  
  162. </div>
  163. </div></div>
  164. <div class="style2" style="float: left; padding-top: 16px; padding-left: 4px;"><a href="LINK ME">Welcome, GATOan ( logout ) </a>&nbsp;  ·</div>
  165. <div class="style2" style="float: left; padding-top: 16px;"> 15 New Messages  &nbsp;  ·</div>
  166. <div class="style2" style="float: left; padding-top: 16px; "> My Controls  &nbsp;  ·</div>
  167. <div class="style2" style="float: left; padding-top: 16px;"> Search  &nbsp;  ·</div>
  168. <div class="style2" style="float: left; padding-top: 16px; width: 20px;"> IRC/Chat </div>
  169.  
  170.  
  171. </div>
  172.  
  173. <div style="width:1030px; height: 4px;"> </div>