/* Globale Reset
______________________________________________*/

* {margin:0; padding:0; border:0;}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {margin:0.5em 0;}

h1 { }
    #socialN h1 {padding: 0; margin: 0; display:inline; font-family:arial; font-weight:bold; width:90px;}
	
h2 { }
    #content h2 {padding: 0; margin: 0;}
	
h3 { }
    #content h3 {padding: 0; margin: 0;}
	
h4 { }
    #content h4 {padding:0;  margin: 0;}

li,dd {margin-left:1em;}

fieldset {padding:0.5em;}

img{border:0}

body {
font-size:76%;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height:1.3;
background:#fafafa; /*  url('http://www.barioja.co.uk/barioja/images/barioja/bariojaBG.jpg') repeat-y top center */

}

.contentpaneopen{width:100%;}
.contentpaneopen-menu{width:615px;}
.contenttoc {float:right; padding:10px; margin:5px; border: 2px solid #902537; }
.blog, .contentpane-menu, .componentheading, .componentheading-menu{width:485px;}

/* Main
______________________________________________*/
#wrap {width:100%; padding:0; text-align:left; margin:0 auto; position:relative;}

#header {width:900px; height:300px; margin:0 auto; position:relative;}
#logo {float:right; margin-right:20px;}
#header  p{position:absolute; right:30px; bottom:35px; font-size:0.9em; text-align:right;}
#slides {position:absolute; left:0; top:0; z-index:1; width:670px; height:300px;}

#weather {z-index:2; position:absolute; right:0px; top:0px; height:70px;}

#content {width:900px; min-height:450px; margin:0 auto; padding:0; }


#lhs {width:670px; float:left; position:relative; background:#B69292 url('http://www.barioja.co.uk/barioja/images/barioja/barioja_wallpaper.jpg') no-repeat top right; border-top:2px solid #902537;}
#rhs {width:220px; float:right; position:relative;  padding-left:10px; background:#fafafa;}
#FB {margin:0 0 0 0; float:right; position:absolute; right:0; bottom:0;}

#main{width:640px; color:#000; min-height:420px; height:80%; margin:10px 0 0 10px; clear:both; position:relative; z-index:2;}
#main img{padding:5px;}
#main ul{height:1em; border:0px; padding:5px 25px 0 15px; margin:5px 0 0 0; width:100%; display:block;}
#main li{margin:0 5px 0 0; padding:0 5px 0 0; list-style-type:none; display:block;}

#maps {float:right; position:absolute; top:35px; right:15px;}

#sideNews {float:right; width:210px; height:355px; padding:0;}

#news {width:260px; float:left}

#nav {width:670px; height:40px; margin-top:5px; float:left; text-transform:lowercase; clear:both;}
#nav ul{height:1em; border: 0px; padding:5px 3px 0 15px; float:left; margin:5px 0 0 0; }
#nav li{margin: 0 5px 0 0; padding:0 5px 0 0; list-style-type: none; display:inline; float:left;}

#quoted {width:220px; color:#000; clear:both; text-align:center; font-weight:bold; padding-top:10px;}
#quoted p {font-weight:normal; font-size:0.9em; text-align:center;}
#quoted p.sml, .small {font-size: 0.9em; color: #eeeeee; font-weight:normal;}

#footer {clear:both; width:900px; height:140px; margin:0 auto; position:relative; background:#fafafa;}
#foot {position:absolute; top:40px; left:10px; width:350px; padding:10px 10px 0 0; float:left; text-align:left; clear:both;}
#foot p{font-family: arial; font-size: 0.9em; color: #999;}
#login, div.moduletablelogin {width:100%; position:absolute; top:5px; left:5px;  float:left;}

.footText {font-family: arial; font-size: 0.9em; color: #999; text-align:right; text-transform:lowercase;}
.LHSnews {font-family: arial; font-size: 1.1em; color: #555; text-align:left; text-transform:lowercase;}

.inside {padding:10px; font-family: arial; font-size: 0.9em; color: #999; text-align:right;}

#vmarquee h3 {background:#902537; color:#ffffff; width:226px;}

/* Links
______________________________________________*/

a {color: #111;}
a:link, a:visited, a:active {text-decoration: none;}
a:hover {color: #902537;}

#main a {color: #eee;}
#main a:link, #main a:visited, #main a:active {text-decoration: none; border-bottom:1px dashed #902537;}
#main a:hover {color: #902537;}

#footer a {color:#555;}

.contentpane-menu a {color:#fff; font-size:1.1em;}
.contentpane-menu a:hover {color: #902537;} 

/* Typography
______________________________________________*/

h1,.componentheading {font-size:1.7em; font-family:arial; font-weight:normal;}

h2,.contentheading {font-size:1.3em; font-family:arial;}

h3 {font-size:1.3em;}

h4 {font-size:1.2em;}

h5 {font-size:1.1em;}

h6 {font-size:1em;font-weight:700;}

.componentheading {color:#8a2003;}
.highlight {color:#8a2003;}

input, textarea{border:1px solid #999; margin:5px 0;}

/* Modules
______________________________________________*/

.createdate,.modifydate,.mosimage_caption {
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}

.moduletable {
margin-bottom:1em;
padding:0;
}

.moduletable h3 {
background:#666;
color:#fff;
text-align:center;
font-size:1.1em;
margin:0 -10px 0.5em;
padding:0.25em 0;
}

.moduletablelogin {float:right; padding:0 0 10px 0; margin-right:-5px;}

.moduletablemenu ul {
list-style:none;
margin:0;
padding:0;
}

.moduletablemenu li {
border-bottom:1px solid #ccc;
margin:0;
}

.moduletablemenu li a {
display:block;
border-left:10px solid #333;
border-right:10px solid #9D9D9D;
background-color:#666;
color:#fff;
text-decoration:none;
padding:3px 5px 3px 0.5em;
}

html>body .moduletablemenu li a {
width:auto;
}

.moduletablemenu li a:hover,a#active_menu:link,a#active_menu:visited {
border-left:10px solid #1c64d1;
border-right:10px solid #5ba3e0;
background-color:#2586d7;
color:#fff;
}


#main table.contentpanemenuList tbody tr td ul {overflow:visible;}
/*
________________________________________*/
/*
ul {
  height: 1em;
  margin: 0px;
  border: 0px;
  padding: 0px;
  float: left;
  margin: 2px 0 0 0;
  }

li {
  margin: 0 5px 0 0;
  border-right: 1px solid #BECCD7; 
  padding: 0 5px 0 0;
  list-style-type: none;
  display: block;
  }

*/