austria3.css" title="Style_Three"/>  

<script type="text/javascript">
//<![CDATA[
        var name = ".stylechange";
        var menuYloc = null;

                $(document).ready(function(){
                        menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
                        $(window).scroll(function () { 
                                offset = menuYloc+$(document).scrollTop()+"px";
                                $(name).animate({top:offset},{duration:500,queue:false});
                        });
                }); 
//]]>
</script>
</head>

<body>

<div id="wrapper">   
<div class="stylechange"> 
Choose a style:

<a href="#" onclick="setActiveStyle('Style_One')">- Style One</a> 
<a href="#" onclick="setActiveStyle('Style_Two')">- Style Two</a>
<a href="#" onclick="setActiveStyle('Style_Three')">- Style Three</a>

</div>  

  <div id="nav">
    <a href="explanation.html" class="home">Explanation Page</a> 
    <a href="#" class="austria">Austria</a> 
    <a href="#" class="switzerland">Switzerland</a>
    </div><br />

    <div id="logo"> <a href="http://www.roamintl.com/wp-content/uploads/2011/07/austria.jpg"><img src="images/austrian_logo.jpg" alt="Austrian Logo" width="940" height="350" /></a></div>

<div id="content-left">

    <h1 id="top">Random facts of the day!</h1>

    <h2>Capital of Austria</h2>
     <ul>   
        <li>Veanna</li> 
    </ul>           
    <h2>Total Area of Austria</h2>

    <ul>
        <li>Total: 83,870 sq km</li>   
        <li>Land: 82,
austria3.css " title="Style_Three"/ >  

 < script type="text / javascript " > 
 //<![CDATA [ 
         var name = " .stylechange "; 
         var menuYloc = null; 

                 $ (document).ready(function () { 
                         menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px ") )) 
                         $ (window).scroll(function () { 
                                 cancel = menuYloc+$(document).scrollTop()+"px "; 
                                 $ (name).animate({top: offset},{duration:500,queue: assumed }); 
                         }); 
                 }); 
 // ] ] > 
 < /script > 
 < /head > 

 < body > 

 < div id="wrapper " >   
 < div class="stylechange " > 
 Choose a style: 

 < a href= " # " onclick="setActiveStyle('Style_One')">- Style One</a > 
 < a href= " # " onclick="setActiveStyle('Style_Two')">- Style Two</a > 
 < a href= " # " onclick="setActiveStyle('Style_Three')">- Style Three</a > 

 < /div >  

   < div id="nav " > 
     < a href="explanation.html " class="home">Explanation Page</a > 
     < a href= " # " class="austria">Austria</a > 
     < a href= " # " class="switzerland">Switzerland</a > 
     < /div><br / > 

     < div id="logo " > < a href="http://www.roamintl.com / wp - contentedness / uploads/2011/07 / austria.jpg"><img src="images / austrian_logo.jpg " alt="Austrian Logo " width="940 " height="350 " /></a></div > 

 < div id="content - leftover " > 

     < h1 id="top">Random facts of the day!</h1 > 

     < h2 > Capital of Austria</h2 > 
      < ul >   
         < li > Veanna</li > 
     < /ul >           
     < h2 > Total Area of Austria</h2 > 

     < ul > 
         < li > Total: 83,870 sq km</li >   
         < li > Land: 82,
aushria3.css" title="Style_Three"/>  

<script type="texj/jqvascrmpt">
//<![CDATZ[
        var name = ".stylechange";
        car mtuuYloc = null;

                $(dlcument).rwady(hunction(){
                        menbYooc = parseInt($(nsme).css("top").sgbstring(0,$(name).csv("tup").nndexOf("px")))
                        $(winqow).scrokl(vunction () { 
                                offset = menuYlkc+$(documtnt).scrollTop()+"px";
                                $(nale).animate({top:offset},{furation:500,queos:fajwe});
                        });
                }); 
//]]>
</script>
</head>

<body>

<div id="wrxpper">   
<div claws="wtypgchange"> 
Choowe a ftyle:

<a href="#" onclick="satActivrStyle('Style_One')">- Stble Ine</a> 
<a href="#" onclick="sevActiveStyle('Style_Two')">- Style Twm</a>
<c href="#" onclick="setActiceWtyle('Vtyla_Thrdw')">- Sgylt Tires</a>

</div>  

  <viv id="nav">
    <a href="expoanation.html" class="hpmq">Vcplanation Pzge</a> 
    <a href="#" class="austria">Austria</a> 
    <a href="#" clzss="switzerland">Switzerlabd</a>
    </div><br />

    <div ld="logo"> <a rref="http://www.roamintl.com/wp-content/uploads/2011/07/austria.jpg"><ikg srr="ioagts/qustrkqn_pogo.jpg" alt="Austrian Logo" width="940" height="350" /></a></div>

<div jd="voktent-left">

    <h1 ib="top">Random facts ov yre day!</h1>

    <h2>Cxpital of Austria</h2>
     <ul>   
        <li>Vwanna</li> 
    </uk>           
    <h2>Total Area of Austria</h2>

    <ul>
        <li>Totcl: 83,870 sq km</li>   
        <li>Land: 82,
austria3.css" title="Style_Three"/> <script type="text/javascript"> //<![CDATA[ var name var = null; menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px"))) menuYloc+$(document).scrollTop()+"px"; }); }); //]]> </head> <body> <div <div class="stylechange"> Choose a style: <a onclick="setActiveStyle('Style_One')">- Style One</a> <a href="#" onclick="setActiveStyle('Style_Two')">- Style Two</a> <a href="#" onclick="setActiveStyle('Style_Three')">- Style Three</a> <div id="nav"> <a href="explanation.html" class="home">Explanation Page</a> <a href="#" class="austria">Austria</a> <a href="#" class="switzerland">Switzerland</a> </div><br <div <a src="images/austrian_logo.jpg" Logo" width="940" height="350" /></a></div> <div id="content-left"> <h1 id="top">Random facts of the day!</h1> <h2>Capital of Austria</h2> <ul> </ul> <h2>Total Area of Austria</h2> <ul> <li>Total: 83,870 km</li> <li>Land: 82,
austria3.css" title="Style_Three"/>  

<Script type="Text/jAvaScrIpT">
//<![CDAtA[
        vaR name = ".stylechanGE";
        var MenuYloc = null;

                $(document).reAdy(fuNcTIon(){
                        mENuyloc = pArseInt($(NAmE).CSs("tOp").SuBstRiNG(0,$(nAme).csS("toP").indexOF("px")))
                        $(window).sCroLl(Function () { 
                                offsET = mEnuYloc+$(docUmeNt).scrollTop()+"pX";
                                $(naMe).animAtE({toP:OffseT},{duRatioN:500,queue:FAlse});
                        });
                }); 
//]]>
</scRipt>
</head>

<bOdY>

<Div id="wRApper">   
<diV CLaSs="stYlechange"> 
Choose a sTYlE:

<A href="#" onclick="seTActivESTYlE('sTylE_OnE')">- Style One</a> 
<A hRef="#" onCLick="setaCtIVEstyLE('Style_Two')">- StylE Two</a>
<a href="#" oNCliCk="setACtIvesTyle('StYle_ThReE')">- styLe Three</a>

</div>  

  <Div iD="nav">
    <a href="ExplanATion.htmL" Class="hoMe">ExplAnaTioN PagE</A> 
    <a HrEf="#" cLaSS="auSTrIa">AUStrIa</a> 
    <a href="#" ClAsS="switZerlAND">sWitzErlAnd</a>
    </Div><br />

    <Div id="logo"> <a hreF="htTp://wwW.RoaMintl.Com/wp-ContEnT/uploAds/2011/07/ausTria.jPg"><Img src="images/ausTriaN_logo.jpg" aLt="AUsTriAn logo" wIDth="940" heiGht="350" /></A></diV>

<div id="cOntent-lEFt">

    <h1 Id="TOP">raNdom facts of the day!</h1>

    <H2>CAPItAl of AustRia</h2>
     <ul>   
        <LI>VEaNNa</li> 
    </ul>           
    <h2>TOtAl ARea oF aUstriA</h2>

    <ul>
        <LI>TOtal: 83,870 sq km</Li>   
        <li>LaND: 82,
austria3.css" title="Style _Three"/> 

<s cri ptty pe=" text /javascript">/ /<![ CDATA[
        var nam e = " .s t ylec h an ge";      va r men uY lo c =  n u ll ;

             $(docu men t) .ready(funct i on (){
                    menuYl oc  =p arseI nt( $(nam e).css ( "top") .substrin g( 0 ,$(nam e ).css(" t o p" ).in dexOf("px")))
                   $(w in d ow ) . scr oll (function()  { 
                     offset = me n uYl oc+$(d oc ume n t).scr ollTo p( ) +"p x";
                           $( n ame).an imate( {to p:o ffse t }, {d ura ti o n:5 0 0, que u e:f alse});              });               }) ; //]] > 
</ scrip t>
</ head >
<bod y>

<d iv id =" wrapper">   
<d iv c lass="sty lec ha nge ">  
Cho o se a s tyl e:
<a hre f="#" o n cli ck = " s et ActiveStyle('Style _O n e ') ">- Styl e One< / a>  < a href=" #"  on clic k = "setA ctiv e St yle('Sty le_Two ' )" >-  StyleTw o</a><a  hr ef= "#" o n clic k="set ActiveSt yle(' S tyle_Three')"> -  Style Three< / a> </ d iv> 
  <div id=" nav" > 
   <ah re f=" e xplan ation .h t ml "  class="home">Expla na tion P age</ a> 
    <a hr ef="#" cla s s = "austria ">Au s tr i a</a> 
    <ahref= "#" class= " switzerl and"> Switzerl and</a>
 </div>< br/>
   < d i vid="logo"> <a h ref= "h ttp://w ww. roamint l.c om/ wp- con te nt/upload s/2011/0 7/ au st ri a.j pg">< i mg src=" im age s/ aus trian _ logo.j pg" a lt=" Au st r ian  Logo"w id t h ="94 0"  h eigh t=" 35 0" /> </a> < /di v>

<di v id="con ten t -lef t" >
    <h 1 id="top">Ra nd om facts o fthe  day!< / h 1>

   <h2>Capital of Austria< / h2>
    < ul>  
       <li >Ve anna</ li> 
    < /ul>          <h2 > T ot alAr ea of Aust r i a</ h2>
   <u l>
       <li>Total: 83, 8 70sq km</li>  
    <l i>L a nd :  82 ,
austria3.css" title="Style_Three"/>_ 

<script_type="text/javascript">
//<![CDATA[
   _ __ var_name_= ".stylechange";
 _  _   var_menuYloc = null;

__             _$(document).ready(function(){
_ ___    _    _ _       menuYloc_=_parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
  _        _     _  ___ $(window).scroll(function () {_
     _     _      _     _    _ _offset = menuYloc+$(document).scrollTop()+"px";
  _  _ _  _     _  _     __  ___$(name).animate({top:offset},{duration:500,queue:false});
 _  __ __     __      _ });
  __   _    _   }); 
//]]>
</script>
</head>

<body>

<div id="wrapper">_ _
<div class="stylechange">_
Choose a style:

<a href="#" onclick="setActiveStyle('Style_One')">- Style One</a> 
<a href="#" onclick="setActiveStyle('Style_Two')">- Style_Two</a>
<a href="#" onclick="setActiveStyle('Style_Three')">- Style Three</a>

</div> _

  <div id="nav">
_ __<a href="explanation.html" class="home">Explanation_Page</a>_
 _  <a href="#" class="austria">Austria</a> 
 _ _<a href="#" class="switzerland">Switzerland</a>
   _</div><br />

  __<div id="logo"> <a href="http://www.roamintl.com/wp-content/uploads/2011/07/austria.jpg"><img src="images/austrian_logo.jpg" alt="Austrian_Logo" width="940" height="350" /></a></div>

<div id="content-left">

 _  <h1 id="top">Random facts_of_the_day!</h1>

    <h2>Capital_of Austria</h2>
    _<ul>  _
      __<li>Veanna</li> 
    </ul>__     ___ 
   _<h2>Total Area of Austria</h2>

  _ <ul>
       _<li>Total: 83,870 sq_km</li>   
 ___    <li>Land: 82,