/**
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */

/* Misc Styles and defaults
-------------------------------------------- */

html {
/*   background: #002255; */
}
body {
/*	color: #333;
 	font-size: 62.5%;
 	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif;*/
  color:#333;
/*   background: #0043a9 url(../images/bg.body.png) 0 0 repeat-x; */
  font-family: Verdana, Lucida, sans-serif;
}


/*table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}*/

.clear{
	clear:both;
}

/* LAYOUT */

/* HEADER WRAPPER */
#header-wrapper {
  margin: 0 auto;
  background: #eaedf1  url(../images/bg.header-wrapper.png) left top repeat-x;
}
#header {
  background: #eaedf1 url(../images/bg.header.png) 50% top no-repeat;
  overflow: hidden;
}
#bar {
  height: 55px;
  overflow: hidden;
}
#search {
  height: 35px;
  overflow: hidden;
}
#teaser {
  height: 80px;
  overflow: hidden;
  color: #5b7192;
}
#teaser p {
  margin:0;
  padding:0;
}
#teaser img {
  vertical-align: middle;
}


/* NAVIGATION WRAPPER */
#navigation-wrapper {
  margin: 0 auto;
  background:  #eaedf1  url(../images/bg.navigation-wrapper.png) left bottom repeat-x;
}
#navigation-wrapper-inner {
  margin: 0 auto;
  background: url(../images/bg.navigation-wrapper-inner.png) 50% bottom no-repeat;
}


#middle-wrapper-outer {
  margin: 0 auto;
  background: #0044aa url(../images/bg.content.png) 50% 50% repeat-y;
}
#middle-wrapper {
  margin: 0 auto;
  background: url(../images/bg.middle.png) left top repeat-x;
}
#middle-wrapper-inner {
  margin: 0 auto;
  background: url(../images/bg.middle-bot.png) 50% bottom no-repeat;
}
#middle {
  padding-top: 10px;
  background: url(../images/bg.middle-top.png) 50% top no-repeat;
}

#footer-wrapper {
  margin: 0 auto;
  background: #002255 url(../images/bg.footer.png) left top repeat-x;
  color: #f2f2f2;
}
#footer-inner {
  width: 980px;
  margin: 0 auto;
  padding-top: 15px;
  background: transparent url(../images/bg.footer-inner.png) left top repeat-x;
}



#breadcrumbs {
  height: 30px;
  overflow: hidden;
/*   background: #000; */
}

#content {
  padding-top: 20px;
/*   background: transparent url(../images/bg.lh.png) 0 0; */
}
#content-inner {
  padding: 0 30px 20px;
  background: #fff;
}


div.side-image {
  position: relative;
  display:table-cell;
  margin:0 auto;
  height: 140px;
  width: 220px;
  overflow: hidden;
  text-align: center;
  vertical-align: bottom;
}
.side-image .inner {
  position: absolute;
  bottom: 0;
  height: 160px;
  overflow: hidden;
}
.side-image img {
/*   position: absolute; */
/*   bottom: 0; */
  display: block;
/*   display:inline-block; */
/*   border:0; */
  margin:0 auto;
/*   vertical-align: baseline; */
}

#sidebar {
  padding: 0;
/*   padding-top: 20px; */
/*   background: url(../images/bg.sidebar-top.png) center 0 no-repeat; */
}
#sidebar .inner {
  padding: 0 0 20px;
  padding-top: 20px;
/*   padding: 0; */
/*   padding-bottom: 40px; */
/*   background: url(../images/bg.sidebar-bot.png) center bottom no-repeat; */
}
#sidebar .padder {
/*   display: inline-block; */
/*   width: 180px; */
  padding: 0 20px;
  background: url(../images/bg.sidebar-mid.png) center 0 repeat-y;
}

#extrabar {
  padding-top: 20px;
}
#extrabar .inner {
  padding: 20px;
}

.boxes {
  margin: 15px 0;
  padding: 0 0 5px;
}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#navigation {
	margin: 0 auto;
/* 	overflow: hidden; */
}
	#navigation ul {
 		float: left;
    margin: 0;
    padding: 10px 0 0;
	}
		#navigation ul li {
	 		list-style: none;
      padding: 0;
			margin: 0;
      margin-right: 5px;
      margin-bottom: 5px;
			float: left;
			line-height: 30px;
			display: block;
		}
  			#navigation ul li a {
				text-decoration: none;
				display: block;
        height: 30px;
        line-height: 30px;
				font-size: 13px;
        font-weight: bold;
        color: #002255;
        color: #113366;
        text-shadow: 1px 1px 2px #fff;
        background: transparent;
        font-family: Verdana, sans-serif;
        letter-spacing: 0;
        background: transparent url(../images/bg.nav-rgt.png) right top no-repeat;
        padding-right: 10px;
			}
				#navigation ul li a span {
          display: block;
					text-align: center;
					height: 30px;
          line-height: 30px;
          background: transparent url(../images/bg.nav-lft.png) left top no-repeat;
          padding-left: 10px;
				}
					#navigation ul li a:hover {
            background-position: right -40px;
/*             text-decoration: underline; */
					}
					#navigation ul li a:hover span {
            background-position: left -40px;
					}

    			#navigation ul li a.current,
	    		#navigation ul li a.section,
	    		#navigation ul li a.section:hover,
	    		#navigation ul li a.current:hover {
					}
				#navigation ul li a.current span,
				#navigation ul li a.section span,
        #navigation ul li a.section:hover span,
				#navigation ul li a.current:hover span {
				}

/*SIDEBAR*/
/* -------------------------------------- */

/* -------------------------------------- */
/* SUBNAVIGATION */
/* -------------------------------------- */
ul.subnavigation {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.subnavigation li {
  margin: 0;
/*   margin-bottom: 1px; */
  padding: 0;
  border: 0;
  border-bottom: 1px solid #003f9e;
  list-style: none;
}
ul.subnavigation li:hover {
/*   background: #0647ab; */
}
ul.subnavigation li a {
  margin: 0;
/*   background: #0647ab; */
  padding:  5px 10px;
  display: block;
  font-size: 11px;
  line-height: 1.5;
  color: #f2f2f2;
  background: transparent url(../images/bg.li.subnav.png) left -100px repeat-x;
}
ul.subnavigation li a:hover {
  text-decoration: none;
  color: #fff;
/*   background: #0647ab; */
  background-position: left bottom;
}

#sidebar ul.subnavigation ul {
  margin-bottom: 5px;
  margin-left: 20px;
  border:0;
}
#sidebar ul.subnavigation li li {
  border:0;
}
#sidebar ul.subnavigation li li a {
  font-size: 0.9em;
}

/* ------------------------------------------------------------------------- */
/* TOPBAR */
/* ------------------------------------------------------------------------- */
#topbar {
  height: 60px;
  text-align: right;
  background: transparent url(../images/bg.topbar.png) right 30px no-repeat;
}
#topbar ul {
  margin-top: 10px;
}
#topbar ul.translation-links {
  padding-left: 10px;
/*   padding-right: 40px; */
}
#topbar ul.top-links {
  padding-right: 10px;
}
#topbar ul.top-links li {
  margin-left: 5px;
}
#topbar ul,
#topbar ul li,
#topbar ul li a {
/*   height: 16px; */
  display: inline-block;
  line-height:16px;
  vertical-align: middle;
}
#topbar ul li img {
  margin:0;
  padding:0;
  opacity: 0.667;
  /*filter:alpha(opacity=66.7);*/
}
#topbar ul.top-links a:hover img {
  opacity: 1;
  /*filter:alpha(opacity=100);*/
}
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------------------------- */
#footer {
  padding: 0;
  font-size: 11px;
  font-weight: normal;
  color: #f9f9f9;
}
#footer h3, #footer h4 {
color: #f9f9f9;
}
#footer p {
  text-align: justify;
}
#footer #copyright {
  margin-top: 20px;
  font-size: 10px;
}
#footer .label {
/*   font-style: italic; */
  color: #ddd;
  text-transform: lowercase;
}
#footer a {
  color: #444;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer a {
  color: #f9f9f9;
  text-decoration: none;
}
#copyright a {
  text-decoration: none;
  font-variant: small-caps;
}
#copyright a:hover {
/*   text-decoration: none; */
/*   font-variant: normal; */
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: bold;
}
#footer-info ul {
  margin: 0;
  padding:0;
  list-style-type: none;
}
#footer-info li {
/*   background: transparent url(../images/bg.quicklinks.png) left 4px no-repeat; */
  padding-left: 10px;
}
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* QUICK-LINKS */
/* ------------------------------------------------------------------------- */
#quicklinks-wrapper {
  padding-bottom: 10px;
  border-bottom: 0px solid #003388;
  margin-bottom: 10px;
}
#quicklinks-wrapper h3  {
  font-size: 12px;
  color: #f2f2f2;
  font-weight: bold;
  margin-bottom: 5px;
}
ul#quicklinks  {
/*  display: block;
  padding: 1em 0;
  text-align: left;*/
  padding:0;
  margin:0;
}
ul#quicklinks {
  list-style-type: none;
}
ul#quicklinks li {
/*   margin: 1px 0; */
  border-bottom: 1px solid #002050;
}
ul#quicklinks li a {
  display: block;
  color: #f9f9f9;
  font-size: 11px;
  font-weight: bold;
  padding: 4px 10px;
  text-decoration: none;
  background: #002050;
  background: transparent url(../images/bg.li.quicklinks.png) left -100px repeat-x;
}
ul#quicklinks li a:hover {
/*   background: #00183d; */
  background-position: left bottom;
  text-decoration: none;
}
ul#quicklinks li a.current {
  color: #002255;
}
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* LANG-LINKS */
/* ------------------------------------------------------------------------- */
#langlinks-wrapper {
  padding-bottom: 10px;
  border-bottom: 0px solid #003388;
  margin-bottom: 10px;
}
#langlinks-wrapper h3  {
  font-size: 12px;
  color: #f2f2f2;
  font-weight: bold;
  margin-bottom: 5px;
}
ul#langlinks  {
/*  display: block;
  padding: 1em 0;
  text-align: left;*/
  padding:0;
  margin:0;
}
ul#langlinks {
  list-style-type: none;
}
ul#langlinks li {
/*   margin: 1px 0; */
  border-bottom: 1px solid #002050;
}
ul#langlinks li a {
  display: block;
  color: #f9f9f9;
  font-size: 11px;
  font-weight: bold;
  padding: 4px 10px;
  text-decoration: none;
  background: #002050;
  background: transparent url(../images/bg.li.quicklinks.png) left -100px repeat-x;
}
ul#langlinks li a:hover {
/*   background: #00183d; */
  background-position: left bottom;
  text-decoration: none;
}
ul#langlinks li a.current {
  color: #002255;
}

ul#langlinks li {
  margin: 1px 0;
}
/* ------------------------------------------------------------------------- */