/* Global Styles */

body {
    margin:0px;
    letter-spacing:.1em;
    background-color: rgb(200,200,255);  
    }
    
td {
    font:12px Arial, Helvetica, sans-serif;
    color:#333333;
    }
    
a {
    color: #993300;
    }
    
a:hover {
    color: #5C743D;
    }
    
img {
    border: none;
}
    
h1 {
    font: bold 22px Arial, Helvetica, sans-serif;
    line-height:60px;
    letter-spacing:.1em;
    text-decoration: none;
    display:block;
    padding:5px;
    padding-left: 200px;
    margin: 0px;
}

h2 {
    font: bold 18px Arial, Helvetica, sans-serif;
    line-height:60px;
    letter-spacing:.1em;
    text-decoration: none;
    display:block;
    padding:5px;
    padding-left: 200px;
    margin: 0px;
}

h3 {
    font: bold 14px Arial, Helvetica, sans-serif;
    letter-spacing:.1em;
    text-decoration: none;
    padding:5px;
    margin: 0px;
}
/* ID Styles */

#header {
    width: 735px;
    text-align: left;
    background-color:rgb(100,100,255);
    background-image: url("../img/fiol.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    color:rgb(200,200,255);  
    font: bold italic 38px Georgia, Arial, Helvetica, sans-serif;
    line-height:135px;
    letter-spacing:.1em;
    text-decoration: none;
    display:block;
    padding: 0;
    padding-left: 265px;
    margin:0;
}

#hjemcol1 {
    float: left;
    display: block;
    width: 550px;
    padding: 10px 10px 10px 10px;
}

#hjemcol2{
    float: right;
    display:block;
    width: 190px;
    padding: 10px 10px 10px 10px;
}

#hjemcol2 ul{
    padding-left:10px;
    margin:10px;
}

#hjemcol2 ul li{
    padding-left:0;
    margin-left:0;
}

#subnav {
    position: absolute;
    left: 750px;
    top: 200px;
    width: 180px;
    padding: 10px 10px 10px 10px;
    border: solid red 0px;
}


#subnav a {
    font: bold 10px Arial, Helvetica, sans-serif;
    color: #993300;
    line-height:16px;
    letter-spacing:.1em;
    text-decoration: none;
}

#subnav a:hover {
    font: bold 10px Arial, Helvetica, sans-serif;
    color: rgb(18,18,18);
    line-height:16px;
    letter-spacing:.1em;
    text-decoration: none;
}

#subnav ul{
    padding-left: 14px;
    margin:0;
}

#bar {
    width: 1000px;
    background:#99CC66;  
    background:#66CCFF;  
    font: bold 12px Arial, Helvetica, sans-serif;
    display:block;
    border-top: solid #993300 1px;
    border-bottom: solid #993300 1px;
    border-top: solid #003399 1px;
    border-bottom: solid #003399 1px;
    padding:1px 0px 1px 0px;
    margin: 0;
}

div#footer {
    font: 10px Arial, Helvetica, sans-serif;
    border-top: solid black 1px;
    text-align: center;
}

#navigation td {
    border-bottom: 1px solid rgb(100,100,255);  
    text-align: left;
    }
    
#navigation a {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #D5EDB3;
    color: rgb(200,200,255);
    line-height:16px;
    letter-spacing:.1em;
    text-decoration: none;
    display:block;
    padding:8px 6px 10px 20px;
    }
    
#navigation a:hover {
    background: #99CC66;
    background: #66CCFF;
    color:#993300;
    }
    
#logo   {
    font:24px Arial, Helvetica, sans-serif;
    color: #5C743D;
    letter-spacing:.2em;
    line-height:30px;
    }

#tagline    {   
    font:11px Arial, Helvetica, sans-serif;
    color: #993300;
    letter-spacing:.4em;
    line-height:18px;
    }

#monthformat {
    border-bottom: 1px dashed #5C743D;
    }
        
#dateformat {
    font:11px Arial, Helvetica, sans-serif;
    color: #993300;
    letter-spacing:.2em;
    }
    
#dateformat a {
    font:11px Arial, Helvetica, sans-serif;
    color: #993300;
    font-weight:bold;
    letter-spacing:.1em;
    text-decoration:none;
    }
    
#dateformat a:hover {
    color: #F4FFE4;
    letter-spacing:.1em;
    }
    
/* Class Styles */
    
.bodyText {
    font:12px/20px Georgia, "Times New Roman", Times, serif;
    color:#333333;
    margin-top:0px;
    text-align: justify;
    }
    
.bodyTextStrong {
    font:bold 14px/22px Georgia, "Times New Roman", Times, serif;
    color:#666666;
    margin-top:0px;
    text-align: justify;
    }
    
.pageName{
    font: bold 18px/26px Arial, Helvetica, sans-serif;
    color: #5C743D;
    letter-spacing:.21em;
    }
    
.subHeader {
    font:bold 11px Arial, Helvetica, sans-serif;
    color: #993300;
    line-height:22px;
    letter-spacing:.2em;
    }

.quote {
    font: 20px Arial, Helvetica, sans-serif;
    color: #759DA1;
    line-height:30px;
    }
    
.smallText {
    font: 10px Arial, Helvetica, sans-serif;
    color: #666666;
    line-height: 22px;
    }
    
.navText {
    font: 11px Arial, Helvetica, sans-serif;
    color: #003366;
    line-height:16px;
    letter-spacing:.1em;
    text-decoration: none;
    }
    
.imgbody{
    margin: 0px;
    padding: 0px;
    padding-left:100px;
    padding-right:310px;
    text-align: left;
    background-image: url("../img/islandren_tynd.jpg"); 
    background-position: top left; 
    background-repeat: no-repeat;
    background-color: rgb(200,200,255);
    background-color: rgb(254,254,254);
        border: solid red 0px;
}

.imgbody h1 {
    text-align: left;
    padding-left: 0px;
}
.imgbody h2 {
    text-align: left;
    padding-left: 0px;
}
