/*CSS for Shetland Biological Records Centre website*/

body {
    font-family: Arial, Verdana, Helvetica, DIN-regular,  sans-serif;
    color: #000033;
    word-spacing: 2px;
    line-height: 100%;
    margin: 0px;
    padding: 10px;
    background-color: #C0C0C0;
height:100%;

}




div#wrapper{
margin-left:auto;
margin-right:auto;
width: 800px;
padding: 0px 0px 0px 0px;
min-height: 100%;
background-color: #669966;
border: 2px solid black;
background-image: url(../images/shet_heritage.png);
background-repeat: no-repeat;
background-position: top left;


}


div#container {
float: right;
margin-bottom: 0px;
width: 800px;
min-height:100%;

background-image: url(../images/shet_bumble.png);
background-repeat: no-repeat;
background-position: bottom left;


}


div#header {
height:142px;
width: 670px;
float: right;
background-image: url(../images/title.png);
background-repeat: no-repeat;


}


div#leftside {
float:left;
margin-top: 0px;
padding:10px 5px 0px 5px;
width: 120px;
margin-left: 0px;
word-spacing: 1px;
background-image: url(../images/background_vert.jpg);
background-repeat: repeat;
margin-bottom: 0px;
}


div#leftnav {
text-align: left;
padding: 0px;
margin-top: 20px;
margin-bottom:10px;  
background-color:#white;
}


div#topnav {
color: white;
font-size: 80%;
text-align: right;
margin-top: 0px;
margin-right:10px;
width: 300px;
float: right;
} 


div#rightside { 
float: right;
min-height: 600px;
margin-bottom: 0px;
text-align: left;
word-spacing: 2px;
line-height: 130%;
width:670px;
background-color: white;
}



div#rightimage {
float: right;
padding: 10px 0px 20px 20px;
border: 5px solid #A62A2A;
}


div#rightaddress {
float: right;
padding: 0px 0px 20px 0px;
text-align: right;

}



div#leftimage {
float: left;
padding: 10px 30px 20px 0px;
border: 1px solid #000000;
}


div#imagebox {
float:right;
width: 400px;
}



div#maintext {
text-align: left;
float: left;
width: 620px;
padding-right: 25px;
padding-left: 25px;
font-size: small;
word-spacing: 100%;
background-color: white;
}


div#footer {
clear:both;
margin-top: 0px;
width: 800px;
height: 37px;
background-image: url(../images/base_1.png);
background-repeat: no-repeat;
}


.righttable {
padding-left: 20px; 
padding-right: 0px; 
padding-top: 0px; 
padding-bottom: 10px;
}



/**
 * Styles required for left navigation
 */



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 #003366;
    background-color: #E2F2FF;
    margin-top: 3px;
    padding: 3px 6px;
}


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


div#leftnav li.groupmember {
    text-align: right;
    background-color: #E8FBC8;
}


div#leftnav li a {
    font-weight: bold;
    font-size: 85%;
    color: #1a6680;
    text-decoration: none;
}


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


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


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


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





/* Styles required for top navigation
 */





div#topnav a {
    font-weight: bold;
    font-size: 90%;
    color: white;
    text-decoration: none;
}


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


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





/**

div#maintext a {
    font-weight: bold;
    color: #blue;
    text-decoration: none;
}


div#maintext a:hover {
    color: #blue;
    text-decoration: underline;
}



*/


/**
 * General page things
 */




h1 {
    font-family: Verdana, Arial, Times New Roman, Verdana, Helvetica, sans-serif;
    color: #003366;
text-align: center;
line-height: 120%;
font-size: 185%;
text-decoration: none;
}


h2 {
    font-family: , Arial, Times New Roman, Swift, Verdana, Helvetica, sans-serif;
    color: #003366;
font-size: 120%;
}


h3 {
    font-family: Arial, Times New Roman, Swift, DIN-Regular, Verdana, Helvetica, sans-serif;
    color: black;
text-align: left;
font-size: 100%;
text-decoration: none;
font-weight:normal;
}


h4 {
    color: #003366;
font-size: 80%;
font-weight: bold;
}


h5 {
    color: #003366;
font-size: 100%;
font-weight: normal;
    font-family: Arial, Swift, DIN-Regular, Helvetica, sans-serif;
}






/* Convenience things for floating images */

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

}

img.imageleft {
    float:left;
margin-top: 10px;
margin-right: 30px;
margin-bottom: 10px;
margin-left: 0px;


}

img.imagebottom {
    float:left;
margin-top: 10px;
margin-right: 30px;
margin-bottom: 20px;
margin-left: 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.leftmargin {
margin-left:20px;
    padding: 0px 0px 0px 0px;

}