<!-- Helios Stylesheet Color Swapper -->

<table cellpadding="0" cellspacing="0" align="center">
<td align=center>
<style type="text/css">
fieldset { border: none !important; }
</style>
<form action="#" id="styleswitcher" class="styleswitcher"><small>
<input type="radio" name="style" value="red" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'>  <img src="http://i102.photobucket.com/albums/m105/mysmileyplace/helios/redblock.png"> Helios Red
<input type="radio" name="style" value="green" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> <img src="http://i102.photobucket.com/albums/m105/mysmileyplace/helios/greenblock.png"> Helios Green
<input type="radio" name="style" value="blue" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> <img src="http://i102.photobucket.com/albums/m105/mysmileyplace/helios/blueblock.png"> Helios Blue
<input type="radio" name="style" value="gold" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> <img src="http://i102.photobucket.com/albums/m105/mysmileyplace/helios/goldblock.png"> Helios Golden
<input type="radio" name="style" value="orange" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> <img src="http://i102.photobucket.com/albums/m105/mysmileyplace/helios/orangeblock.png"> Helios Orange
<input type="radio" name="style" value="purple" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> <img src="http://i102.photobucket.com/albums/m105/mysmileyplace/helios/purpleblock.png"> Helios Purple
<input type="radio" name="style" value="pink" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> <img src="http://i102.photobucket.com/albums/m105/mysmileyplace/helios/pinkblock.png"> Helios Pink<br><br>
<input type="radio" name="style" value="hardcorered" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> <img src="http://i153.photobucket.com/albums/s230/riserboys/hardcoreredblock.png"> Hardcore Red
<input type="radio" name="style" value="hardcoregreen" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> <img src="http://i153.photobucket.com/albums/s230/riserboys/hardcoregreenblock.png"> Hardcore Green
<input type="radio" name="style" value="hardcoreaqua" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> <img src="http://i153.photobucket.com/albums/s230/riserboys/hardcoreaquablock.png"> Hardcore Aqua
<input type="radio" name="style" value="hardcorepurple" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> <img src="http://i153.photobucket.com/albums/s230/riserboys/hardcorepurpleblock.png"> Hardcore Purple<br><br>
</fieldset>
</form>
</small>
</td>
<tr>
<td  class=header height="54px" width="1000px" align=center>
</td>
</tr>
</table>
 
<!-- The Stylesheet Links -->

<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree2.com/styles/gaminghangout/heliosblue.css?fin11" title="blue">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree2.com/styles/gaminghangout/heliosred.css?fin11" title="red">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree2.com/styles/gaminghangout/heliosgreen.css?fin11" title="green">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree2.com/styles/gaminghangout/heliospurple.css?fin11" title="purple">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree2.com/styles/gaminghangout/heliosgold.css?fin11" title="gold">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree2.com/styles/gaminghangout/heliosorange.css?fin11" title="orange">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree2.com/styles/gaminghangout/heliospink.css?fin11" title="pink">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree2.com/styles/gaminghangout/hardcorered.css?fin11" title="hardcorered">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree2.com/styles/gaminghangout/hardcoreaqua.css?fin11" title="hardcoreaqua">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree2.com/styles/gaminghangout/hardcoregreen.css?fin11" title="hardcoregreen">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree2.com/styles/gaminghangout/hardcorepurple.css?fin11" title="hardcorepurple">

<!-- Script for Stylesheet Swapper DO NOT EDIT  -->
<script type='text/javascript'>
function changeStyle(title) {
var lnks = document.getElementsByTagName('link');
for (var i = lnks.length - 1; i >= 0; i--) {
if (lnks[i].getAttribute('rel').indexOf('style')> -1 && lnks[i].getAttribute('title')) {
lnks[i].disabled = true;
if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
}}}

function switchit() {
if (readCookie('style')) { title=readCookie('style'); changeStyle(title); var radios = document.getElementById ('styleswitcher');
if (radios) {
 var inputs = radios.getElementsByTagName ('input');
 if (inputs) {
   for (var i = 0; i < inputs.length; ++i) {
     if (inputs[i].type == 'radio' && inputs[i].name == 'style')
       inputs[i].checked = inputs[i].value == (title)
   }
 }
} } }


// function topchangeStyle(title) {
// var lnks = document.getElementsByTagName('link');
// for (var i = lnks.length - 1; i >= 0; i--) {
// if (lnks[i].getAttribute('rel').indexOf('style')> -1 && lnks[i].getAttribute('title')) {
// lnks[i].disabled = true;
// if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
// }}}

function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}

function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

window.onload = function(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}

window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}

var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
</script>
<style type="text/css">
.a1{
position:relative;
font-family:Verdana;
font-size:20px;
color:#888888;
}
</style>

<body onload="switchit()">
<table align=center>
<td class=footer height="54px" width="1000px" align=center>
</td>
</table>