/* general stuff */


body { font-family: verdana, arial, sans-serif; text-align: center; margin: 0; padding: 0 }

a {
text-decoration:  none;
font-weight: bold;
border: none;
 }
a:hover    { text-decoration: underline; border: none }
 
/* Layout */

#accessibility {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#source {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#pagewidth-800       { background: white url("../images/back_all.gif") repeat-y; text-align: left; margin: 10px auto 20px; width: 770px }

#pagewidth-1024 { background: url("../images/back_all1024.gif") repeat-y; text-align: left; margin-right: auto; margin-bottom: 20px; margin-left: auto; width: 970px }
#header        { width: 100%; height: 90px }
#logo { background: url("../images/logo-only.gif") no-repeat; margin-top: 8px; margin-left: 8px; width: 80px; height: 80px; float: left }
#headerright { width: 670px; height: 90px; float: right }
#top-top      { background: no-repeat; width: 100%; height: 24px }
#search      { background: white url("../images/back_search.jpg") no-repeat right top; margin: 1px 10px 0 0; padding: 2px 0 0 10px; position: relative; width: 148px; height: 24px; float: right; vertical-align: top }

#search .inputbox{
width: 100px;
height: 18px;
font-size: 10px;
background: transparent;
border: none;
margin: 0px;
padding: 0px;
line-height: 14px;
}

#search .button{
margin: 0px;
padding: 0px;
height: 14px;
font-size: 10px;
background: transparent;
border: none;
line-height: 10px;
}

#search form {
margin: 0px;
padding: 0px;
}
#topmenu       { text-align: right; margin-top: 1px; width: 450px; height: 20px; float: right     }
#top-bottom { background: repeat-y; position: relative; top: 20px; width: 100%; height: auto }
#pathway-frame  { color: #fff; background-color: #369; margin-bottom: 5px; width: 770px; height: 24px }
#date       { background: url("../images/pathright.gif") no-repeat right top; text-align: right; padding-top: 5px; padding-right: 8px; width: 190px; height: 19px; float: right }
#pathway        { color: #fff; background: url("../images/pathleft.gif") no-repeat; padding-top: 5px; padding-left: 8px; width: 560px; height: 19px }
#leftcol   { margin-right: 5px; position: relative; left: 5px; width: 155px; float: left } 

#rightcol-normal  { margin-right: 1px; position: relative; width: 155px; float: right } 
 
#rightcol-broad { margin-right: 1px; position: relative; width: 180px; float: right } 
 
#outer-800    { width: 770px } 

#outer-1024{
width: 970px;
padding-top: 6px;
} 

#footer-800     { color: white; font-size: 10px; background: url("../images/footer.gif") no-repeat left bottom; margin-top: 5px; padding-top: 5px; width: 100%; height: 20px }
#footer-1024{  
height: 40px; 
width: 100%; 
background: transparent url(../images/footer1024.jpg) bottom left no-repeat; 
font-size: 10px;
}
#copyright { font-size: 10px; background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; padding-top: 5px; width: 100%; height: 20px }
#maincol-normal-800    { margin-left: 0; padding-top: 3px; width: 444px; float: left } 
 
#maincol-broad-800    { margin-left: 0; padding-top: 3px; width: 416px; float: left } 
 
#maincol-wide-800     { margin-left: 0; padding-top: 3px; width: 594px; float: left } 
 

#maincol-normal-1024 { margin-left: 0 !important; width: 650px; float: left } 
 
#maincol-broad-1024{ 
 float: left; 
 width: 622px;
 margin-left: 0px !important;
 margin-left: -5px;
 } 
 
 #maincol-wide-1024{ 
float: left; 
width: 800px;
padding-top: 3px !important;
padding-top: 0px;
 margin-left: 0px !important;
 margin-left: -5px;
 } 
 
 #banner {
 width: 478px;
 height: 69px;
 float: right;
 padding-left: 6px;
 padding-top: 6px;
 }
 
 iframe.wrapper {
 z-index: 0;
 }
 
.clr{clear:both;}
.content   { font-size: 10px; line-height: 15px; padding: 0 }

/* Modules */

#leftcol div.module, #rightcol-normal div.module {
width: 152px;
background: transparent url(../images/module_middle.jpg) left repeat-y;
margin-bottom: 10px;
}

#leftcol div.module div, #rightcol-normal div.module div {
width: 152px;
background: transparent url(../images/module_top.jpg) top left no-repeat;
}

#leftcol div.module div div, #rightcol-normal div.module div div {
width: 152px;
background: transparent url(../images/module_bottom.jpg)  bottom left no-repeat;
}

#leftcol div.module div div div,#rightcol-normal div.module div div div{
width: 137px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}

#leftcol div.module div div div div, #rightcol-normal div.module div div div div{
padding: 0px;
margin: 0px;
}

#rightcol-broad div.module {
width: 177px;
background: transparent url(../images/module_middle_wide.jpg) left repeat-y;
margin-bottom: 10px;
}

#rightcol-broad div.module div {
width: 177px;
background: transparent url(../images/module_top_wide.jpg) top left no-repeat;
}

#rightcol-broad div.module div div {
width: 177px;
background: transparent url(../images/module_bottom_wide.jpg)  bottom left no-repeat;
}

#rightcol-broad div.module div div div{
width: 162px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}

#rightcol-broad div.module div div div div{
padding: 0px;
margin: 0px;
}




div.module h3 {
font-size: 14px;
width: 130px;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}

#user1{
float: left;
width: 49%;
}

#user2{
float: right;
width: 49%;
}

#user3  { width: 100% }

#user1 ul, #user2 ul, #user3 ul {
list-style: none;
margin: 0px;
padding: 0px;
padding-left: 0.7em;
margin-left: 0.7em;
margin-bottom: 5px;
margin-top: 2px;
}

#maincol-normal-800 div.moduletable, #maincol-wide-800 div.moduletable, #maincol-broad-800 div.moduletable, #maincol-normal-1024 div.moduletable, #maincol-wide-1024 div.moduletable, #maincol-broad-1024 div.moduletable  { font-size: 10px; background: #fff; margin-bottom: 10px; width: 100%; border: solid 1px #cccacc }

#maincol-normal-800 div.moduletable h3, #maincol-wide-800 div.moduletable h3, #maincol-broad-800 div.moduletable h3, #maincol-normal-1024 div.moduletable h3, #maincol-wide-1024 div.moduletable h3, #maincol-broad-1024 div.moduletable h3  { color: #fff; font-size: 12px; font-weight: bold; line-height: 20px; text-align: left; text-indent: 5px; margin: 0; padding: 0; width: 100%; height: 20px; border-top: #933; border-right: #933; border-bottom: 1px solid #cccacc; border-left: #933 }

/* Topmenu */

 ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
float: right;
white-space: nowrap;
}

ul#mainlevel-nav li{
width: auto !important;
width: 5%;
float: right;
margin: 0;
font-size: 10px;
height: 20px;
line-height: 20px;
white-space: nowrap;
margin-right: 1px;	
}

ul#mainlevel-nav li a{
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color: #CCCCCC;
margin-left: 5px;
white-space: nowrap;
}



/* Main Menu(s) */

a.mainlevel   { font-size: 10px; font-weight: normal; line-height: 20px; text-decoration: none; display: block; margin-bottom: 2px; padding-left: 4px; width: 135px; border-right: 4px solid #cacaca; voice-family: inherit  }



html>body a.mainlevel {width:135px;} /* Opera5-Fix-fix ;-) */


a.mainlevel:hover, a.mainlevel#active_menu {
background: #F1F1F1;
text-decoration: none;
}

a.sublevel {
padding: 0px;
margin: 0px;
font-size: 10px;
padding-left: 12px;
width: 139px;
display: block;
line-height: 20px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
border-right: 4px solid #CACACA;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}

html>body a.sublevel {width:123px;} /* Opera5-Fix-fix ;-) */

a.sublevel:hover, a.sublevel#active_menu {
text-decoration: none;
width: 139px;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}
html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
width: 123px;
}


/* Module specific */

#leftcol div.module div div div div.syndicate  { background: transparent; margin: 0; padding: 0; width: 137px }

#leftcol div.module div div div div.syndicate div {
background: transparent;
width: 137px;
margin: 0px;
padding: 0px;
}


/* Other Mambo Stuff */

#title {
}
.pathway    { color: white; font-size: 10px; font-weight: normal; text-decoration: none }

.pathway a   { color: white; font-weight: normal; text-decoration: none }
.pathway a:hover { color: white; font-weight: normal; text-decoration: underline }
.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

hr {
width:  90%; 
 }
hr.separator {
width:  40%; 
 }
a.pnav {
}
.pnav:hover {
}
.small  { color: gray; font-size: 10px; line-height: 0.7 }
.smalldark {
font-size: 10px;
color: #000;
height: 10px;
line-height: 10px;
text-align: left;
}

.sectiontableentry1 {
text-align: left;
background: #EFEFEF;
font-size: 10px;
padding: 2px;
}
.sectiontableentry2 {
background: #FFF;
font-size: 10px;
text-align: left;
padding: 2px;
}
.button {
border: 1px solid #BBBBBB;
}
.inputbox {
border: 1px solid #BBBBBB;
}

.createdate  { color: #858585; font-size: 10px; height: 10px }
.modifydate {
font-size: 10px;
color: #ABABAB;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
a.readon   { font-size: 10px; font-weight: normal; line-height: 15px; text-decoration: none; background-image: url("../images/readon.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left 50%; margin-top: 10px; padding-left: 13px }
a.readon:hover  { text-decoration: underline; background-image: url("../images/readon.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left 50% }
.blog_more {
font-size: 10px;
}
.blog {
width: 100%;
}

.contentheading  { color: #002e61; font-size: 16px; font-family: "Trebuchet MS", verdana, sans-serif; font-weight: bold; line-height: 20px; width: 98%; height: 20px }

.contentpaneopen  { font-family: verdana, arial, sans-serif; font-size: 10px; line-height: 1.8; background: transparent; text-align: left }

table.contentpane td.contentheading  { font-size: 16px; font-family: "Trebuchet MS", verdana, sans-serif; font-weight: bold; line-height: 20px; margin-bottom: 20px; padding-bottom: 20px; height: 23px; border: none }

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.contentdescription {
font-size: 10px;
}
.sectiontableheader {
font-weight: bold;
font-size: 10px;
height: 25px;
line-height: 25px;
}
.categorytitle {
font-weight: bold;
font-size: 16px;
height: 25px;
line-height: 25px;
font-family: "Trebuchet MS", Verdana, sans serif;
}
.componentheading {
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family: "Trebuchet MS", Verdana, sans serif;
border-bottom: 1px solid #002E61;
color: #002E61;
margin-bottom: 5px;
}
.latestnews  { font-weight: normal; background-image: none; list-style: none; margin: 2px 0 5px 0; padding: 0 }
a.latestnews { font-weight: normal; background-image: none; list-style: none; margin: 2px 0 5px; padding: 0 }
a.latestnews:hover { color: #369; font-weight: normal; text-decoration: underline; list-style: none; margin: 2px 0 5px 0; padding: 0 }
.latestnews_read { font-weight: normal; list-style-type: none; margin: 0 0 3px; padding: 0 }
.mostread { font-weight: normal; background-image: none; list-style: none; margin: 2px 0 5px; padding: 0 }
a.mostread { font-weight: normal; background-image: none;}

/* Joom!Fish CSS definition used by the module or component. You might overwrite it in your
 * template and remove this. Within your module configuration you can switch off the loading of the css*/

div.jflanguageselection
{
	vertical-align: middle;
	padding: 3px 2px 2px;
}
div.module_lang { text-align: center; padding: 3px 2px 2px; vertical-align: middle; }
/* language lists with UL (names & images) */
ul.jflanguageselectionold
{
	float: right;
	vertical-align: middle;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}
ul.jflanguageselection
{ position: absolute; top: 11px; float: left; list-style: none; padding: 0; margin: 0; white-space: nowrap; }
ul.jflanguageselectionold li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 1px 1px 1px 1px;
	white-space: nowrap;
	border: none;
}
ul.jflanguageselection li{
width: auto !important;
width: 5%;
float: left;
margin: 0 1px 0 0;
font-size: 10px;
height: 20px;
background: url("../images/headmenu_left.gif") no-repeat left bottom;
line-height: 20px;
white-space: nowrap;	
}
ul.jflanguageselectionold li a
{ float: left; display: block; }

ul.jflanguageselection li a{
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color:white;
background: url("../images/headmenu_right.gif") no-repeat right bottom;
margin-left: 5px;
white-space: nowrap;
}
ul.jflanguageselection img
{
	border: none;
}

/** Styles for the drop down list */

#jflanguageselection
{ vertical-align: middle; position: absolute; top: 12px; float: left; }

select.jflanguageselection
{ border: solid 1px #cccccc; margin: 1px; padding: 0 0 1px; font-size: 11px; top: 15px; float: right; }

label.jflanguageselection
{ font-size: 10px; position: absolute; left: -3000px; }