* {
margin : 0;
padding : 0;
}

header, footer, aside, nav, article {  
    display: block;  
}  

body {
background-image : url('http://www.stenseth.org/gif/skier.gif');
}

table  {
border-collapse : collapse;
width : 100%;
}

img  {
border: 0;
padding-bottom: 1px;
}

p {
padding-bottom: 12px;
}

ul {
line-height : 105%;
}

#head1 {
background-color : #000099;
top : 0;
left : 0;
width : 100%;
height : 44px;
position : fixed;
font-family : Arial, sans-serif;
color : white;
font-weight : bold;
border-top-left-radius: 8px 8px;
}

#head1 a:link    {text-decoration:none;color:white;}
a:visited        {text-decoration:none;color:gray}
#head1 a:hover   {text-decoration:underline;color:red;}
a:active         {text-decoration:none;color:red;}

#head2 {
background-color : #CCCCFF;
top : 22px;
left : 1%;
width : 99%;
height : 22px;
position : fixed;
font-family : Arial, sans-serif;
color : white;
font-weight : bold;
border-top-left-radius: 8px 8px;
}

#head2 a:link    {text-decoration:none;color:blue;}
#head2 a:visited {text-decoration:none;color:white;}
#head2 a:hover   {text-decoration:underline;color:red;}

#col1 {
background-color : #000099;
top : 44px;
left : 0%;
width : 2%;
height : 100%;
position : fixed;
}

#col2 {
background-color : #CCCCFF;
top : 44px;
left : 1%;
width : 1%;
height : 100%;
position : fixed;
}

#main {
top : 44px;
left : 2%;
width : 98%;
position : absolute;
background:#FFF;
color:#000;
font-family : 'Comic Sans MS', Arial, Verdana, sans-serif;
}

#main a:link    {text-decoration:none;color:blue;}
#main a:hover   {text-decoration:underline;color:red;}

#head3 {
font-family : Arial, sans-serif;
font-weight : bold;
height : 22px;
}

#col3 {
top : 22px;
left : 11%;
width : 80%;
position : absolute;
}

.center {
text-align : center;
}

.right {
text-align : right;
}

.align-right { 
float:right;
}

h1, h2, h3 {
text-align : center;
}

#foot {
font-family : Arial, sans-serif; 
font-size : small;
text-align : center;
padding-top : 12px;
}