/*    New DSC website css styles*/
/* START: standard css */
a img {
  border: 0px;
}

br.clear {
  clear: both;
  font-size: 1px;
  height: 0px;
  line-height: 0px;
}

div.alignLeft {
  float: left;
  margin-right: 17px;
}

div.alignNone {
/*  text-align: center; */
}

div.alignRight {
  float: right;
  margin-left: 17px;
}

table {
  width: 100%;
  }
  
 /* The session timetables table */ 
table.timetable {
  width: 100%;
  padding: 0px;
  border:1px inset black;
  margin:0px;
  background-color:#FFFFFF;
  border-collapse:collapse; /* Turns off the cell spacing effect in a table */
  }
  
table.timetable th, table.timetable td {
padding:5px;
border:1px solid #333333;
}

td, 
th {
  float: none !important;
  text-align: left;
}

.BoldCourseHeadings
/* This is used for session headings */
{
font-weight:bold;
color:#930438;
/* color:#002551;*/
font-size:100%;
}
.masterclass{
/* This border is used round masterclasses */
border: 1px dashed #666666;
background-color:#EBA47C;
padding:10px;
}
/**********************
 about us
 **********************/
 
 #about_us a, #about_us span {
	float:right;
	font:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#FFFFFF;
	white-space:nowrap;
	margin: 2 10 2 0
 }

/**********************
 Naigation bar styles - a list-based CSS navigation bar
 **********************/
/*The div#nav_bar style sets the dimensions and background color of the div that contains the navigation bar links.*/ 
 div#nav_bar {
    width: 100%;
    height: 30px;
	/*background-color:#252223; */
	background-color:#D85620;
	margin-bottom:30px
 }
  
 /*  The div#nav_bar ul style includes margin and padding declarations to override the default spacing assigned to 
unordered lists and sets the general text formatting. The white-space:nowrap declaration keeps the list on one 
horizontal line, even if the browser window is too narrow to display the whole line.*/
 
 div#nav_bar ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:medium;
    color: #FFF;
	line-height: 30px;
	white-space: nowrap;
}

/*The list-style-type:none declaration removes the bullets that normally mark each list item, 
and the display:inline declaration causes the list items to flow from left-to-right across the 
page instead of each item appearing in a separate line. */	

 div#nav_bar li {
	list-style-type: none;
	display: inline;
	}
	
/*Another key element of this technique is the div#nav_bar li a rule. 
The text-decoration:none declaration removes the underscore that is normal for links, 
and the padding:7px10px declaration controls the spacing of the links in the navigation bar. 
The left and right padding controls the horizontal spacing, while the top and bottom padding 
is needed to make the colored background of the rollover effect (and the clickable area of the button) 
extend the full height of the navigation bar. You could also add left and right margin values if you want additional space between the buttons. */
 
 div#nav_bar li a {
	text-decoration: none;
	padding:9px 30px 6px 30px;
	color: #FFF;
	
}
 
/*The rules for the :link, :visited, and :hoverpseudoclasses set the color changes for the rollover effects. */
div#nav_bar li a:link {
	color: #FFF;
}
div#nav_bar li a:visited {
	/*color: #CCC;*/
	color: #FFF;
}

 li#nav_bar_1 a{
   /*background-color:#B9B276;*/
background-color:#C99972;
 }
 
 li#nav_bar_2 a:hover{
  /* background-color:#C1989E;*/
  background-color:#C99972;
 }
 
 li#nav_bar_3 a:hover{
  /* background-color:#C99972;*/
  background-color:#C99972;
 }
  
 li#nav_bar_4 a:hover{
  /* background-color:#ABB480;*/
  background-color:#C99972;
 }
 
 li#nav_bar_5 a:hover{
  /* background-color:#B1AA97;*/
  background-color:#C99972;
 }
 
 li#nav_bar_6 a:hover{
  /* background-color:#885E80;*/
  background-color:#C99972;
 }
 li#nav_bar_7 a:hover{
  /* background-color:#885E80;*/
  background-color:#C99972;
 }
 
 /**********************
 Overview bar styles - a list-based CSS navigation bar
 **********************/
 
 div#overview_bar {
    width: 100%;
    height: 30px;
	/*background-color:#99cc33;*/
	background-color:#EDDCDB;
	margin-bottom:30px;
	margin-left:0px;
	text-align:center;
	font-weight:bold;
 }
 
 div#overview_bar ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:medium;
    color: #000000;
	line-height: 30px;
	white-space: nowrap;
}

div#overview_bar li {
	list-style-type: none;
	display: inline;
	}
	
	div#overview_bar li a {
	text-decoration: underline;
	padding:9px 30px 6px 30px;
	color: #000000;
}
 /*****************  End of overview style bar **************************/
 
 
/**********************
 90% of 100% type fixes
 **********************/
a span, address span, table table,
div#secondary-navigation  li,
dd a, dd label, dd p, dd span,
dt a, dt label, dt p, dt span,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
li a, li li, li p, li span,
p a, p li, p span, td ul li a, 
span a,
select option,
td a, td label, td input, td label, td li, td option, td p, td select, td span, td textarea, td td, td th, td ul,
th a, th label, th p, th span, th td, th th,
#primary-navigation li, #primary-navigation table, 
#secondary-navigation li{
  font-size: 100% !important;
}

/* END: standard css */

/* START: Main stylesheet for site  */

/*
fontSize01 = 17px
fontSize02 = 16px
fontSize03 = 13px
fontSize04 = 12px
fontSize05 = 11px
fontSize06 = 10px
fontSize07 = 9px
fontSize08 = 8px
fontSize09 = 7px
*/

p.fontSize01 {
  font-size: 150.0%;
}

p.fontSize02 {
  font-size: 140.0%;
}

p.fontSize03 {
  font-size: 110.0%;
}

p.fontSize04 {
  font-size: 100.0%;
}

p.fontSize05 {
  font-size: 95.0%;
}

p.fontSize06 {
  font-size: 90.0%;
}

p.fontSize07 {
  font-size: 75.0%;
}

p.fontSize08 {
  font-size: 70.0%;
}

p.fontSize09 {
  font-size: 65.0%;
}

/**************
 GENERAL STYLES     
 **************/
 /* a */
address, body.mceContentBody pre, body.mceContentBody td, blockquote, button, cite, dd, dt, input, legend, label, li, p, pre, select, span, td, textarea, th, p.instruction {
  font-family: arial, sans-serif;
  font-size: 75.0%;
}

a,
div.webfactoryAction a:visited,
.atozList .heading:visited {
  color: #009460;
  text-decoration: none;
}

a:visited {
  color: #98bab1;
}

a:hover {
 /* color: #b30337; */
  text-decoration: underline;
  color: #000000;
}

a.button {
  padding: 2px 3px 2px 3px !important;
  padding: 2px 15px 2px 15px;
}

a.buttonPlus {
  padding-right: 17px !important;
}

a.notVisited {
  color: #009460 !important;
}

address {
  font-style: normal;
}

body {
  background-color: #ffffff;
  color: #000000;
  font-family: arial, sans-serif;
  margin: 0px;
  padding: 0px;
   font-size: 100% !important;
}

body.mceContentBody {
  font-size: 100% !important;
}

blockquote,
cite {
  display: block;
  font-style: normal;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

cite {
  color: #666666;
  font-family: verdana, arial, sans-serif;
  font-weight: bold;
  margin-top: 5px;
}

form {
  margin: 0px;
}

h1, h2, h3, h4, h5, h6{
  font-size: 140.0%;
  font-weight: normal;
  margin: 0 0 1em 0;
}

h2 {
  margin-bottom: 0.5em;
}

h3 {
  font-size: 110.0%;
  font-weight: bold;
}

h4 {
  font-size: 100.0%;
  font-weight: bold;
}

h5 {
  font-size: 95.0%;
  font-weight: bold;
}

h6 {
  font-size: 90.0%;
  font-weight: bold;
}

hr {
  border-color: #a9a18c;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  color: #a9a18c;
  height: 1px;
  margin-bottom: 17px;
}

p {
  margin: 0 0 1em 0;
}

ul {
  list-style-image: url(/dsc_images/bullet.gif);
}

*.error {
  color: red;
}

.page_description {
  font-size: 80% !important;
}

/********************************
 Additonal 90% of 100% type fixes
 ********************************/
blockquote,
blockquote p,
blockquote span,
button span,
div.featureList li,
div.newsList li,
div.proxyList li,
div.proxyItem p.link,
div.categoryList li,
label span,
li label,
p address, p cite, p td, p th, p span, td p,
span span, span p,
td address, td span, th span {
  font-size: 100% !important;
}

/**************************
 Additional Hidden elements
 **************************/
body.HomePage div#content-header,
div.searchNavigation span.separator,
.directoryHeading,
#last-modified,
#breadcrumb-message {
  display: none;
}

/******************************************
 main-background & page (holds all content)
 ******************************************/
div#main-background-left {
  background-color: #ffffff;
  background-image: url(/dsc_images/bg_back_left.gif);
  background-position: top left;
  background-repeat: repeat-y;
  margin: 0px 0px 0px 0px;
  position: relative;
  text-align: center;
}

div#main-background-right {
  background-color: #ffffff;
  background-image: url(/dsc_images/bg_back_right.gif);
  background-position: top right;
  background-repeat: repeat-y;
  margin: 0px 0px 0px 10px;
  position: relative;
}

div#page {
  background-color: #ffffff;
  margin: 0px 10px 0px 0px;
  padding:0px;
  position: relative;
  text-align: left;
}

/***********
 main-banner
 ***********/
div#main-banner {
  background-color: #009460;
  color: #ffffff;
}

div#main-banner a {
  color: #ffffff;
}

div#main-banner .links {
  position: absolute;
  right: 20.9%;
  top: 0px;
}

#main-banner-logo {
  float: left;
  margin: 23px 0px 21px 10px;
}

/**********
 search-box
 **********/
div#search-box {
  background-color: #cec88c;
  color: #221e1f;
  float: right;
  margin-bottom: 0px;
  width: 18.9%;
}

div#search-box form {
  padding: 8px 8px 18px 8px;
}

div#search-box-links a {
  color: #009460;
  margin-left: 8px;
  position: relative;
}

#newsletter-signup {
  background-color: #009460;
  background-image: url(/dsc_images/newsletter_icon.gif);
  background-position: 8px 10px;
  background-repeat: no-repeat;
  color: #ffffff !important;
  display: block;
  margin-left: 0px !important;
  margin-top: 8px;
  padding: 8px 0px 10px 28px;
}

#search-box-button {
  left: 2px;
  float: right;
  padding: 0px 1px 0px 1px;
  position: relative;
  text-transform: capitalize;
  top: 5px;
}

#search-box-searchable-text {
  border-width: 0px;
  padding: 0px;
  width: 100%;
}

/*********************************
 primary-navigation & SiteMap list
 *********************************/
body.SiteMapPage div#main-content li {
  background-image: url(/dsc_images/bullet_1.gif);
  background-position: 0px 0.5em;
  background-repeat: no-repeat;
  padding-left: 10px;
}

body.SiteMapPage div#main-content div#site-map-links li.level0 {
  background-image: none;
  padding-left: 0px;
}

div#primary-navigation {
  background-image: url(/dsc_images/top_nav_back.gif);
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  clear: both;
  margin-bottom: 0px;
  position: relative;
  z-index: 20;
}

div#primary-navigation a,
div#primary-navigation span {
  background-image: url(/dsc_images/top_nav_back.gif);
  color: #ffffff;
  float: left;
  font-size: 75.0% !important;
  padding: 0.4% 3.8% 0.4% 3.8%;
  text-decoration: none;
  white-space: nowrap;
}

div#primary-navigation li#primary-first a:hover,
div#primary-navigation li#primary-first.selected *,
#site-map-links ul.level0 .item1 a,
#site-map-links ul.level0 .item7 a {
  background-image: url(/dsc_images/Nav_top_beige.gif);
}

div#primary-navigation li#primary-mid1 a:hover,
div#primary-navigation li#primary-mid1.selected *,
#site-map-links ul.level0 .item2 a,
#site-map-links ul.level0 .item8 a {
  background-image: url(/dsc_images/Nav_top_pink.gif);
}

div#primary-navigation li#primary-mid2 a:hover,
div#primary-navigation li#primary-mid2.selected *,
#site-map-links ul.level0 .item3 a,
#site-map-links ul.level0 .item9 a {
  background-image: url(/dsc_images/Nav_top_orange.gif);
}

div#primary-navigation li#primary-mid3 a:hover,
div#primary-navigation li#primary-mid3.selected *,
#site-map-links ul.level0 .item4 a,
#site-map-links ul.level0 .item9 a {
  background-image: url(/dsc_images/Nav_top_lime.gif);
}

div#primary-navigation li#primary-mid4 a:hover,
div#primary-navigation li#primary-mid4.selected *,
#site-map-links ul.level0 .item5 a,
#site-map-links ul.level0 .item10 a {
  background-image: url(/dsc_images/Nav_top_brown.gif);
}

div#primary-navigation li#primary-last a:hover,
div#primary-navigation li#primary-last.selected *,
#site-map-links ul.level0 .item6 a,
#site-map-links ul.level0 .item11 a {
  background-image: url(/dsc_images/Nav_top_purple.gif);
}

div#primary-navigation li,
div#primary-navigation ul,
#site-map li {
  background-image: url(/dsc_images/top_nav_back.gif);
  background-position: top left;
  background-repeat: repeat;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  /* white-space: nowrap; add this for overlapping one-line */
}

div#primary-navigation li {
  display: inline;
}

div#primary-navigation ul {
  width: 100%; /* delete this for overlapping one-line */
}
/*
div#site-map-links ul.level1 .sitemapLink a {
  background-image: none;
  color: #009460 !important;
}

.sitemapLink {
  position: relative;
}

.sitemapLink a {
  color: #ffffff !important; 
  display: block;
  margin-bottom: 1px;
  padding: 2px 5px 2px 5px;
}

.sitemapLink small {
  background-color: #221e1f;
  color: #ffffff;
  position: absolute;
  right: 0px;
  top: 2px;
}

.sitemapLink small a {
  background-image: none !important;
}

#site-map-links ul.level1 {
  padding-left: 16px;
}

#site-map-links ul.level2 {
  padding-left: 32px;
}

#site-map-links ul.level3 {
  padding-left: 48px;
}

/***********
 breadcrumbs
 ***********/
div#breadcrumbs { 
  left: 101%;
  position: absolute;
  top: 0px;
  width: 300%;
}

div#breadcrumbs a,
div#breadcrumbs span {
  font-size: 70.0% !important;
}

/********* 
 main-left 
 *********/ 
div#main-left { 
  float: left; 
  left: -18.9%;
  margin-top: 9px;
  position: relative; 
  top: 0px; 
  width: 22.3%; 
}

div#main-left div.document {
  margin-right: 10%;
  margin-top: 10px;
  margin-left: 10px;
}

div#main-left div.featureItem {
  margin-right: 10%;
  margin-left: 10px;
}

div#main-left div.featureItem div.image {
 display: none;
}

/**************************************
 secondary-navigation (section & browse
 **************************************/
div#secondary-navigation {
  padding: 0px 5px 0px 11px;
  margin-right: 10%;
}

div#secondary-navigation a,
div#secondary-navigation span {
  background-position: 3px 50%;
  background-repeat: no-repeat;
  color: #221e1f !important;
  display: block;
  font-size: 70.0% !important;
  padding: 5px 2px 6px 15px;
  text-decoration: none;
}

div#secondary-navigation a.selected,
div#secondary-navigation span {
  background-color: #ba8d94;
  background-image: url(/dsc_images/arrow_white.gif);
  border-color: #221e1f;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}

div#secondary-navigation a:hover,
div#secondary-navigation .finalSelected,
div#secondary-navigation-browse a.selected,
div#secondary-navigation-browse span {
  background-image: url(/dsc_images/arrow_white_right.gif);
  background-position: 5px 50%;
}
/*
div#secondary-navigation h3.title {
  font-size: 70.0% !important;
  font-weight: normal;
  margin-bottom: 8px;
  margin-top: 8px;
}

div#secondary-navigation li,
div#secondary-navigation ul {
  font-size: 100% !important;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

div#secondary-navigation ul {
  background-position: 0px 0px;
  background-repeat: repeat-x;
}

div#secondary-navigation ul.level0 {
  background-color: #efdfe6;
  background-image: url(/dsc_images/bg_secondary_navigation.jpg);
}

div#secondary-navigation ul.level1,
div#secondary-navigation-browse ul {
  background-color: #f8f3f4;
  background-image: url(/dsc_images/bg_secondary_navigation_1.jpg);
}

div#secondary-navigation ul.level1 a:hover,
div#secondary-navigation ul.level1 a.selected,
div#secondary-navigation ul.level1 span,
div#secondary-navigation-browse a:hover {
  background-color: transparent;
  background-image: url(/dsc_images/arrow_black_right.gif);
  background-position: 5px 50%;
  color: #221e1f !important;
}

div#secondary-navigation ul.level1 a { 
  background-image: none;
}

div#secondary-navigation ul.level1 a.selected {
  background-image: url(/dsc_images/arrow_black_down.gif);
  background-position: 3px 50%;
}

div#secondary-navigation ul.level2 {
  background-color: #f9efed;
  background-image: url(/dsc_images/bg_secondary_navigation_2.jpg);
}

div#secondary-navigation ul.level2 a,
div#secondary-navigation ul.level2 a:hover {
  border-width: 0px;
}

div#secondary-navigation ul.level2 a.selected,
div#secondary-navigation ul.level2 span {
  background-color: transparent;
  border-width: 0px 0px 0px 0px;
}

/************
 main-content
 ************/
div#main-content { 
  clear: both;
  float: right;
  margin-top: 3.2em;
  position: relative;
  right: 21.9%;
  width: 55.8%;
  z-index: 10;
}

div#main_content-item-1 div.content,
div#main_content-item-1  h3.title {
  background-color: transparent;
  padding: 0px;
}

/**********
 main-right
 **********/
div#main-right {
  float: left;
  left: 81.1%;
  margin-top: 3em;
  overflow: hidden;
  padding-top: 2.5em;
  position: relative;
  top: 0em;
  width: 18.9%;
}

div#main-right div.component h3.title {
 /* background-color: #e7dfe6;*/
  background-color: #C99972;
  font-size: 95.0%;
  font-weight: normal;
}

div#main-right div.featureItem h3.title {
  clear: both;
  font-weight: bold;
}

/*************
 component-box
 *************/
div#component-box { 
  float: right;
  position: relative;
  width: 18.9%;
  z-index: 15;
}

div#component-box-actions {
  background-color: #f6f7e5;
  position: absolute;
  width: 100%;
}

div#component-box-actions a {
  background-position: center left;
  background-repeat: no-repeat;
  color: #221e1f;
  font-size: 70.0%;
  margin-left: 8px;
}

div#component-box-utilities {
  position: absolute;
  top: 1.2em;
}

div#component-box-utilities a:hover,
div#component-box-utilities span.over {
  color: #b30337 !important;
  cursor: pointer;
  text-decoration: underline !important;
}

div#component-box-utilities a,
div#component-box-utilities span {
  color: #009460 !important;
  font-size: 70.0%;
  padding: 0px;
}

div#component-box-utilities span.separator {
  position: relative;
  top: -1px;
}

#component-action-cart {
  background-image: url(/dsc_images/cart.gif);
  padding-left: 15px;
  text-transform: capitalize;
}

#component-action-checkout {
  background-image: url(/dsc_images/checkout.gif);
  margin-left: 15px;
  padding-left: 8px;
  text-transform: capitalize;
}

/***********
 main-footer
 ***********/
div#main-footer { 
  background-color: #98bab1;
  color: #000000;
  margin-bottom: 2em;
  text-align: center;
  z-index: 5;
}

div#main-footer a,
div#main-footer span {
  color: #000000;
  font-size: 70.0% !important;
}

div#copyright,
div#footer-navigation {
  margin: 0 auto;
  position: relative;
  text-align: left;
  top: 5px;
  width: 66%;
}

div#copyright-produced {
  clear: both;
  position: relative;
  top: 1em;
}

div#copyright-rights {
  float: left;
  position: relative;
  top: 3px;
  width: 44%;
}

div#copyright-rights a,
div#copyright-rights span,
div#copyright-static-links a,
div#copyright-static-links span {
  font-size: 65.0% !important;
  white-space: nowrap;
}

div#copyright-static-links {
  float: right;
  position: relative;
  top: -2px;
  width: 54%;
}

div#footer-navigation span.separator {
  color: #98bab1;
}

/*** ::::::::::::::::: START COMPONENT SPECIFIC STYLES :::::::::::::::::::::: ***/

/******************
 general components
 ******************/
div.component {
  margin-bottom: 17px;
  position: relative;
}

div.component div.content {
  margin: 0px;
  padding: 0px 13px 0px 13px;
}

div.component h3.title {
 /* background-color: #d0e1ec;*/
 background-color: #C99972;
  font-weight: normal;
  margin-bottom: 8px;
  padding: 8px 13px 15px 13px;
}

div.component li,
div.component ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

div.featureItem,
div.featureList,
div.quotation {
  background-color: #e6e3c5;
  padding: 13px 13px 11px 13px;
}

div.featureItem div.content,
div.featureList div.content {
  padding: 0px;
}

/*div.featureItem div.image,
div.teaser div.image {
  float: left;
  margin-right: 8px;
}

div.featureItem h3.title,
div.featureList h3.title,
div.file h3.title {
  background-color: transparent !important;
  font-size: 75.0% !important;
  font-weight: bold;
  padding: 0px;
}

div.featureItem p,
div.poll p {
  margin-bottom: 0px;
}


div.featureItem .infoIcon {
  top: 8px;
  right: 13px;
}

div.featureItem .infoIcon .bgElement {
  background-color: #e6e3c5;
}

div.featureItemWithInfo  h3.title {
  padding-right: 100px;
}

div.featureList a,
div.newsList a,
div.proxyList a,
div.proxyItem a {
  font-size: 90.0% !important;
}

div.newsList li {

}

div.file {
  background-color: #d0e1ec;
  padding: 13px 13px 1px 13px;
}

div.file img {
  margin-right: 8px;
}

.infoIcon {
  background-color: #b30337;
  color: #ffffff;
  line-height: 24px;
  margin-top: 1px;
  padding: 0px 14px 0px 14px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.infoIcon p {
  margin: 0px;
}

.infoIcon .bgElement {
  background-color: #ffffff;
}

.infoIcon .bgOne {
  background-image: url(/dsc_images/bg_info_tl.gif);
  left: 0px;
  top: 0px;
}

.infoIcon .bgTwo {
  background-image: url(/dsc_images/bg_info_tr.gif);
  right: 0px;
  top: 0px;
}

.infoIcon .bgThree {
  background-image: url(/dsc_images/bg_info_bl.gif);
  bottom: 0px;
  left: 0px;
}

.infoIcon .bgFour {
  background-image: url(/dsc_images/bg_info_br.gif);
  bottom: 0px;
  right: 0px;
}


div.newsList span.date {
  color: #666666;
  display: block;
  font-size: 75.0% !important;
  font-weight: bold;
}

div.poll {
  position: relative;
}

div.poll div.radio {
  margin-left: 18px;
}

div.poll div.resultArea {
  border: 1px solid #666666;
  padding: 0px 5px 3px 5px;
}

div.poll input.button {
  margin-top: 3px;
}

div.signUpCall h3.title {
  background-image: url(/dsc_images/bg_heading_1.gif);
  background-position: top left;
  color: #ffffff;
  padding: 3px 13px 8px 13px;
}

div.document {
  z-index: 1;
}

div.document h3.title {
}

div.document ol,
div.document ol li {
  list-style-type: decimal;
  margin-left: 10px;
  padding-left: 10px;
}

div.document table,
body.mceContentBody table {
  width: auto;
}

div.document ul {
  margin-bottom: 10px;
}

div.document ul,
div.document ul li {
  list-style-type: disc;
  margin-left: 10px;
  padding-left: 10px;
}

div.thumbimage {
  z-index: 2;
}

div.teaser a,
div.thumbimage a {
  color: #000000 !important;
  text-decoration: none !important;
}

div.thumbimage h4.title {
  margin: 5px 0px 1px 0px;
}

div.thumbimage p {
  margin-top: 5px;
}

div.thumbimageActive {
  cursor: pointer;
}


/***************
 Quote component
 ***************/
div.quotation {
  background-image: url(/dsc_images/bg_quote_open.gif);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 13px 13px 11px 13px !important;
}

div.quotation span {
  
}

span.quoteBody {
  background-image: url(/dsc_images/bg_quote_close.gif);
  background-position: top right;
  background-repeat: no-repeat;
  font-size: 90.0% !important;
  line-height: 1em;
  padding: 0px 20px 0px 16px;
}

/**********
 hover help
 **********/
.hoverHelp {
  position: relative;
  z-index: 1000;
}

.hoverHelp small,
.hoverHelp span.activator {
  color: #009460;
  float: left;
}

.hoverHelp span.activator {
  display: block;
}

.hoverHelp div.hoverHelpText,
.hoverHelp span.labelExplanation {
  background-color: #f6f7e5;
  background-image: none;
  background-position: 2px 2px;
  background-repeat: no-repeat;
  border: 1px solid #000000;
  display: none;
  left: -155px;
  padding: 10px 5px 5px 5px;
  position: absolute;
  text-align: left;
  text-indent: 0px;
  top: 0px;
  width: 300px;
}

.hhClose {
  z-index: 1;
}

.hhOpen {
  z-index: 2;
}

.hhOpen div.hoverHelpText,
.hhOpen span.labelExplanation {
  display: block;
}

div.prices .hoverHelp {
  float: none;
}

div.hoverHelpText p,
span.labelExplanation p {
  font-style: normal;
  font-weight: normal;
  margin-bottom: 1em;
}

body.Publication .hoverHelp div.hoverHelpText,
body.Publication .hoverHelp span.labelExplanation {
  left: 55px;
}

/********
 atozList
 ********/
span#atoz-course,
#atoz-course:hover {
  background-image: url(/dsc_images/Nav_top_orange.gif);
  color: #ffffff;
}

span#atoz-publication,
#atoz-publication:hover {
  background-image: url(/dsc_images/Nav_top_pink.gif);
  color: #000000;
}

.atozList dd {
  margin-bottom: 8px !important;
  margin-left: 0px;
}

.atozList .heading {
  float: left;
  padding: 2px 0px 2px 0px;
  text-decoration: none !important;
  text-indent: 8px;
  width: 33%;
}

.conferenceList,
span#atoz-conference,
#atoz-conference:hover {
  background-image: url(/dsc_images/Nav_top_lime.gif);
 /* color: #ffffff;*/
  color: #000000;
}

#atoz-publication,
#atoz-course,
#atoz-conference {
  margin-right: -3px;
}

.conferenceList #atoz-content,
.courseList,
.publicationList,
#atoz-conference {
  background-color: #f6f7e5;
  color: #221e1f;
}

.courseList #atoz-content,
#atoz-course {
  background-color: #f9f5f1;
  color: #221e1f;
}

.publicationList #atoz-content,
#atoz-publication {
  background-color: #f8f3f4;
  color: #221e1f;
}

#atoz-content {
  border-color: #000000;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  clear: both;
  padding: 8px;
}

#atoz-filters span {
  font-weight: bold;
}

#atoz-navigation {
  overflow: hidden;
}

#atoz-navigation-links {
  float: right;
}

#atoz-navigation-select {
  float: left;
}

div.signUpCall h3.title a {
  color: #ffffff;
}

/*** :::::::::::::::::::: START PAGE SPECIFIC STYLES ::::::::::::::::::::::: ***/

/*************************************
 shop_basket_details shop_checkout_frm
 *************************************/
div#basket-items h4,
div#shop-checkout-form h4  {
  font-size: 75.0%;
  font-weight: normal;
}

div#basket-items .cellItem,
div#shop-checkout-form .cellItem {
  width: 50% !important;
}

div#basket-items .tdCell,
div#basket-items .thCell,
div#shop-checkout-form .tdCell,
div#shop-checkout-form .thCell {
  text-align: left;
  width: 15%;
}

div#shop-checkout-form .cellPostageLabel,
div#shop-checkout-form .cellTotalLabel {
  padding-left: 10px;
  text-align: right;
  width: 80%;
}

/***********
 GenericForm 
 **********
body.GenericForm #generic-form fieldset {
  background-image: none;
  border-width: 1px 1px 1px 1px;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

body.GenericForm #generic-form fieldset span.warning {
  display: block;
  padding: 0px 0px 10px 10px;
  position: relative;
  top: 10px;
}

body.GenericForm #generic-form .document {
  border-color: #cccccc;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  margin: 0px;
  padding: 20px 0px 0px 0px;
}

body.GenericForm #generic-form .document h3.title {
  background-color: transparent;
  font-weight: bold;
  font-size: 95.0%;
  margin: 0px;
  padding: 5px 10px 5px 10px;
}

body.GenericForm #generic-form .error {
  margin: 3px 0px 0px 0px;
}

body.GenericForm #generic-form .formElement {
  border-width: 0px 0px 0px 0px;
  margin: 0px;
  padding: 5px 10px 5px 10px;
}

body.GenericForm #generic-form .formRow {
  margin: 0px;
}

body.GenericForm #generic-form-rows-holder {
  border-color: #cccccc;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  padding: 0px;
  position: relative;
  z-index: 1;
}
*/

/********
 HomePage
 ********/
body.HomePage div.contentArea {
  overflow: hidden;
}

body.HomePage div.component h3.title {
  font-size: 100.0% !important;
  font-weight: bold;
  padding: 8px 13px 8px 13px;
}

body.HomePage div.featureItem {
  background-color: transparent;
  padding: 0px;
}

/*body.HomePage div.ConferenceProxyItem div.image {
  float: none;
  margin-right: 0px;
  overflow: hidden;
}

body.HomePage div.featureItem .infoIcon,
body.GenericPage div#main-right div.featureItem .infoIcon {
  float: right;
  left: 0px;
  margin-bottom: 5px;
  position: relative;
  top: 0px;
}

body.HomePage div.featureItem .infoIcon {
  margin: 5px;
}
*/
body.HomePage div.featureItem div.content {
  margin: 0px;
  padding: 0px 13px 0px 13px;
  
}

body.HomePage div.signUpCall h3.title {
  font-size: 110.0% !important;
  margin-bottom: 0.8em;
  padding: 3px 13px 4px 13px;
}
/*
body.HomePage div#component-box {
  position: relative;
  width: 58%;
}

body.HomePage div#component-box-actions {
  background-color: transparent;
  margin: 0px;
  top: 0.6em;
  position: absolute;
  right: 0px;
  width: 28%; 
}

body.HomePage div#component-box-utilities {
  left: 0px;
  margin: 0px;
  position: absolute;
  top: 0.6em; 
}
*/
body.HomePage div#column_one {
  float: left;
  position: relative;
  width: 38.8%;
}

body.HomePage div#column_two {
  float: left;
  margin-left: 2%;
  position: relative;
  top: 0px;
  width: 29.6%;
}

body.HomePage div#column_two h3.title{
 /* background-color: #d0e1ec !important;  */
 background-color: #C99972 !important;
}

body.HomePage div#column_three {
  float: right;
  position: relative;
  top: 0px;
  width: 28%;
}

body.HomePage div#column_three h3.title {
/*  
The heading of the right column feature items
 */
background-color: #C99972 !important; 
/*background-color: #e7dfe6 !important; */
}

body.HomePage div#content-footer {
  clear: both;
}

body.HomePage div#main-content {
  float: none;
  left: 0px;
  margin-top: 1em;
  position: relative;
  top: 0px;
  width: auto;
}

div.dscpanel {
  background-color: #e6e3c5;
  margin-bottom: 0px;
}

/* The main left image */
div.dscpanel div.image {
margin: 0px 13px 13px 10px;
/*float:left Commented out because it doesn't work in IE*/
}
/* The text to the right of the column one image */
div.dscpanel div.text {
  margin-bottom: 13px;
  padding-left: 50px;

}

div.dscpanel h3.title {
  background-color: transparent !important;
}

div.dscpanel li {
  background-position: 0px 0.5em;
  background-repeat: no-repeat;
  margin-bottom: 13px;
  padding-left: 10px;
}

/* This stylesheet is used to handle the different base */
/* colours for the section pages. DO NOT PUT ANYTHING   */
/* OTHER THAN THE COLOUR STYLE PROPERTIES THAT GET      */
/* CHANGED HERE.                                        */

/*********************/
/* GENERAL STYLES    */     
/*********************/

/**************************************
 secondary-navigation (section & browse
 **************************************/
div#secondary-navigation li,
div#secondary-navigation ul {
  background-color: #E1DDBB
}

div#secondary-navigation ul.level1 li {
  background-color: #F1EFDD
}

div#secondary-navigation ul.level2 li {
  background-color: #FAF9F3
}

div#secondary-navigation a.selected, div#secondary-navigation span {
  background-color:#cec88c;
}

/******************************/
/* section/components to hide */
/******************************/
div#breadcrumbs span.message,
div#browser-warning,
div#component-box,
div#copyright-static-links,
div#footer-navigation,
div#main-banner div.links,
div#main-left,
div#main-right,
div#primary-navigation,
div#print-page,
div#search-box,
div#show-toolbar-button-holder,
div.topOfPage,
div#webfactory-toolbar,
div#webfactory-toolbar-show {
  display: none;
}

/****************************/
/* alternate general styles */
/****************************/
a,
a:visited,
a:link {
  color: white;
  text-decoration: none;
}

body.left-middle-right div#main-content,
body.left-middle div#main-content,
body.middle-right div#main-content,
body.middle div#main-content,
div#main-content,
div#main-footer,
div#copyright,
div#copyright-rights,
div#copyright-produced {
  clear: both;
  float: none;
  margin: 0px;
  padding: 0px;
  position: static;
  text-align: left;
  width: auto;
}

div#main-footer {
  margin-top: 50px;
}

/* Course stream heading in charityfair timetable table */
tr.course_stream {
  font-weight: bold;
  font-size: 110.0%;
  background-color:#D85620;
 /* background-color:#333333;*/

  color:#FFFFFF
}
/* Dotted rule for table cells */
.dottedrule
{border-bottom: 1px dotted gray;
width: 100%;
}
/* The date and venue heading on the charityfair banner */
span.DateVenue{
color:#FFFFFF;
font-weight:bolder;
margin-left: 17px
}
/* The anchor containing the 'Book now' button */
a.bookbutton{background:#000000;
color: #FFFFFF;
padding: 5 10 5 10;
white-space:nowrap;
}
/* This div class adds a bottom padding to the table row containing the 'Book now' button */
div.coursecode{
padding-bottom: 5px;
text-align: center;
font-weight:bold;
}

/* The class for the span tag containing the 'New' button */
span.newbutton{background:#FF0000;
color: #FFFFFF;
padding: 5 10 5 10;
margin-left: 30px;
white-space:nowrap; }

/* The class for the 'NEW' tag text */
.newCourse{
color: #FF0000;
font-weight:bold;
}

/* The class for the input tag containing the submit and clear buttons */
input.bookingformbutton{background:#FF0000;
color: #FFFFFF;
padding: 5 10 5 10;
white-space:nowrap;
font-weight:bold; 
background:#000000; 
border-style:outset
}

/*The heading for a free floating heading */
h3.title{
background-color: #c99972; 
  font-size: 110.0%;
  font-weight: bold;
  padding: 5;
}

/*The rules for the :link, :visited within the body tag */
body a:link {
	color: #009966;
	text-decoration:none;
	
}
body a:visited {
	/*color: #666666;*/
	color: #008080;
	text-decoration:none;
}

/* The anchor containing the 'Book now' button */
a.bookbutton{background:#000000;
color: #FFFFFF;
padding: 5 10 5 10;
white-space:nowrap;
}

/* The anchor containing the 'Book now' button */
a.bookbutton{background:#000000;
color: #FFFFFF;
padding: 5 10 5 10;
white-space:nowrap;
}

 /**********************
 Tables in the main section
 **********************/
 
 div.informationtables {
    background-color:#ffffff;
	margin-bottom:30px;
	margin-left:50px;
 }