/* vaarboda.se Stylesheet */ 

/*
ul, ol, p, a { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}
*/

/*
li {
margin: 0 20px 0 20px;
}
*/


.normal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
}

.small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
}

.large {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}

.caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
}

.citation {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
margin-left: 20px;
}

.important {
width:500px;
background:#D7A89F;
border:2px solid #D2796A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
padding:10px;
margin: 0px 0px 10px 40px;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
/*
margin-left: 5px;
margin-right: 5px;
*/
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 200%;
margin-left: 5px;
margin-right: 5px;
 /* Dark dark blue */
color: #223d57;
background:#fff;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 130%;
margin-left: 5px;
margin-right: 5px;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 120%;
margin-left: 5px;
margin-right: 5px;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 110%;
margin-left: 5px;
margin-right: 5px;
}
 

body {
 /* Distance top to content */
 margin:10px;
 /* Background color outside the web - Dark blue*/
 background:#456c91;
 color: #000000;
 text-align:center;
 padding:0;
 }

#outer {
 text-align:left;
 /* Frame outside the web */
 /* Dark dark blue border */
 border:2px solid #223d57;
 /* Width 980 + 4 for borders */
 width:980px;
 margin:auto;
 }

#hdr {
 /* Area at the top */
 height:175px;
/* Blue background */
 background:#a8c7e4;
 color: #000000;
 }

#bodyblock {
 position:relative;
 /* Blue background */
 background: #a8c7e4;
 color: #000000;
 /* Width 980 + 4 for borders */
 width:980px;
 padding:0;
 }

#menucol {
 /* Area for the menu */
 float:left;
 /* Blue background */
 background:#a8c7e4;
 color: #000000;
/* Width is 180 - 2 for the border in the contentcol*/
 width:178px;
 }

#contentcol {
 /* Area for the content */
 width:770px;
 /* White background for the content */
 background:#ffffff;
 color: #000000;
 /* Dark dark blue border, but not to the right*/
 border:solid #223d57;	
 border-width:2px 0px 2px 2px;
 text-align:left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 padding:15px;
 }
 
/*
#contentcol li {
margin: 0 20px 0 20px;
}
*/


#ftr {
 /* Area for the footer */
 height:20px;
 /* Blue background */
 background:#a8c7e4;
 /* Dark dark blue text*/
 color: #223d57;
 margin:0;
 padding:4px 0 0 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 70%;
 }
 
 
#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
 /* Blue background */
background:#a8c7e4;
width:160px;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid #a8c7e4;
text-align: left;
}

#navlist li a
{
display: block;
width: 125px;
padding: 4px 8px 4px 8px;
/* Dark blue box to the left in the menu */
border: 0px;
border-left: 20px solid #456c91;
/* Light blue background behind the text in the menu */
background: #dae5ec;
text-decoration: none;
text-align: left;
}

/* Dark dark blue text in the menu */
#navlist li a:link { color: #223d57; }
/* Dark dark blue text in the menu */
#navlist li a:visited { color: #223d57; }

#navlist li a:hover
{
border-color: #223d57;
color: #FFF;
background: #223d57;
}

#navlist li a#current
{
/* Dark red box to the left in the menu for the active item*/
border-color: #d16f84;
/* Dark dark blue text in the menu */
color: #223d57;
/* Light blue background behind the text in the menu */
background: #dae5ec;
}

#navlist li a#submenu
{
/*border-left: 30px solid #a8c7e4;
width: 115px; */
/* Blue box (=bg) to the left in the menu for the submenu item*/
border-color: #a8c7e4;
/* Dark dark blue text in the menu */
color: #223d57;
/* Light blue background behind the text in the menu */
background: #dae5ec;
/* Thinner area */
padding: 2px 8px 2px 8px;
font-size: 80%;
}

#navlist li a#submenu:hover
{
border-color: #a8c7e4;
color: #FFF;
background: #223d57;
}