/* @group HTML Entities */

* {
    padding: 0px;
    margin: 0px;
    font-size: 100%;
    font-family: Tahoma, sans-serif;
    color: #000000;
}

html {
    font-size: 62.5%;

}

body {
	
}


p {
    padding-bottom: 1em;

}

p.link {
	margin-top: 1em;
}

p.page-links { margin-top: 2em;}

img {
    border:0;
}     

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

a.word {
	background: url(/rsc/images/word.gif) no-repeat left center;
	padding-left: 25px;
	line-height: 2em;
	height:  2em;
	display: block;
}
           
a#skip-link {
   	color: #ffffff;
	position: absolute; 
	left: -1000em;  
	top: -100em;
	width: 20em;     
	display: none;
}
a.pdf {
	background: url(/rsc/images/pdf.gif) no-repeat left center;
	padding-left: 25px;
	line-height: 2em;
	height:  2em;
	display: block;
}    

ul.download-links {
	list-style: none;
}          


h1 {
	color: #1580B7;
    font-size:2.2em;
    font-weight: normal;
  	padding: 0em 0em 0.3em 0em;
  	margin:0em;
}

h2 {
	color: #1580B7;
    font-size:1.8em;
    font-weight: normal;
    padding: 0.5em 0em;    
	clear: both;
}

h2.heading-margin-top {
	padding-top: 3em;
}

h2.homepage-headings a {
	color:#1580B7;
	text-decoration: none;
}

h2.homepage-headings a:hover {
	text-decoration: underline;
}

h3 {
    font-size:1.4em;
    padding-bottom: 1em;
	font-weight: normal;     
		clear: both; 
}

h4 {
    font-size:1.2em;
    padding-bottom: 1em;
	font-weight: normal;
}

h5 {
    font-size:1em;
    padding-bottom: 1em;
}                  

input.submit {
  cursor:pointer;
  padding:1px 5px;
  background:#ddd;
  color:#333;
  font:10pt arial, sans-serif;
  border:1px solid #aaa;
  }
         


.wrapper-fix { clear: both; }

/* @end */

/* @group  Page containers */

#page-container-outer {
	background: url(../images/background-top-long.jpg) repeat-x left top;
	width:  100%;
}

#page-container-inner {
	margin: 0em auto;
	padding:  0em; 
	padding-top: 1em;
	width:  950px;
	background-color: #ffffff;
}

#page-column-right img {
	float:  right;
	margin:  1em;
}                     

#page-column-right img.edit-image { clear: both; float: left; margin: 1em 0em;}   

#page-column-right img.image-center {
	float:  none;
	clear: both;
	text-align: center;
	display: block;
	margin: 1em auto;
}
#page-column-right ul,  #page-column-right ol {
	margin-left: 2.5em;
}


/* @end */

/* @group Content styles */

#page-column-left {
	margin-left: 1em;
	width:  200px;
	float:  left;
}


#page-column-right {
	width:  710px;
	margin-right: 1em;
	float:  right;
	font-size: 1.2em;
}

#page-content-columnleft {
	margin-left: 1em;
	width:  45%;
	float:  left;	
}

#page-content-columnright {
	width:  45%;
	margin-right: 1em;
	float:  right;	
}

/* @end */

/* @group  Menu styles */

div#menu-container {
    width: 200px;
	background-color: #1580B7;
	color: #000000;
	border: 1px solid #1580B7;
}

ul#menu-list {
    list-style: none;

}
ul#menu-list li {
	border-bottom: 1px solid #48B3EA;
	font-weight: bold;
	width: 200px;

}

ul#menu-list li a {
    height: 2.5em;
    line-height: 2.5em;
    width: 180px;
    display: block;
    color: #ffffff;
    padding: 0em 10px;
    margin: 0em;
    text-decoration: none;
    text-align: left;
}

ul#menu-list li a:hover {
	background-color: #48B3EA;
}

ul#menu-list li a.selected-menu {
	background-color: #48B3EA;
	font-weight: bolder;
	color: #ffffff;
}

ul#sub-menu-list {
	background-color: #ffffff;
    list-style: none;
    margin:  0em;
}

ul#sub-menu-list li {

}

ul#sub-menu-list li a {
    height: 2.5em;
    line-height: 2.5em;
	width:  170px;
    display: block;
    color: #000000;
    padding: 0em 10px 0em 20px;
    margin: 0em;
    text-decoration: none;
    text-align: left;
}

/* @end */

/* @group Breadcrumb styles */

div#breadcrumb-tail {
	text-align: right;
}
div#breadcrumb-tail ul {
	width:  100%;
    list-style: none;
    margin-left: 0em;		
	text-align: right;
    padding-bottom: 0.5em;
}

div#breadcrumb-tail ul li {
	float:  right;
	margin-right: 0.5em;
}


#page-column-right h1 {
	clear: both;
}


/* @end */

/* @group News styles */

p.archive-news-link {
	font-size: 1.2em;
	font-weight: bold;
}
div#news-container {
	border: 1px solid #1580B7;
	margin-top:  1em;

	width:  200px;
}

div#news-container h2 {
	background-color: #1580B7;
	color:  #ffffff;
	margin:  0em;
	padding:  0.25em;
}

div.news-item {
	margin:  0em;
	width:  180px;   
	height: 25em;
}

#page-column-right div.news-item {
	height:  auto;
}

div#page-column-right div.news-item {
	width: 90%;
	margin: 1em auto;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #1580B7;
	
}

div#page-column-right h2.news-title {
	font-weight:  normal;
}

div.news-item h3 {
	margin:  0em;
	padding: 0em;
}


/* root element for scrollable */
div.scrollable {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 25em;	 
	width: 17em;	
	
	/* decoration */
	padding:0px 10px;
	margin-bottom: 1em;

}

/* root element for scrollable items */
div.scrollable div.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	
	
	
	/* decoration */
	margin-top:0px;
}

/* 
	same settings as in horizontal scroller except that these items 
	are not floated
*/
div.scrollable div.items div {
	padding: 10px 0px;
	-moz-border-radius:5px;
	margin-bottom:10px;
}

/* active item */
div.scrollable div.items div.active {

}

p.news-section-link {
	padding:  1.25em 0.5em 1.25em 0.5em;
	color:  #ffffff;
	background-color: #1580B7;
}

p.news-section-link a {
	color:  #ffffff;
}

/* @end */



/* @group Header styles */

div#header-container-outer {
	border-top: 5px solid #9bcff7;
	width:  100%;
	background: #5fa7d9 url(../images/header-gradient.jpg) repeat-x left top;
}

div#header-container-inner {
	margin: 0em auto;
	width:  950px;
	background: #ffffff url(../images/heading-top.jpg) no-repeat left top;
}


#header-column-left {
	width:  30%;
	float:  left;
}

#header-column-left img {
	margin:  40px 30px 20px 30px;

}

#header-column-right {
	width:  65%;
	float:  right;
}

#contact-us{	
	float:  right;
	margin-right: 15px;
	margin-top: 0.5em;
	width: 60%;
	text-align: right;
	border:  solid 2px #7DC4FA;
	font-size: 1.2em;
}

#contact-us p {
	margin: 0.5em 0em;
	padding: 0em;
}

#contact-us form {
	text-align: right;
	margin: 0.25em 0em 0.5em 0em;
	padding: 0em;
}
div#contact-column-left {
	width:  25%;
}

div#contact-column-right {
	width:  70%;
}


div#contact-column-left img {
	float:  left;
	margin:  10px;
}

div#contact-column-right {
	float:  left;
	text-align: left;
}

div#contact-column-right ul {
	float:  left;
	margin-left: 2em;
	width:  18em;
}

div#contact-column-right ul#contact-list {
	width:  10em;
}

div#contact-column-right ul#faq-list {
	width:  20em;
}

#search-box{
	clear: both;
	text-align: right;
	width:  60%;
	float: right;
	padding: 0.75em 0em 0.5em;
	margin:  0em 0.5em;
	border-top: solid 1px #7DC4FA;
	margin-right: 15px;
	font-size: 1.2em;
}

#search-box input#search {
	width:  200px;
}

#header-menu {
	margin-top:  3em;
	margin-bottom: 2em;
	text-align: right;
	float:  right;
}

/* @end */

/* @group Footer styles */

div#footer {
	margin-top:  3em;
	margin-bottom: 2em;
	padding-top: 75px;
	text-align: center;
	float:  left;
	width:  100%;
	background: url(../images/curtain-horz.jpg) no-repeat left top;
}

div#footer p {
	padding-bottom: 0em;
}
ul#footer-menu, ul#header-menu  {
    list-style: none;
    margin: auto;
    padding-top: 0.5em;
    padding-bottom: 2em;
    margin-right: 15px;

}

ul#header-menu {
	padding-bottom: 0.5em;
}

ul#footer-menu li, ul#header-menu li {
	border-right: 1px solid black;
	padding-right: 1em;
	margin-left: 1em;
	display: inline;

}

ul#footer-menu li.last-item, ul#header-menu li.last-item{
	border-right: none;
}

ul#footer-menu li a, ul#header-menu li a{
    height: 2em;
    line-height: 2em;
    text-decoration: underline;
}

ul#footer-menu li a:hover, ul#header-menu li a:hover {
	text-decoration: none;
}

div#accreditations {
	margin-top: 2em;
}

/* @end */


/* @group Form Styles */

form.contact-form {

	width:  90%;
	margin: auto;
	padding: 2em 0em;
}
div.form-row {
  clear: both;
  padding-top: 10px;
  }

div.form-row label {
  float: left;
  width: 150px;
  text-align: right;
  padding-right: 10px;
  }

div.form-row input {
  float: left;
  width: 300px;
  text-align: left;
  }                      

div.form-row select {
	margin-left: -1px;         
}
  
div.form-row fieldset {
  width: 450px;
  border: none;
  } 
  
div.form-row fieldset input {
  width: 2em;
  margin-right: 2em;
  } 

  
div.form-row fieldset label {
  width: auto;
  }   
  
div.form-row div.form-option-list input {
	float:  none;
	width:  2em;
}

div#captcha-row p {
	margin-bottom: 0em;
	padding-bottom: 0em;
}

div#captcha-row label{
	height:  5em;
}

div#captcha-row img {
	float:  left;
	margin: 0em;
	margin-right: 300px;
	margin-bottom: 0.5em;
}


div#captcha-row input {
  	width: 140px;
}
  
div.form-row input.submit-button {
  float: left;
  text-align: left;
  margin-left: 160px;
  width: auto;
}  


/* @end */


/* @group Section Styles */

div.section-item {
	width: 95%;
	margin: 1em auto;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #1580B7;
}

div.section-item div.thumbnail {
	float:  left;
	width:  20%;
}


div.section-item div.section-synopsis {
	width: 75%;
	float: left;
}

div.section-item h2.section-title {
	font-weight:  normal;
}

div.section-item h3 {
	margin:  0em;
	padding: 0em;
}

div#page-content-columnright div.section-item {
	border-bottom: none;	
	padding-bottom: 0.5em;
	margin: 0em;
	padding-right: 0em;
	
}

div#page-content-columnright div.section-item div.section-synopsis {
	width: 75%;
	float: left;
	margin-left: 0.5em;
}

/* @end */

/* @group Vacancy Styles */

div.vacancy {
	width: 95%;
	margin: 1em auto;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #1580B7;
}

div.vacancy div.downloads {
	float:  left;
	width:  20%;
	margin-left: 25px;
}

div.vacancy div.details {
	width: 75%;
	float: left;
}

div.vacancy h3 {
	margin:  0em;
	padding: 0em;
}

div.vacancy h4 {
	margin:  0em;
	padding: 0em;
	font-size:1.2em;
    padding-bottom: 0.25em;
	font-weight: normal;
}

/* @end */

/* @group Contact Styles */

div.contact-item {
	width: 95%;
	margin: 0.5em auto;
}

div.contact-item h2 {
	float:  left;
	width:  20%;
	font-size: 1.2em;
	padding: 0em;
	margin: 0em;
}

div.contact-item div.contact-details {
	width: 75%;
	float: left;
}

div.contact-item h2 {
	font-weight:  normal;
}

div.contact-item h2#contact-address {
	margin-bottom: 5em;
}

div.contact-item h3 {
	margin:  0em;
	padding: 0em;
}

/* @end */                                              

/* @group Form Error Styles */
#freeform label.error {
  color: #FF0000;
  font-weight: bold;
  margin: 0px;
  text-align: left;
  margin-left: 1em;
  float: none;
}

#freeform input.error, #freeform select.error {
  background-color: #ffffa0;
  border: 2px solid red;
} 
/* @end */