/*
CSS for Viking Unst site
*/

body {
    font-family: Arial, Verdana, Helevetica, sans-serif;
    color: #000033;
    line-height: 140%;
    margin: 0px;
    padding: 0px;
    background-color:#ffffff;    
}

/**
 * Main blocks - leftside (contains leftnav) and rightside (contains topnav and rightbodycontent and bottomnavbanner)
 */


div#leftside {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 142px;
    margin-left: 5px;
    padding: 5px; 
}

div#leftnav {
    height: 100%;
    padding: 0px;
}
div#leftcontact {
	height: 100%;
	width:132px;
	margin-top:20px;
}
	
div#rightside {
    width: 780px;
    height: 100%;
    position: absolute;
    top: 10px;
    left: 172px;
    background-image: url( ../images/strap_3.jpg );
    background-repeat: no-repeat;
}

div#topnav {
    width: 100%;
    padding-top: 8px;
    padding-left: 285px;
} 


div#rightbodycontent {
    width: 780px;
    height: 100%;
    position: absolute;
    top: 186px;
    left: 0px;
    margin-top: 10px;
    padding: 2px;
}

div#bottomnavbanner {
    width: 780px;
height: 100%;
    margin-top: 40px;
    padding: 5px;background-image: url( ../images/base_3.jpg );
    background-repeat: no-repeat;
}



/**
 * Styles required for left navigation
 */

/* 'logoholder' p contains the main logo image */


p#logoholder{
    margin-bottom: 20px;
}

p#logoholder{
    margin-left: 10px;
}

p#logoholder img{
    border: 0px;
}
div#leftside img {
    border: 0px;

}

div#leftnav {
    font-size: 80%;
}


div#leftnav ul {
    width 142px;
    border: 0px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

div#leftnav li {
    border: 1px solid #330000;
    background-color: none;
    margin-top: 3px;
    padding: 3px 6px;
}

div#leftnav li.groupheader {
    background-color: #330000;
}



div#leftnav li.groupmember {
    background-color: #663300;
}

div#leftnav li a {
    font-weight: bold;
    color: #330000;
    text-decoration: none;
}

div#leftnav a.current {
    text-decoration: underline;
}

div#leftnav li.groupheader a{
    color:#ffffff;
}

div#leftnav li.groupmember a{
    color: #ffffff;
}

div#leftnav a:hover {
    text-decoration: underline;
}
div#leftcontact {
    font-size: 80%;
    color:#330000;
    padding:15px 6px 3px 6px;

}



/* Styles required for top navigation
 */

div#topnav {
    font-size: 90%;
}



div#topnav a {
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}



div#topnav a:hover {
    color: #ffffff;
text-decoration: underline;
    
}


.bold {
    font-family: Arial, Verdana, Helevetica, sans-serif;
    line-height: 100%;
    font-weight: bold;
    width: 50%;
}

.attentiongrab {
    font-family: Arial, Verdana, Helevetica, sans-serif;
    line-height: 100%;
    font-weight: normal;
}


div#bodycontent {
    padding: 5px;
    margin-top: 180px;
    width: 600px;
    float: left;
}

div#bodycontent a {
    font-weight: bold;
    color: #333300;
    text-decoration: none;
}

div#bodycontent a:hover {
    color: #333300;
    text-decoration: underline;
}

/**
 * General page things
 */

ul {

}


h2 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #330000;
}

h3 {
    color: #330000;
}

h4 {
    color: #330000;
}
h5 {
    color: #000000;
font-size: 105%;
margin-top: 10px;
margin-left: 7px;
}

/**
 * For the 'project_pics' page - all pictures are wrapped in a <div class="captionedpic">
 * Each picture has the form <p><img...><br/>Caption</p>
 */

div.captionedpic {
    text-align: center;
}

div.captionedpic p {
    margin: 0px 0px 15px 0px;
    font-style: italic;
}

address {
    font-style: normal;
}

/* Paragraph with a little more emphasis */

p.informative {
    font-weight: bolder;
}

/* Convenience things for floating images */

img.imageright {
    float:right;
margin-left: 10px;
margin-bottom: 10px;
    padding: 0px 0px 20px 20px;
}

img.imageleft {
    float:left;
    padding: 0px 20px 20px 0px;
}

/* When displaying a pair of images, one left and one right, remove padding at the sides of them
so that they sit nicely together */

img.nosidepadding {
    padding: 0px 0px 0px 0px;

}

/* After displaying a pair of such images, use this on the next element to make sure it doesn't
sneak up between the gap between the images (if any) */

img.noborder {
   border: 0px;
}
.cleared {
    clear: both;
}