/* test two-column css */
body{  margin: 5%;
       padding: 0;
       color: black;
       font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
       background-color: #ffffff;
       border: 1px solid rgb(128, 128, 128); 
    }
div.header
    {  position: relative;
       border: 1px solid rgb(128, 128, 128);
       background-color: rgb(212, 212, 228); 
       text-align: right;
     }
a   {  color: #307082;
    }
a:hover
    {  color: #D60808;
    }
h1  {  font-size: 150%;
       font-weight: bold;
       direction:rtl;
       font-family: Verdana, sans-serif;
       color: black;
       background-color: rgb(212, 212, 228);
       margin: 10px auto;
       border: 1px solid rgb(128, 128, 128); 
    }

/* this messes up ie 7
.content {  background-color:white; } */

div#header h2  
    {  font-size: 140%;
       direction:ltr;
       text-align:left;
       padding: 5pt;
       font-weight: bold;
       font-family: Verdana, sans-serif;
       color: black;
       background-color: rgb(212, 212, 228);
       margin: 0px auto;
       border: 1px solid rgb(128, 128, 128); 
    }
div#content h2  
    {  font-size: 140%;
       padding: 5pt;
       font-weight: bold;
       font-family: Verdana, sans-serif;
       color: black;
       background-color: rgb(212, 212, 228);
       margin: 10px auto;
       border: 1px solid rgb(128, 128, 128); 
    }
h3  {  font-size: 110%;
       padding: 5pt;
       font-weight: bold;
       font-family: Verdana, sans-serif;
       color: black;
       background-color: rgb(212, 212, 228);
       margin: 10px auto;
       border: 1px solid rgb(128, 128, 128); 
    }
h4  {  font-size: 105%;
       padding: 5pt;
       font-weight: bold;
       direction:ltr;
       font-family: Verdana, sans-serif;
       color: black;
       background-color: rgb(212, 212, 228);
       margin: 10px auto;
       border: 1px solid rgb(128, 128, 128); 
      }

div#content p 
      { margin: 0 1em 1em; 
	padding: 0; 
	line-height: 1.05em;
      }
div#content a:link 
      { color: rgb(30, 28, 119);
      }
div#content a:visited
      { color: rgb(80, 80, 100);
      }
div#content a:link:hover 
      { color: rgb(255, 255, 255);
        background-color: #0000ff;
      }
div#content a:visited:hover 
      { color: rgb(255, 255, 255);
        background-color: #0000ff;
      }
div#top
{    padding: 0;
     border-bottom: 1px solid gray;
     margin: 0;
}


div#footer
{    clear: both;
     margin: 10px auto;
     padding: .2em;
     border: 1px solid gray; 
     margin:0 0 0 0;
     text-align:right;
     line-height:0.95;
     background:#bbccdd;
}

span.aside 
      {
        float:right;
        position:relative; /* needed for ie */
        width:15em;
        background:#ccddee;
        /*background:url(water-faint.jpg);*/
        margin: 0 0 0 0;
        padding:0.30em;
        border: 1px solid;       
      }

a[href^="http:"]{
   background: url(externallink.png) no-repeat right top;
   padding-right: 10px;
   }
div#marquee
  {
    font-family: Verdana, sans-serif;
    color:#ffffcc;
    background:black;
    font-size:150%;
  }