/*
-----------------------------------------------
Base Styles
Version:  09 August 2008
----------------------------------------------- */



/* Generic Styles 
----------------------------------------------- */

* {
  margin:0;
  padding:0;
  border:0;
  font-family: Verdana, Helvetica, sans-serif;
  font-size:11px;
  font-style:normal;
  line-height:15px;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  color:#444444;
  white-space:normal;
  text-align:left;
  text-decoration:none;
  }

* b {
  font-weight:bold;
}

* i, em {
  font-style:italic;
}

body {
  background-image: url("img/background.jpg");
  background-repeat:repeat-x;
}

table, tr, td {
  vertical-align:top;
}

td.separator {
  width:430px;
  height:10px;
  margin-top:10px;
  margin-bottom:10px;
  background-image: url("img/background-separator.gif");
  background-repeat:repeat-x;
  background-position: bottom;
}


#page {
  background:#FFFFFF;
  width:780px;
  border:1px solid #BBBBBB;
  margin-left:auto;
  margin-right:auto;
}

#top-spacing {
  height:15px;
  font-size:0px;
}

#bottom-spacing {
  height:40px;
  font-size:0px;
}

h1, h1 a, h1 a:hover, h1 a:visited {
  clear:both;
  float:left;
  margin-bottom:10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;
  line-height:20px;
  color:#666666;
}

h1 a:hover {
  text-decoration:none;
  color:#BA131A;
}

h2, h2 a, h2 a:visited {
  clear:both;
  float:left;
  margin-bottom:5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#666666;
}

h2 a:hover {
  text-decoration:none;
  color:#BA131A;
}

h3, h3 a, h3 a:visited {
  clear:both;
  float:left;
  width:100%;
  margin-bottom:2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#666666;
}

h3 a:hover {
  clear:both;
  float:left;
  margin-bottom:2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  color:#BA131A;
}

a, a:visited {
  color: #BA131A;
}

a:hover {
  color: #BA131A;
  text-decoration:underline;
}

.contact-form tr td {
  padding-bottom:5px;
}

checkbox, input, radio, select, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  padding:1px;
  border:1px solid #666666;
  background:#F9F9F9;
}

.submit {
  text-align:center;
  font-weight:bold;
  background:#E0E0E0;
  padding-left:10px;
  padding-right:10px;
}

textarea {
  width:99%;
  font-size:12px;
  padding:1px;
}
    
.active, .active b {
  font-weight:bold;
}

.active-nobreak, .active-nobreak b {
  font-weight:bold;
  white-space:nowrap;
}

.highlight {
  color:#B3003A;
}
  
.vertical-space {
  padding-top:5px;
  padding-bottom:5px;
}

.top-space {
  padding-top:5px;
}

.bottom-space {
  padding-bottom:5px;
}

.large-space {
  padding-top:10px;
  padding-bottom:20px;
}

.line-through {
  text-decoration:line-through
}

.nav-page-top {
  clear:both;
  float:left;
  text-align:right;
  width:100%;
}

.credit { font-size:9px; }



/* Header
----------------------------------------------- */


#header {
  clear:both;
  background-image: url("img/background-header-title.gif");
  background-repeat:no-repeat;
}

#logo {
  float:left;
  padding-left:14px;
  padding-top:10px;  
}

#logo-description {
  float:left;
  padding-left:43px;
  padding-top:15px;  
}

#generic-navigation {
  float:right;
  position:relative;
  top:0px;
  padding-top:12px;
  padding-right:15px;
  color:#444444;
  text-align:right;
}

#header-title {
  clear:both;
  float:left;
  width:100%;
  padding-top:20px;  
  text-align:center;
  vertical-align:middle;
}

#header-information {
  clear:both;
  height:80px;
}

#header-image {
  clear:both;
  background-image: url("img/background-header.jpg");
  background-position: 0px 0px;
  height:80px;
  border-top:1px solid #DDDDDD;
}

#generic-navigation a {
  font-size:11px;
  color:#444444;
}

#generic-navigation a:hover {
  text-decoration:underline;
}

#header-generic-navigation {
  float:left;
  width:100%;
  height:20px;
  background-image: url("img/background-nav-generic.gif") ;
  border-bottom:1px solid #DDDDDD;
  color:#FFFFFF;
  vertical-align:middle;
  text-align:right;
}

.header-generic-links {
  float:right;
  color:#FFFFFF;
  margin-right:10px;
}

.header-generic-links a, .header-generic-links a:visited {
  line-height:20px;
  color:#FFFFFF;
  vertical-align:middle;
}

.header-generic-links a:hover {
  text-decoration:underline;
  vertical-align:middle;
  color:#FFFFFF;
}

h1.organization, h1.organization a, h1.organization a:hover, h1.organization a:visited {
  width:100%;
  text-align:center;
  color:#FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size:22px;
  line-height:23px;
  font-weight:bold;
  text-decoration:none;
  margin-bottom:0px;
}



/* Navigation
----------------------------------------------- */

#primary-navigation-table {
  float:left;
  width:100%;
  list-style:none;
  background-image: url("img/background-header-navigation.gif") ;
  border-top:1px solid #BBBBBB;
  border-bottom:1px solid #BBBBBB;
}

#primary-navigation-table tr td a {
  display: block;
  line-height:30px;
  width:100%;
  font-weight:bold;
  color:#FFFFFF;
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
  text-transform:uppercase;
  padding-left:auto;
  padding-right:auto;
}

#primary-navigation-table tr td {
  text-align:center;
  border-left:1px solid #FFFFFF;
}

#primary-navigation-table tr td a:hover {
  height:30px;
  line-height:30px;
  width:100%;
  background:#EEEEEE;
  color:#BA131A;
}

#primary-navigation-left {
  border-left:0px !important;
  padding-left:4px;
  padding-right:4px;
}

#primary-navigation-left a {
  margin-left:-4px;
  padding-left:4px;
  padding-right:4px;
}

#primary-navigation-active {
  background:#DDDDDD;
  color:#BA131A !important;
}

.primary-navigation-inactive {
  background-image: url("img/background-header-navigation-inactive.gif") ;
  line-height:30px;
  font-weight:bold;
  color:#AAAAAA;
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
  text-transform:uppercase;
  padding-left:auto;
  padding-right:auto;
}





#navigation {
  float:left;
  width:155px;
  margin-left:15px;
  margin-right:15px;
}

li.pri-nav, li.pri-nav-active  {
  display:block;
  width:155px;
  margin-bottom:1px;
  list-style:none;
  background:#EDEDED;
}

li.pri-nav a, li.pri-nav a:visited {  
  width:140px;
  padding:5px;
  border-left:5px solid #CCCCCC;
  display:block;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#990000;
  font-weight:bold;
  list-style:none;
  text-decoration:none;
}

li.pri-nav a:hover {  
  width:140px;
  padding:5px;
  border-left:5px solid #990000;
  background:#CCCCCC;
  color:#990000;
  display:block;
  font-weight:bold;
  list-style:none;
  text-decoration:none;
}

li.pri-nav-active a, li.pri-nav-active a:hover, li.pri-nav-active a:visited  {  
  width:140px;
  padding:5px;
  border-left:5px solid #990000;
  background:#CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#990000;
  display:block;
  font-weight:bold;
  list-style:none;
  text-decoration:none;
}


li.pri-sec, li.pri-sec-active  {
  display:block;
  width:155px;
  color:#990000;
  margin-bottom:1px;
  list-style:none;
}

li.pri-sec a, li.pri-sec a:visited {  
  width:143px;
  padding-top:2px;
  padding-bottom:2px;
  padding-right:2px;
  padding-left:5px;
  border-left:5px solid #CCCCCC;
  color:#990000;
  display:block;
  list-style:none;
  text-decoration:none;
}

li.pri-sec a:hover {  
  width:143px;
  padding-top:2px;
  padding-bottom:2px;
  padding-right:2px;
  padding-left:5px;
  border-left:5px solid #666666;
  background:#CCCCCC;
  color:#666666;
  display:block;
  list-style:none;
  text-decoration:none;
}

li.pri-sec-active a, li.pri-sec-active a:hover, li.pri-sec-active a:visited {  
  width:143px;
  padding-top:2px;
  padding-bottom:2px;
  padding-right:2px;
  padding-left:5px;
  border-left:5px solid #666666;
  color:#666666;
  background:#CCCCCC;
  display:block;
  list-style:none;
  text-decoration:none;
}






/* Context
----------------------------------------------- */

#context {
  float:right;
  width:155px;
  margin-right:15px;
}

.context-2 {
  float:right;
  width:155px;
}

.context-box {
  clear:both;
  float:float;
  width:155px;
}

.context-logo-background {
  clear:both;
  float:float;
  width:155px;
  height:350px;
  background-image: url("img/background-context-logo.jpg") ;
}


h2.context {
  clear:both;
  float:float;
  display:block;
  width:145px;
  padding:5px;
  background:#EDEDED;
  color:#666666;
  margin:0px;
  margin-bottom:1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
}

h2.context-link {
}

h2.context-link a {
  clear:both;
  float:float;
  display:block;
  width:133px;
  padding:5px;
  padding-left:17px;
  color:#BA131A;
  background:#EDEDED;
  background-image:url("img/arrow-list.gif");
  background-repeat:no-repeat;
  background-position:5px 7px;
  margin:0px;
  margin-bottom:1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
}

h2.context-link a:hover {
  background:#EDEDED;
  background-image:url("img/arrow-list.gif");
  background-repeat:no-repeat;
  background-position:5px 7px;
  color:#BA131A;
  text-decoration:underline;
}


.context-item {
  display:block;
  width:145px;
  padding:5px;
  background:#CCCCCC;
  color:#666666;
  margin:0px;
  margin-bottom:1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
}


.context-link a {
  display:block;
  width:145px;
  padding:5px;
  background:#EDEDED;
  color:#666666;
  margin:0px;
  margin-bottom:1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
}

.context-link a:hover {
  background:#CCCCCC;
  text-decoration:none;
}


li.context-list {
  display:block;
  width:155px;
  margin-bottom:1px;
  background:#EDEDED;
  list-style:none;
}

li.context-list a {  
  display:block;
  width:145px;
  padding:5px;
  text-decoration:none;
  list-style:none;
  background:#EDEDED;
  color:#BA131A;
}

li.context-list a:hover {  
  display:block;
  width:145px;
  padding:5px;
  background:#CCCCCC;
  text-decoration:none;
  list-style:none;
  color:#990000;
}

li.context-list-no-link {
  display:block;
  width:145px;
  padding:5px;
  text-decoration:none;
  list-style:none;
  background:#EDEDED;
  color:#444444;
  margin-bottom:5px; !important
  list-style:none;
}


li.context-item {
  display:block;
  width:145px;
  padding:5px;
  margin-bottom:1px;
  color:#990000;
  background:#EDEDED;
}

li.context-item i {
  color:#996633;
}




/* Content Homepage
----------------------------------------------- */

#content-frame-homepage {
  float:left;
  width:610px;
  }

.homepage-paragraph-first {
  clear:both;
  float:left;
  width:420px;
}

.homepage-paragraph {
  clear:both;
  float:left;
  width:570px;
  margin-left:15px;
  line-height:15px;
  padding-bottom:1px;
  background-image: url("img/background-separator.gif");
  background-repeat: repeat-x;
  background-position: bottom;
}

.credit-paragraph {
  clear:both;
  float:left;
  width:570px;
  margin-left:15px;
  line-height:15px;
  padding-bottom:1px;
  margin-bottom:15px;
}

.homepage-image {
  clear:both;
  float:left; 
  width:155px;
  margin-right:15px;
}

.homepage-description-organization {
  float:left; 
  width:100%;
  padding-bottom:15px;
}

.homepage-description {
  float:left; 
  width:400px;
}

.homepage-heading-first {
  float:left;
  width:100%;
  font-size:13px;
  font-weight:bold;
  color:#666666;
  padding-bottom:10px;
}

.homepage-heading {
  float:left;
  width:100%;
  font-size:13px;
  font-weight:bold;
  color:#666666;
  padding-top:20px;
  padding-bottom:5px;
}

.homepage-text {
  float:left;
  width:100%;
  color:#444444;
  line-height:15px;
  padding-bottom:5px;
}

.homepage-links {
  float:left;
  width:100%;
  color:#444444;
  line-height:15px;
  padding-bottom:20px;
}

ul.links {
  float:left;
  width:100%;
  list-style-image:url("img/arrow-list.gif");
}

ul.links li {
  line-height:15px;
  margin-left:16px;
  margin-bottom:5px;
}


/* Content
----------------------------------------------- */

#container {
  clear:both;
  float:left;
/*  background-image: url("img/background-content.gif"); */
  padding-top:25px;
  padding-bottom:20px;
  }

#content-frame {
  float:right;
  width:595px;
  }

#content{
  float:left;
  width:400px;
  }

#heading {
  font-size:15px;
}


.heading {
  clear:both;
  font-size:13px;
  font-weight:bold;
  color:#666666;
}

.subheading {
  clear:both;
  font-size:12px;
  font-weight:bold;
  color:#666666;
  margin-top:15px;
  margin-bottom:5px;
}

.text {
  clear:both;
  font-size:12px;
  color:#444444;  
}

.paragraph {
  clear:both;
  float:left;
  width:400px;
  margin-bottom:30px;
  color:#444444;
}

.home-paragraph-first {
  clear:both;
  float:left;
  width:400px;
  margin-bottom:10px;
}

.home-paragraph {
  clear:both;
  float:left;
  width:400px;
  line-height:15px;
  margin-bottom:20px;
  padding-bottom:10px;
  background-image: url("img/background-separator.gif");
  background-repeat: repeat-x;
  background-position: bottom;
}

.home-image {
  clear:both;
  float:left; 
  width:85px;
  height:125px;
  margin-right:15px;
  padding-bottom:10px;
}

.home-heading {
  float:left;
  width:320px;
  font-size:13px;
  font-weight:bold;
  color:#666666;
}

.home-text {
  float:left;
  width:320px;
  color:#444444;
  line-height:15px;
  padding-bottom:10px;
}

.home-text-a {
  float:left;
  color:#444444;
  line-height:15px;
  padding-top:5px;
}

.text-full {
  float:left;
  width:100%;
  color:#444444;
  line-height:15px;
  padding-bottom:10px;
}

.home-links {
  float:left;
  width:320px;
  color:#444444;
  line-height:15px;
  padding-bottom:10px;
}


.transport-paragraph {
  clear:both;
  float:left;
  width:420px;
  margin-bottom:25px;
}

.transport-image {
  clear:both;
  float:left; 
  width:70px;
  margin-right:5px;
}

.transport-heading {
  float:left;
  width:340px;
  font-size:13px;
  font-weight:bold;
  color:#666666;
}

.transport-text {
  float:left;
  width:340px;
  font-size:12px;
  color:#444444;  
}


ol.list-numbered {
  padding-left:25px;
}

ol.list-numbered li {
  line-height:15px;
}

ul.standard-list {
  padding-left:16px;
  list-style-image: url("img/list-item-line.gif");
}

ul.standard-list li {
  margin-bottom:2px;
}

.address {
  margin-top:5px;
  margin-left:16px;
}

.payment {
  margin-left:16px;
}
 

.prices td {
  padding:3px;
  text-align:right;
  background:#F5F5F5;
}

.programme-navigation {
  float:left;
  width:145px;
  margin-right:1px;
  vertical-align:bottom;
}

ul.standard {
  margin:0px;
  padding:0px 0px 0px 20px;
  list-style-image:url(img/list-bullet-hyphen.gif);
}

ul.standard li {
  padding:2px 0px 2px 0px;
}

.images {
  float:left;
  width:214px;
  margin-right:1px;
  margin-bottom:1px;
}

ol.standard {
  margin:0px;
  padding:0px 0px 5px 25px;
}

ol.standard li {
  padding:2px 0px 2px 0px;
}



/* Footer
----------------------------------------------- */

#footer {
  clear:both;
  width:100%;
  padding-bottom:10px;
/*  background-image: url("img/background-footer.gif"); */
  background-position:bottom;
}
  
#footer-center {
  width:100%;
  text-align:center;
  vertical-align:middle;
  padding:10px 0px 5px 0px;
  border-top:#CCCCCC solid 1px;
  font-size:11px;
/*  color:#FFFFFF; */
}

#footer-center a {
  font-size:11px;
/*  color:#FFFFFF; */
}

#footer-center a:hover {
  text-decoration:underline;
/*  color:#FFFFFF; */
}

#footer-logo-left {
  float:left;
  padding-left:15px;
  padding-right:15px;
  padding-top:2px;
  width:155px;
  text-align:center;
}

#footer-text {
  float:left;
  text-align:left;
  margin-left:15px;
  width:290px;
}

#footer-logo-right {
  float:right;
  padding-left:15px;
  padding-right:15px;
  padding-top:2px;
  width:155px;
  text-align:center;
}

.footer-logos {
  float:left;
  padding-left:20px;
  padding-right:5px;
  padding-top:2px;
  width:130px;
  text-align:center;
}

#footer-spacer {
  clear:both;
}

/* CSS-Hacks for IE6 */
* html #content-frame-homepage { margin-left:-15px; }
* html .homepage-paragraph { margin-right:20px; }
* html #context { margin-right:7px; }
* html #navigation { margin-left:8px; }