/* for all browsers that understand min-width */
.width {width:100%; min-width:px;}

/* the bodge for IE6 browsers, correct doctype removes need in IE7 */
* html .minwidth {border-left:750px solid #fff; position:relative; float:left; z-index:1;}
* html .container {margin-left:-750px; position:relative; float:left; z-index:2;}

body {margin:0 auto; padding:0; position: relative; top:0;}
div {font-family: arial, helvetica, geneva, swiss, sunsans-regular, sans-serif;}

img.logo
{
position:absolute;
top:0px
left:0px
}

img.frontpagepic
{
position:relative;
float:left;
top:10px;
bottom:10px;
left:0%;
height:50%; /* 223px; */
width:50%; /* 297px; */
border:0px
}

img.smallerpics
{
position:relative;
float:left;
top:0%;
left:0%;
height:30%; /* 223px; */
width:30%; /* 297px; */
border:0px
}


/* img.language_button
{
position:absolute;
right:15px;
top:120px
position:relative;
top:20px
} */

a.language_switch
{
position:relative;
text-align: right;
/* right:15px; */
font-weight: bold;
color:black;
text-decoration: none;
}
a.language_switch:link {color: #00000}     /* unvisited link */
a.language_switch:visited {color: #000000}  /* visited link */
a.language_switch:hover {color: red}   /* mouse over link */
a.language_switch:active {color: purple}   /* selected link */



div.container
{
min-width: 750px;
/* margins: auto; */
border:1px solid white;
/* border:1px transparent; */
line-height:150%;
}
div.blogheader,div.blogfooter
{
margin:0px;
padding:0.5em;
line-height: 180%;
color:azure;

background-image:
url('../lluniau/inundation.jpg');
background-repeat: repeat

background-color: darkslategray;
border:0px;
/* background-color: darkslategray; */
/* border:1px solid white; */
clear:left;
}
h1b.blogheader
{
font-weight: bold;
font-size: xx-large;
text-align: center;
margin-left: auto; margin-right: auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
/* height:60px;
line-height: 200%; */
}
div.left
{
float:left;
width:160px;
margin: 0px;
padding:1em;
}
div.content
{
margin-left:190px;
margin-right:190px;
margin-top:0px;
margin:bottom:0px;
border-left:1px solid white;
border-right:1px solid white;
padding:1em;
min-width: 190px
}
div.right
{
float:right;
width:160px;
margin: 0px;
padding:1em;
}

div.disclaimer
{
color:black;
font: bold 80% Arial;
text-align:left;
background-color:transparent;
position: absolute;
  left: 100px;
  margin-left: 35px;
margin-top: 35px;
}
a.disclaimer
{
color:black;
text-decoration: none;
}
a.disclaimer:link {color: #00000}     /* unvisited link */
a.disclaimer:visited {color: #000000}  /* visited link */
a.disclaimer:hover {color: red}   /* mouse over link */
a.disclaimer:active {color: purple}   /* selected link */

div.pagelinks
{
color:black;
font: bold 80% Arial;
text-align:left;
background-color:transparent;
position: absolute;
  left: 0%;
  margin-left: 35px;
margin-top: 35px;
}
a.pagelinks
{
color:black;
text-decoration: underline;
}
a.pagelinks:link {color: blue}     /* unvisited link */
a.pagelinks:visited {color: blue}  /* visited link */
a.pagelinks:hover {color: red}   /* mouse over link */
a.pagelinks:active {color: purple}   /* selected link */

div.copyright
{
color:black;
font: 80% Arial;
text-align:left;
background-color:transparent;
position: relative;
  left: 0%;
  margin-left: 5px;
margin-top: 5px;
}

div.XHTMLValid
{
float: left;
position:relative;
top:10px;
left:20px
}
/* {
color:black;
font: 80% Arial;
text-align:left;
background-color:transparent;
position: absolute;
  left: 0%;
  margin-left: 5px;
margin-top: 5px;
} */

div.counter
{
text-align:center;
position: absolute;
  width: 144px; /* each digit is 24px wide */
  height: 28px;
  left: 50%;
  margin-left: -72px; /* half the above */
margin-top: 10px;
}
img.counter
{
display:inline;
width: 24px; /* each digit is 24px wide */
height: 28px;
}

div.aberlogo
{
position: absolute;
  width: 264px;
  height: 64px;
  left: 100%;
  margin-left: -264px;
margin-top: 0px;
}
img.aberlogo
{
height:64px;
border:0px;
position: absolute;
bottom:0px;
right:0px;
}

.contents {border-right:1px transparent #aaa; border-left:1px transparent #aaa;}

.indentmenu{
font: bold 80% Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0px;
padding: 0px;
float: left;
width: 100%; /*width of menu*/
min-width:100%;
border: 1px solid #2a0404; /*very dark red border*/
/* border: 1px solid #564c66; */ /*dark purple border*/
border-width: 1px 0;
background: black url(../lluniau/indentbg_firebrick.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #2a0404; /*very dark red divider between menu items*/
/* border-right: 1px solid #564c66; */ /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(../lluniau/indentbg2_firebrick.gif) center center repeat-x;
}

.bottombar ul{
margin: auto;
padding: 0px;
float: left;
width: 100%; /*width of menu*/
min-width:100%;
min-height:22px;
border: 1px solid #2a0404; /*very dark red border*/
/* border: 1px solid #564c66; */ /*dark purple border*/
border-width: 1px 0;
background: black url(../lluniau/indentbg_firebrick.gif) center center repeat-x;
}

.bottombar ul li{
display: inline;
}

.bottombar ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #2a0404; /*very dark red divider between menu items*/
/* border-right: 1px solid #564c66; */ /*dark purple divider between menu items*/
}