/* strcture */

* {
	margin: 0;
}
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	vertical-align: baseline;
}

body {
    background: #ECB52F url(../images/bg2.png) 100px 0px repeat-x;
    text-align: justify;
}


/* general css */
div, ul, ol {  display: block; margin: 0px; padding: 0px;  }
p, h1, h2, h3, h4 {  display: block; padding-top: 4px; padding-bottom: 4px; }
h4, h5, h6 {   padding-top: 12px; }
img { border:0px; }
ul { list-style-type: none; }
p { text-align:justify;}
a { color: #BD8221; text-decoration: none; }
a:hover { text-decoration: none; color: #ECB52F; }

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 5px;
    margin-top: 5px;
    line-height: 100%;
}
h1 {
	font-size: 250%;
	font-weight: normal;
	color: #460000;
}
h2 {
	font-size: 200%;
	color: #460000;
}
h3 {
	font-size: 150%;
    color: #460000;
}
h4 {
	font-size: 130%;
	color: #460000;
}
h5 {
	font-size: 120%;
	color: #460000;
}
h6 {
	font-size: 110%;
    font-weight: normal;
	color: #BD8221;
}

.contentheading, .componentheading, .blog_more strong, h1, h2, h3 {
	color: #ECB52F;
	font-size: 200%;
    padding-bottom: 10px;
}

.contentpaneopen, .blog {
  width: 100%;
}

.blog .contentpagetitle {
	font-size: 16px;
	font-weight: bold;
    display: block;
    margin: 5px 0px 0px 0px;
	padding: 3px 0px 0px 35px;
	background: url(../images/list_arrow.png) 0 0 no-repeat;
}


.wrapper{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -155px;
}

.push {
	height:80px;
    -height:130px;
}

.footer{
  background: url(../images/foot2.png) 100% 100% no-repeat !important;
  background: url(../images/foot2_ie.png) 100% 100% no-repeat ;
  height: 155px;
  position: relative;
}


.outer  {
  width: auto;
  clear: both;
  margin: 0 40px 0 40px;
}

.left  {
  float:left;
  width:348px;
  padding: 0px;
}

.main  {
  width: auto;
  margin-left: 380px;
}

.clearingfix:after {
	content: ".";
	display: block;
	line-height: 0px;
	clear: both;
	visibility: hidden;
}
.clearingfix { display: block; }

.floatbox {
   overflow: hidden;
}

* html .floatbox {

//width:100%;
}

.ie_fix_floats {
	//width: 100%;
	//padding: 0 1px 0 1px;
	//margin: 0 -1px 0 -1px;
	//overflow: hidden;
}

.clear {
  clear: both;
}


#users {
  background:  url(../images/userbg.png) bottom left repeat-x;
  color: #460000;
  margin-bottom:7px;
  padding-bottom:15px;
  float:left;
  width: 100%;
}

#users div {
  float: left;
  width: 49%;
  margin: 0px;
  background: none;
}

#users h3 {
  color: #460000;
  font-size:110%;
  text-align: left;
}

/* menu */
#users ul.menu {
  list-style: none;
  display: block;
}

#users ul.menu li {
  display: block;
  ;
}

#users li a {
  display: block;
  text-decoration: none;
  padding: 2px 0px 2px 20px;
  background: #FFFFFF url(../images/menu2_orange.png) 0 50% no-repeat;
  color: #460000;
}

#users a:hover {
  background: #FCDB85 url(../images/menu2_yellow.png) 0 50% no-repeat;
}

#users li#current a{
  background: #FCDB85 url(../images/menu2_yellow.png) 0 50% no-repeat;
}


/* left */

.city {
  background: url(../images/menu_top.jpg) no-repeat;
  height: 150px;
  margin: 40px 0px 0px 2px;
}

div.menu {
  background: url(../images/menu_c.png) repeat-y !important;
  background: url(../images/menu_c.png) repeat-y;
  //height: 520px;
}

.menu_b {
  background: url(../images/menu_b.png) repeat-y !important;
  background: url(../images/menu_b.png) repeat-y;
  height: 20px;
}

.pub {
  padding: 30px 10px 10px 10px;
}

/* main */

.header {
  height: 30px;
  color: #ED9B03;
  font-family: Arial, Verdana,  sans-serif;
  text-align: right;
  padding-top: 30px;
}
.header .moduletable  {
  font-size: 20px;
  font-weight: lighter;
}

.path {
  padding-bottom:10px;
  font-size: 85%;
  color:#4B0602 ;
}
#jflanguageselection { 
margin: 0px !important;
}

#jflanguageselection ul.jflanguageselection {
list-style-position: inside !important;
}

#jflanguageselection ul.jflanguageselection li {
display: block;
width: 85px;
}

/* content */

.content_top {
  background: url(../images/content_t.png) repeat-x !important;
  background: url(../images/content_t_ie.png) repeat-x;
  font-size:0px;
  margin: 0px 6px 0px 10px !important;
  margin: 0px 3px 0px 4px;
  height: 13px !important;
  height: 10px;
}
.content_top_l {
  background: url(../images/content_tl.png) no-repeat !important;
  background: url(../images/content_tl_ie.png) no-repeat;
}
.content_top_r {
  background: url(../images/content_tr.png) top right no-repeat !important;
  background: url(../images/content_tr_ie.png) top right no-repeat;
}

.content_main {
  background: url(../images/content_l.png) repeat-y !important;
  background: url(../images/content_l_ie.png) repeat-y;
}
.content_inner {
  background: url(../images/content_r.png) right repeat-y !important;
  background: url(../images/content_r_ie.png) right repeat-y;
}

.content_info {
  background: #FFFFFF;
  margin: 0px 6px 0px 10px !important;
  margin: 0px 3px 0px 4px ;
  min-height: 590px;
  -height: 590px;
  padding: 7px 15px 15px 15px;
}

.content_bot {
  background: url(../images/content_b.png) repeat-x !important;
  background: url(../images/content_b_ie.png) repeat-x;
  height: 4px !important;
  height: 1px;
  margin: 0px 4px 0px 4px !important;
  margin: 0;
  font-size:0px;
}

/* menu */
div.menu ul.menu {
  list-style: none;
  display: block;
  padding: 20px;
}

div.menu ul.menu li {
  display: block;
  width: 150px;
  float:left;
  padding: 5px 0px 10px 0px ;
  //padding: 0px ;
  margin:0;
}

div.menu li a {
  display: block;
  height: 110px;
  text-decoration: none;
  text-align:center;
  font-weight: bold;
  padding:0;
  margin:0;
  z-index: 1000;
  background: url(../images/menu_orange.png) top no-repeat !important;
  background: url(../images/menu_orange_ie.png) top no-repeat;
}

div.menu a:hover {
  background: url(../images/menu_yellow.png) top no-repeat !important;
  background: url(../images/menu_yellow_ie.png) top no-repeat;
}

div.menu ul.menu li#current a{
  background: url(../images/menu_yellow.png) top no-repeat !important;
  background: url(../images/menu_yellow_ie.png) top no-repeat;
}

div.menu img {
  padding: 20px 30px 0px 50px;
  //padding-left: 30px;
  -margin-top: 20px;
  display: block;
  border: none;
  height: 50px;
  width: 50px;
}

div.menu ul.menu li span {
  display: block;
  padding-top: 20px;
  text-align:center;
  color: black;
  font-weight: bold;
  font-size: 90%;
}

/* footer */

.creator {
  position: absolute;
  bottom: 0;
  right: 20px;
  width: 100px;
  padding: 10px 0px 10px 10px;
}

.footer_info{
  position: absolute;
  bottom: 0;
  left: 50px;
  width: 350px;
  padding: 10px 10px 10px 10px;
  font-size: 90%;
}

ul.arrow,  ul.checkbox,  ul.disc {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

ul.checkbox li {
	margin: 10px 0px 10px 0px;
	padding: 8px 0px 5px 30px;
	background: url(../images/list_checkbox.png) 0 0 no-repeat;
        line-height: 100%
}


ul.arrow li {
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 10px 35px;
	background: url(../images/list_arrow.png) 0 0 no-repeat;
}

ul.disc li {
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 10px 30px;
	background: url(../images/list_round.png) 0 0 no-repeat;
}

ol {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 15px;
}

ol.disc {
	padding: 0px 0px 0px 27px;
	background: url(../images/list_disc.png) 0 0 repeat-y;
}

ol.disc li {
	padding: 0px 0px 6px 12px;
	line-height: 28px;
}