/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

*{margin:0; padding:0;}

body{
font-family: Verdana, sans-serif;
/* font-size: 75%; */
font-size: 8pt;
line-height:1.4em;
text-align:justify;
color:#303030;
background:#e8eaec;
}

a{
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
/* a img{border:none;} */

p{padding:0 0 1.6em 0;}
/* p{margin:0 0 1.6em 0;} */
/* p form{margin-top:0; margin-bottom:20px;} */

img
{
    border: solid 1px;
    margin: 0px;
    padding: 4px;
}


/**************** Header styles ****************/

#header{
clear: both;
height:2.75em;
/* width:776px; */
text-align:left;
margin:0 0px 0px 0px;
background:#578bb8;
color:#ffffff;
}

#header h1{
padding:12px 0 0 20px;
font-size:2.4em;
background-color:inherit;
color:#ffffff;
/* letter-spacing:-2px; */
font-weight: bold;
text-shadow: #444444 0.1em 0.1em .2em;
}

#header h2{
padding-top:-25px;
margin-left: 75px;
font-size:1.4em;
background-color:inherit;
color:#dddddd;
/* letter-spacing:-2px; */
font-weight: bold;
text-shadow: #444444 0.15em 0.15em .2em;
}

/**************** Footer styles ****************/

#footer{
clear:both;
padding:5px 0;
margin:0 0px;
font-size:0.9em;
color:#222222;
background:#e8eaec;
border-top: 1px solid #000000;
}

#footer p{
padding:0;
margin:0;
text-align:center;
}

#footer a{
color:#222222;
background-color:inherit;
font-weight:bold;
}

#footer a:hover{
color:#000000;
background-color:inherit;
text-decoration: underline;
}


/**************** Havbar styles ****************/

#navigation-wrapper{
border-bottom: 1px solid black;
}

#navigation{
clear: both;
/* float:right; */
height:2.0em;
line-height:2.0em;
width:100%;
margin:0 0px 0px 0px;
background:#578bb8;
color:#ffffff;
border-bottom: 1px solid #578bb8;
}

#navigation ul{
float:right;
list-style-type:none;
background-color: transparent;
white-space: nowrap;
}

#navigation li{
float:left;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px ;
margin-left: 2px;
margin-right: 2px;
white-space:nowrap;
text-shadow: #333333 0.2em 0.2em .3em;
background:#80b0da;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
background-color:inherit;
color: #ffffff;
}

#navigation .selected
{
background-color: #ffffff;
color:#000000;
text-decoration:none;
text-shadow: #888888 0.2em 0.2em 0.4em;
border: 1px solid black;
border-bottom: #ffffff 1px solid;
}

#navigation .selected a
{
color:#000000;
}

#navigation a:hover{
background:#ffffff;
color:#000000;
text-decoration:none;
text-shadow: #888888 0.2em 0.2em 0.4em;
}

/**************** Content styles ****************/

#container {
padding: 10px 20px;
height: 100%;
/* border-top: 1px solid #000000; */
}


#splitcontainer {
padding-left: 0px;      /* LC fullwidth */
padding-right: 260px;     /* RC fullwidth + CC padding */
height: 100%;
/* border-top: 1px solid #000000; */
}

#splitcontainer .column {
/* position: relative; */
float: left;
}

/*** Equal-height Columns ***/

#container,
#splitcontainer {
overflow: hidden;
background:#ffffff;
}

#container h1,
#container h2,
#container h3,
#container h4,
#container h5,
#container h6,
#splitcontainer h1,
#splitcontainer h2,
#splitcontainer h3,
#splitcontainer h4,
#splitcontainer h5,
#splitcontainer h6 {
margin:8px 0px 4px 0px;
text-shadow: #bbbbbb 0.2em 0.2em .3em;
display:block;
clear:right;
font-weight: bold;
}

#container h2,
#splitcontainer h2 {
display:block;
clear:both;
font-size:1.5em;
color:#303030;
background-color:inherit;
border-bottom: 1px solid #000000;
}

#container h3,
#splitcontainer h3 {
display:block;
clear:both;
font-size:1.25em;
color:#303030;
background-color:inherit;
}

#container h4,
#splitcontainer h4 {
display:block;
clear:both;
font-size:1.0em;
color:#303030;
background-color:inherit;
}

#container a:hover,
#splitcontainer a:hover {
text-decoration:underline;
}

#container ul,
#splitcontainer ul {
margin:0 5px 16px 35px;
}

#container dl,
#splitcontainer dl {
margin:0 5px 10px 25px;
}

#container dt,
#splitcontainer dt {
font-weight:bold;
margin-bottom:5px;
}

#container dd,
#splitcontainer dd {
margin:0 0 10px 15px;
}

#center {
padding: 10px 20px;       /* CC padding */
width: 100%;
background: #ffffff;
}

#right {
width: 200px;             /* RC width */
padding: 10px 10px;          /* RC padding */
margin-right: -100%;
background: #ffffff;
}


/*** Footer Fix ***/

* html body {
overflow: hidden;
}

* html #footer-wrapper {
float: left;
position: relative;
width: 100%;
}


/**************** Menublock styles ****************/

#menublock{font-size:0.9em;}
#menublock li{display:block; padding:2px; margin-bottom:2px;}
#menublock .selected {display:list-item; font-weight:bold;}
#menublock li a{font-weight:bold; text-decoration:none;}
#menublock li a:hover{text-decoration:none;}
#menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
#menublock li ul li{margin-bottom:0;}
#menublock li ul a{font-weight:normal;}


/**************** Figure styles ****************/

.figure
{
float: left;
/* display: inline-block; */
padding: 10px; 
/* margin: 0px auto; */
}

.figure p
{
font-size: smaller;
font-style: italic;
padding: 0px;
padding-top: 5px;
line-height: 1.1;
margin: 0px;
text-align: justify;
height: 7em;
}


.invisible{
display: none;
}

#splitcontainer .invisible,
#container .invisible{
display: none;
}