/* Knowledge Connect CSS Document */

html {height:100%;}
body {background:#000; color:#949494; font-size:101%; font-family:Verdana, Helvetica, sans-serif; height:100%; margin:0; padding:0;}
form {margin:0; padding:0;}
ul {list-style-type:none; margin:0; padding:0;}
p {line-height:1.4em; margin:0 0 0.9em 0; padding:0;}
h1 {font-size:1.10em; font-weight: normal; line-height:1.25em; margin-top:0px; margin-bottom:0px;}
h2 {font-size:1.25em; font-weight: normal; line-height:1.25em; margin-top:0px; margin-bottom:0px;}
h3 {font-size:11px; font-weight: normal; margin-bottom:0px; margin-top:0px;}
h4 {font-size:12px; font-weight: normal; margin-bottom:0px; margin-top:0px;}
h5 {font-size:1.25em; font-weight: normal; line-height:1.25em; margin-bottom:0px; margin-top:0px;}
h6 {font-size:1.25em; font-weight: normal; line-height:1.25em; margin-bottom:0px; margin-top:0px;}
hr {display:none;}
fieldset {border:0; margin:0; padding:0;}
input, select, textarea {font-family:Verdana; font-size:11px; color:#646464;}

div#position {width:1px; height:50%; margin-bottom:-456px; float:left;} /* half of container's height */
div#container {clear:left; margin:0 auto; padding-bottom:20px; text-align:left; width:996px; } /* puts container in front of distance */

div#wrapper {float:left; display:inline; margin:20px 0; background:#FFFFFF;}

div#transcriptContainer {clear:left; margin:0 auto; padding-bottom:20px; text-align:left; width:996px; height:100%; background: #FFFFFF;} /* puts container in front of distance */
div#transcriptWrapper {float:left; display:inline; margin:0px 0; background:#FFFFFF; padding:20px; overflow: visible; }
#transcriptHead {margin-bottom:20px;}
#transcriptHeadline {padding: 0 0 0.63em 0; margin: 0px; font-size:1.25em; line-height:1.38em; color:#000; font-weight: bold;}
#transcriptDate {padding: 0 0 1.5em 0; margin: 0px; color:#000; font-size:0.8em; font-weight:bold;}
#transcript {color:#000; line-height:1.4em; font-size:0.8em;}

/* -- Header -- */
#header {float:left; display:inline; background:url(../images/top-left.gif) left top no-repeat scroll;} 

#header img.main-logo {float:left; display:inline; margin:50px 24px 0 44px;}
#header #images {clear:both;}
#header #images img {float:left; display:inline;}
/* -- Header -- */

/* -- login box -- */
#login {position: absolute; width: 997px; clear: both; color: #000000; font-size: 0.69em}
#loginleft { width: 80px; float:right;  display:inline}
#loginright {width: 459px; background: #D9E6ED; float:right; display:inline; padding-top:10px;}
#loginright img {margin-right: 10px;}
#loginright table {margin-top: 0px; margin-bottom: 5px;}
#loginright td {padding: 0.2em;}
#loginright a {color: #959595; text-decoration: none;}
#loginright a:hover { }


#loggedinright {width: 459px; height: 71px; background: #D9E6ED; float:right; display:inline; padding-top:10px;}
#loggedinright p {margin-left: 45px; font-size: 1.1em}
#loggedinright img {margin-left: 10px; margin-right: 10px;}
#loggedinright a {color: #000000; text-decoration: none; font-weight:bold;}
#loggedinright a:hover {color: #959595;}


#loginto {width: 459px; background: #D9E6ED; clear: both; color: #000000; font-size: 0.69em; border: 1px solid #959595; padding: 0.4em; margin: 50px auto}
#loginto img {margin-right: 10px;}
#loginto td {padding: 0.2em;}
#loginto a {color: #959595; text-decoration: none;}

/* -- login box -- */

#midsection {width:996px; position:relative; background:url(../images/menuborder.jpg) top left no-repeat scroll; padding:35px 0px 0px 0px;}
#contentwrapper {width: 720px; float:right; position:relative; padding:0px 0px 0px 0px; display: inline;}

#shadow {background:url(../images/menubg.gif) top right no-repeat scroll; float:left; position:relative; width: 11px; display:inline; height:404px; margin-left: 20px;}

/* -- Homepage --*/
#content {float:left; display: inline; padding:0px 0px 0px 0px; position:relative; border-color: #000000; border: 0px;  width:436px;}
#content.home {padding-bottom:350px;}
#content p {font-size:0.75em; line-height:1.38em; color:#000;}
#content a {font-size:0.75em; line-height:1.38em; color:#000; font-weight: bold;}
#content a:hover {color: #959595; text-decoration:none;}
#content h2 {margin-top:40px;}
#content h1 {font-size:1.10em; line-height:1.25em; color:#959595; font-weight: normal; margin-top:20px;}

#contentright {width:252px; float:right; display:inline; position:relative; right:20px; padding: 0 0 0 0;}
#contentright div {display:block; position:relative; padding: 0px 0px 10px 0px; margin-bottom:10px; border: 1px solid #BFBFBF; background:#E9F0F4;}
#contentright div a {font-size:0.69em; line-height:1.38em; padding-left:10px; padding-right:10px; color:#00A5D9; font-weight: bold; font-style: italic; margin-top:5px; text-decoration: none;}
#contentright div img {padding: 0; margin:0; }
#contentright div img.header {border-bottom: 1px solid #BFBFBF;}
#contentright div img.inspiration {padding-bottom:10px; margin-left:10px;}
#contentright div img.watch {margin:54px 53px 0px 0; float:right; display:inline;}
#contentright div img.hdr {margin:10px 0 5px 10px; text-align:left; border: 0px;}
/* #contentright div div {display:block; float:left; width:100%; position:relative; background:#E9F0F4; height:100%; text-align: left; margin-bottom:0px; padding-bottom: 10px;} */
#contentright div h1 {font-size:0.75em; line-height:1.38em; padding-left:10px; padding-right:10px; color:#000; font-weight: bold; margin-top:0px; margin-bottom:5px;}
#contentright div div h1.casestudy {font-size:0.75em; line-height:1.38em; padding-left:10px; padding-right:10px; color:#E20177; font-weight: bold; margin-top:0px; margin-bottom:0px;}
#contentright div p {font-size:0.69em; line-height:1.38em; padding-left:10px; padding-right:10px; color:#000; font-weight: normal; margin-top:0px; margin-bottom:0px;}
#contentright .casestudy a {color:#ed0176;}

#hppic {width: 406px; bottom: 0px; position:absolute; left:0;}
#eventsbook {position:absolute; left:-276px; bottom:-127px; background: #E20177; width:237px;}

#pscroller1{
width: 200px;
height: 70px;
border: 0px solid black;
padding: 0px;
background: #E20177;
}


.someclass{ //class to apply to your scroller(s) if desired
}



#homeevent {margin: 10px; color: #FFFFFF;}
#homeevent h1 {font-size:0.75em; font-weight: bold; margin-top:5px; margin-bottom:0px;}
#homeevent p {font-size:0.69em; margin-top:0px; margin-bottom:0px;}
#homeevent a {color: #FFFFFF; font-size:0.69em; font-weight: bold; font-style: italic; text-decoration: none; margin-top:5px;}
/* -- Homepage Ends --*/


/* -- About The Programme Content--*/
#atptitles {width:453px; margin-bottom:10px; margin-top:0px; border-bottom: 1px solid #BFBFBF; padding-bottom: 0px;}
#atpcontent {float:left; display: inline; padding:0px 0px 0px 0px; position:relative; width:453px;}
#atpcontent p {font-size:0.75em; line-height:1.38em; padding: 0px; color:#000000; margin-bottom:0px; margin-top:0px;}
#atpcontent a {line-height:1.38em; color:#000; font-weight: bold;}
#atpcontent a.pinklink {line-height:1.38em; color:#E20177; font-weight: bold; text-decoration:none;}
#atpcontent a:hover {color: #959595; text-decoration:none;}

#atpcontent ul {list-style-type: disc; text-align: left; padding: 10px; margin: 10px;}
#atpcontent ul li {padding-left: 0.6em; padding-top: 0.6em; }

#atpcontent h1 a {text-decoration: none}

#atpcontent h1 {font-size:1.10em;; font-weight: normal; line-height:1.25em; margin-top:0px; margin-bottom:0px;}
#atpcontent h2 {font-size:1.25em; font-weight: normal; line-height:1.25em; margin-top:0px; margin-bottom:0px;}
#atpcontent h3 {font-size:11px; font-weight: normal; margin-bottom:0px; margin-top:0px;}
#atpcontent h4 {font-size:12px; font-weight: normal; margin-bottom:0px; margin-top:0px;}
#atpcontent h5 {font-size:1.25em; font-weight: normal; line-height:1.25em; margin-bottom:0px; margin-top:0px;}
#atpcontent h6 {font-size:1.25em; font-weight: normal; line-height:1.25em; margin-bottom:0px; margin-top:0px;}



#atpcontentright {width:181px; float:right; display:inline; position:relative; right:40px; padding: 0 0 0 0;}
#atpcontentright p {font-size:0.69em; line-height:1.38em; color:#000; margin-bottom:0px; margin-top:0px;}

/* -- About The Programme Content Ends --*/




#content1col {float:left; display: inline; padding:0px 0px 0px 0px; position:relative; width:660px;}
#content1col p {font-size:0.75em; line-height:1.38em; color:#000; margin-top:0px;}
#content1col a {font-size:0.75em; line-height:1.38em; color:#000; font-weight: bold;}
#content1col a:hover {color: #959595; text-decoration:none;}
#content1col h2 {margin-top:40px;}
#content1col h1 {font-size:1.10em; line-height:1.25em; color:#959595; font-weight: normal; margin-top:20px;}

#content1col dl {width: 100%; border-top: 1px solid #BFBFBF; padding: 0 0 0.63em 0;}
#content1col dt {font-size:0.88em; line-height:1.38em; color:#E20177; font-weight: bold; padding: 0 0 0 0;}
.caseStudiesOverview dt {font-size:0.88em; line-height:1.38em; color:#66c64a!important; font-weight: bold; padding: 0 0 0 0;}
#content1col dd {font-size:0.75em; line-height:1.38em; color:#000; margin: 0; padding: 0 0 0.5em 0;}
#content1col dd p {font-size:0.95em; line-height:1.38em; color:#000; margin: 0; padding: 0 0 0.5em 0;}
#content1col dd a {font-size:0.95em; line-height:1.38em; color:#000; font-weight: bold; }
#content1col dd img {float:left; display:inline; padding: 0 0.75em 0 0.19em;}

/* Inspiration section */
#inspirationCol {float:left; display:inline; position:relative; width:644px;}
#inspirationCol dl {height:126px; width:220px; border-bottom:1px solid #bfbfbf; margin:0; padding:0;}
#inspirationCol dl dt {float:left; display:inline; width:108px; padding:18px 0 8px;}
#inspirationCol dl dt span.title {display:block; font-size:0.75em; font-weight:bold; color:#66c64a; padding-bottom:5px;}
#inspirationCol dl dt span.date {display:block; font-size:0.70em; color:#767676;}
#inspirationCol dl dt a {font-size:0.75em; line-height:1.38em; color:#66c64a; font-weight: bold; font-style: italic; margin-top:0px; text-decoration: none; }
#inspirationCol p.empty {font-size:0.75em; color:#000; padding:20px 0;}
#inspirationCol dl dd {float:right; display:inline; width:100px; padding:18px 0 8px; margin:0;}
#inspirationCol #inspCol1 {float:left; display:inline; width:402px; padding:20px 0 30px;}
#inspirationCol #inspCol1 #headline {font-size:0.85em; color:#66c64a; display:block; float:none; line-height:0.95em;}
#inspirationCol #inspCol1 #date { display:block; float:none; border-bottom:none; padding: 0 0 1.2em 0; margin: 0px; color:#000; font-size:0.8em; font-weight:bold;}
#inspirationCol #inspCol1 span.description {font-size:0.75em; color:#000; line-height:1.4em;}
#inspirationCol #inspCol1 img.transcript {float:right; margin:5px 0 10px 10px; border:none;}
#inspirationCol #inspCol2 {float:right; display:inline; width:220px; padding:20px 0 30px;}
#inspirationCol #inspExtra {clear:both; padding-bottom:40px;}
#inspirationCol #inspExtra dl {height:100px; width:auto;}
#inspirationCol #inspExtra dl dt {float:right; padding:10px 0 10px; width:530px;}
#inspirationCol #inspExtra dl dd {float:left; padding:10px 0 10px;}


/* -- News Story Section --*/
#contentXcol {float:left; display: inline; padding:0px 0px 0px 0px; position:relative; width:660px; color:#000000;}
#extras p {font-size:0.75em; color:#000; margin-bottom:0px;}
#extras a {font-size:0.75em; font-weight: bold; color:#000000; line-height:1.2em; margin-bottom:0px;}
#extras a:hover {color: #959595; text-decoration:none;}
#backto {width: 100%; float:left; border-bottom: 1px solid #BFBFBF; padding: 0 0 0.63em 0; margin: 0px; margin-bottom:0px;}
#date {width: 100%; float:left; border-bottom: 1px dotted #BFBFBF; padding: 0.63em 0 0.63em 0; margin: 0px; margin-bottom:10px; font-size:0.69em; line-height:1.2em; color:#BFBFBF;}
#headline {width: 100%; float:left; padding: 0 0 0.63em 0; margin: 0px; margin-bottom:0px; font-size:1.25em; line-height:1.38em; color:#00A5D9; font-weight: bold;}

#story {width: 100%; float:left; margin: 0px; padding: 0px; font-size: 0.75em; line-height:1.38em;}

#story table {width: 100%}
#story td {padding: 0px; color:#000000;}
#story td p {padding: 0px; color:#000000; margin-bottom:0px;}
#story td p a {color:#000000; line-height:1.2em; margin-bottom:0px;}
#story td.imagesin1 img {margin-top: 10px; margin-bottom: 10px; margin-left: 10px; float: right;}
#story td img {margin-top: 0px; margin-bottom: 20px;}
#story td table.sup {width: 160px; border: 1px solid #BFBFBF; background:#E9F0F4; color:#000; margin-bottom: 10px;}
#story td table.sup td {padding:10px;}
#story td table.sup td p {margin-bottom:0px;}
#story td table.sup td img {display:block;}


#story h1 {font-size:1.10em;; font-weight: normal; line-height:1.25em; margin-top:0px; margin-bottom:0px;}
#story h2 {font-size:1.25em; font-weight: normal; line-height:1.25em; margin-top:0px; margin-bottom:0px;}
#story h3 {font-size:11px; font-weight: normal; margin-bottom:0px; margin-top:0px;}
#story h4 {font-size:12px; font-weight: normal; margin-bottom:0px; margin-top:0px;}
#story h5 {font-size:1.25em; font-weight: normal; line-height:1.25em; margin-bottom:0px; margin-top:0px;}
#story h6 {font-size:1.25em; font-weight: normal; line-height:1.25em; margin-bottom:0px; margin-top:0px;}
#story em {margin-top:0px;}




/* -- End News Story Section --*/


/* -- News Listing Section --*/
#content1col dl.news {width: 100%; border-top: 1px solid #BFBFBF; padding: 0.63em 0 0.63em 0; clear:both}
#content1col dl.news dt a {font-size:1em; line-height:1.38em; color:#00A5D9; font-weight: bold; text-decoration:none;}
#content1col dl.news dt a:hover {color: #959595;}
#content1col dd.news {font-size:0.8em; line-height:1.2em; color:#000000; font-weight: normal; }
#content1col dd.news a {font-size:0.95em; line-height:1.38em; color:#00A5D9; font-weight: bold; font-style: italic; text-decoration:none;}
#content1col dd.news a:hover {color: #959595;}

#content1col #news1 {padding: 1.25em 0 0.63em 0;}
#content1col #news1 img {float:left; display: block; padding:0px 28px 0px 0px; border: 0px}
#content1col dl.news1t {float:right; display: block; color:#00A5D9; border: 0px; width: 315px; position:relative; margin-top: 0;}
#content1col dl.news1t dt {padding: 0em 0 0.63em 0;}
#content1col dl.news1t dt a {font-size:1em; line-height:1.38em; color:#00A5D9; font-weight: bold; text-decoration:none;}
#content1col dl.news1t dt img {float:left; display: inline; padding: 0 0.63em 0.63em 0;}
#content1col dl.news1t dt a:hover {color: #959595;}

#content1col dl.news2t {float:left; width:320px; display: block; color:#00A5D9; border: 0px; position:relative; margin-top: 0; padding: 0em 0 0 0;}
#content1col dl.news2t dt {padding: 0em 0 0.63em;}
#content1col dl.news2t dt a {font-size:1em; line-height:1.38em; color:#00A5D9; font-weight: bold; text-decoration:none;}
#content1col dl.news2t dt img {float:left; display: inline; padding: 0 0.63em 0.63em 0;}
#content1col dl.news2t dt a:hover {color: #959595;}

#content1col dl.news3t {float:right; width:320px; display: block; color:#00A5D9; border: 0px; position:relative; margin-top: 0; padding: 0em 0 0 0;}
#content1col dl.news3t dt {padding: 0em 0 0.63em;}
#content1col dl.news3t dt a {font-size:1em; line-height:1.38em; color:#00A5D9; font-weight: bold; text-decoration:none;}
#content1col dl.news3t dt img {float:left; display: inline; padding: 0 0.63em 0.63em 0;}
#content1col dl.news3t dt a:hover {color: #959595;}

#content1col #news2 {width: 50%; margin-top:20px; float:left; display: block; border-top: 1px solid #BFBFBF; padding: 1.25em 0 0 0;}
#content1col #news3 {width: 50%; margin-top:20px; float:right; display: block; border-top: 1px solid #BFBFBF; padding: 1.25em 0 0 0;}
/* -- End News Listing Section -- */



/* -- Complimentary Links --*/
#content1col dl.suplinks {width: 550px; border-top: 1px solid #BFBFBF; padding: 0.63em 0 0.63em 0;}
#content1col dl.suplinks dt {font-size:0.75em; line-height:1.38em; color:#7BC143; font-weight: bold; }
#content1col dd.suplinks a {font-size:0.95em; line-height:1.38em; color:#000; font-weight: bold; }
#content1col dd.suplinks a:hover {color: #959595; text-decoration:none;}
/* -- Complimentary Links --*/

/* -- Events Listing Section --*/
#content1col dl.lcol {width: 480px;  float:left; display:block; padding: 0 0 0.63em 0; border: 0px; margin-top: 0;}
#content1col dl.rcol {position:relative; width: 180px;  float:right; display:inline; padding: 0 0 0.63em 0; border: 0px; margin-top: 0;}
#content1col dl.eventss {clear: both;}
#content1col dd.thetext {clear:left; float:left; display:inline; width:454px; position: relative; padding-bottom:10px;}
#content1col dd.thumb img {float:right; position: relative; display:inline; padding: 0 0 0 0; top: 0px; right: 0px; border-bottom: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; margin-left: 20px;}
#content1col dd.thumb2 img {float:right; position: relative; display:inline; padding: 0 0 0 0; top: 0px; right: 0px; border-bottom: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; margin-left: 20px; margin-bottom: 20px}
#content1col dd.pdf {clear: right; float:right; position: relative; display:block; padding: 20px 0 20px 0; border-bottom: 1px solid #BFBFBF; width: 178px; text-align: center; font-size:0.69em; line-height:1.38em;}
#content1col dd.pdf img {padding: 0 50px 10px 50px ;}
#content1col dd.map {clear: right; float:right; position: relative; display:block; padding: 20px 0px 20px 0px; border-bottom: 1px solid #BFBFBF; width: 178px; text-align: center; font-size:0.69em; line-height:1.38em;}
#content1col dd.map img {padding: 0 50px 10px 50px ;}
#content1col dd a.events {font-size:0.95em; line-height:1.38em; color:#E20177; font-weight: bold; font-style: italic; margin-top:0px; text-decoration: none; }
/* -- End Events Listing Section --*/

/* -- Events Details Section --*/
#eventtitle {width: 100%; float:left; padding: 0px; margin-top: 10px; margin-bottom:0px; font-size:1.25em; line-height:1.38em; color:#E20177; font-weight: bold;}
#eventdate {width: 100%; float:left; border-bottom: 1px dotted #BFBFBF; padding: 0 0 0.63em 0; margin: 0px; margin-bottom: 0px; font-size:0.75em; font-weight: bold; line-height:1.2em; color:#000000;}
#eventdetails {width: 100%; float:left; margin: 0px; padding: 0px; font-size: 0.75em; line-height:1.38em;}

#eventdetails table {width: 100%}
#eventdetails td {padding: 0px; color:#000000;}
#eventdetails td p {padding: 0px; color:#000000; margin-bottom:0px;}
#eventdetails td a {color:#000000; line-height:1.2em; margin-bottom:0px;}
#eventdetails td a:hover {color: #959595; text-decoration:none;}
#eventdetails table.footnotes {border-top: 1px dotted #BFBFBF; margin-top:20px; padding-top: 10px;}

#eventdetails ul {list-style-type: disc; text-align: left; padding: 10px; margin: 10px;}
#eventdetails ul li {padding-left: 0.6em; padding-top: 0.3em; }

#eventdetails h1 {font-size:1.10em;; font-weight: normal; line-height:1.25em; margin-top:0px; margin-bottom:0px;}
#eventdetails h2 {font-size:1.25em; font-weight: normal; line-height:1.25em; margin-top:0px; margin-bottom:0px;}
#eventdetails h3 {font-size:11px; font-weight: normal; margin-bottom:0px; margin-top:0px;}
#eventdetails h4 {font-size:12px; font-weight: normal; margin-bottom:0px; margin-top:0px;}
#eventdetails h5 {font-size:1.25em; font-weight: normal; line-height:1.25em; margin-bottom:0px; margin-top:0px;}
#eventdetails h6 {font-size:1.25em; font-weight: normal; line-height:1.25em; margin-bottom:0px; margin-top:0px;}
#eventdetails em {margin-top:0px;}




#eventdetails table.pdftable {width: 178px; height: 125px; font-size: 0.9em; border-bottom: 1px solid #BFBFBF;}
#eventdetails table.pdftable td a {color:#000000; line-height:1.2em; margin-bottom:0px;}
#eventdetails table.pdftable td a:hover {color: #959595; text-decoration:none;}
#eventdetails table.maptable {width: 178px; height: 125px; font-size: 0.9em; border-bottom: 1px solid #BFBFBF;}
#eventdetails table.maptable td a {color:#000000; line-height:1.2em; margin-bottom:0px;}
#eventdetails table.maptable td a:hover {color: #959595; text-decoration:none;}
/* -- End Events Details Section --*/

/* -- Event Booking Form -- */
#formtable { clear: both; padding: 0.4em 0.4em;}
#formtable td {padding: 0.4em 0.4em; text-align: left; border-bottom: 1px dotted #CCCCCC;}
#formtable th {padding: 0.4em 0.4em; text-align: left; border-bottom: 1px solid #CCCCCC; font-weight: normal}
#formtable td.listtext {color: #000000; font-size:0.69em}
#formtable td.listtext input {margin-left: 0px;}
#formtable td.forminst {background: #EEEEEE; color: #000000; font-size:0.69em}
#formtable td h2 {color: #000000; font-size:0.75em; font-weight: bold; margin-top: 20px}
#formtable td p {background:url(../images/pointer2.gif) 0px 5px no-repeat scroll; padding-left: 10px; margin-bottom: 0px; font-size: 0.69em;}

#msg { clear: both; padding-top: 10px;}
#msg p {font-size:0.75em; line-height:1.38em; color:#000;}
#msg a {color:#000; font-weight: bold;}
#msg a:hover {color:#959595; text-decoration:none;}

/* Error messages */
#errormsg {clear:both; margin-top: 10px; background-color: #E0E0E0; border: 1px solid #ADADAD; padding: 0.4em 0.8em 0.4em 0.8em; color : #FF0000; width:550px; position:relative; margin-bottom: 10px; font-size: 0.69em;}
#errormsg ul {margin: 5 0 0 25; padding: 0 0 0 0; list-style-type: none; text-align: left;}
#errormsg ul li {padding-left: 0;}

#errormsgsml {clear:both; margin-left: 8px; margin-right: 20px; padding: 0.4em 0em; color : #FF0000; position:relative;}
#errormsgsml  ul {margin: 0px; padding: 0; list-style-type: none; text-align: left;}
#errormsgsml  ul li {padding-left: 0;}



#informerror {display: inline;}
#informerror input {border: 2px solid #FF0000;}
#informerror textarea {border: 2px solid #FF0000;}
#informerror select {border: 2px solid #FF0000;}

#simplelist ul {list-style-type: disc; color: #000000; font-size:0.75em; margin: 10px; padding:10px}
#simplelist ul li {padding-left: 10px;}


/* -- Case Studies Listing Section --*/
.caseStudiesOverview dl.lcol {width: 480px;  float:left; display:block; padding: 0 0 0.63em 0; border: 0px; margin-top: 0;}
.caseStudiesOverview dl.rcol {position:relative; width: 180px;  float:right; display:inline; padding: 0 0 0.63em 0; border: 0px; margin-top: 0;}
.caseStudiesOverview dd.thetext {clear:left; float:left; display:inline; width:454px; position: relative; padding-bottom:10px;}
.caseStudiesOverview dd.thumb img {float:right; position: relative; display:inline; padding: 0 0 0 0; top: 0px; right: 0px; border-bottom: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; margin-left: 20px;}
.caseStudiesOverview dd.pdf {clear: right; float:right; position: relative; display:block; padding: 20px 0 20px 0; border-bottom: 1px solid #BFBFBF; width: 178px; text-align: center; font-size:0.69em; line-height:1.38em;}
.caseStudiesOverview dd.pdf img {padding: 0 50px 10px 50px ;}
.caseStudiesOverview dd.map {clear: right; float:right; position: relative; display:block; padding: 20px 0px 20px 0px; border-bottom: 1px solid #BFBFBF; width: 178px; text-align: center; font-size:0.69em; line-height:1.38em;}
.caseStudiesOverview dd.map img {padding: 0 50px 10px 50px ;}
.caseStudiesOverview dd a.caseStudies {font-size:0.95em; line-height:1.38em; color:#66c64a!important; font-weight: bold; font-style: italic; margin-top:0px; text-decoration: none; }
/* -- Case Studies Listing Section --*/

/* Case Studies section */
.caseStudy #headline {margin-top:10px; color:#66c64a; padding-bottom:1em;}
.casestudy #cs_insert {font-weight: bold}
.caseStudy #date {width: 100%; float:left; border-bottom:none; padding: 0 0 1.5em 0; margin: 0px; color:#000; font-size:0.8em; font-weight:bold;}
.caseStudy #story td img {float:right; display:inline; margin:10px 0 10px 10px; border:1px solid #000;}
.caseStudy #story td.main img {float:none; margin:0 0 10px 0; border:1px solid #000;}
.caseStudy #story td img.transcript {float:right; margin:5px 0 10px 10px; border:none;}
.caseStudy #story td table.sup {width: 178px; border: 1px solid #BFBFBF; background:#d1eec8; color:#000; margin-bottom: 10px;}
.caseStudy #story td table.sup td {padding:13px;}
.caseStudy #story td table.sup td img {float:none; display:block; margin:0 0 10px 0; border:1px solid #000;}
.caseStudy #story td table.summary {width: 228px; border: 1px solid #BFBFBF; background:#d1eec8; color:#000; margin-bottom: 10px;}
.caseStudy #story td table.summary td {padding:13px;}
.caseStudy #story td table.summary td img.transcript {float:right; margin:5px 0 10px 10px; border:none;}
.caseStudy #story td table.pdftable {width: 178px; height: 125px; font-size: 0.9em; border-bottom: 1px solid #BFBFBF;}
.caseStudy #story td table.pdftable td img {margin:0; float:none; border:none;}
.caseStudy #story td table.pdftable td a {color:#000000; line-height:1.2em; margin-bottom:0px;}
.caseStudy #story td table.pdftable td a:hover {color: #959595; text-decoration:none;}
.caseStudy #story {padding-bottom:20px;}
.caseStudy #story ul {margin-bottom:10px; list-style-type:disc; padding-left:15px; margin-left:15px;}
.caseStudy #extras p {padding-top:20px;}
.caseStudy ul {margin-top:10px;}
table.csVideo td ul {margin-bottom:10px; list-style-type:disc; padding-left:15px; margin-left:15px;}
table.csVideo td ul li {}
.caseStudy ul.links li {padding:5px 0 5px 22px; background:url(../images/green-arrow.gif) 0 0.5em no-repeat scroll;}
.caseStudy ul.pdf li {padding:0; background:url(../images/pdficon.gif) 0 0 no-repeat scroll;}
.caseStudy ul.pdf li a {display:block; padding:13px 0 0 57px; height:48px; width:250px;}
#videoHolder {width:402px; height:390px; border:1px solid #BFBFBF; margin-bottom:20px;}
#videoHolder p {padding:20px;}

/* -- FOOTER CLASSES -- */

#prefooter {background:url(../images/footershadow.gif) top right no-repeat scroll; clear:both;}

#footer {float:right; display:inline; background:url(../images/bottom-right.gif) bottom right no-repeat scroll; padding:20px 50px 34px 280px; clear:both; width:667px;}
#footer p {float:left; display:inline; width:280px; margin:10px 25px 0 0; color:#A5A5A5; font-size:0.65em; line-height:1.1em;}
#footer p a {color:#A5A5A5; text-decoration:none;}
#footer #logos {float:right; display:inline; width:339px; border:0;}
#footer #logos img {float:left; display:inline; border:0;}
#footer #logos img.angle {}
#footer #logos img.euro {margin:0px 18px 0px 0px;}
#footer #logos img.wm {margin:10px 18px 0 18px;}
#footer #logos img.lda {}

/* -- USEFUL CLASSES -- */
.clr {clear:both; line-height:0px; font-size:0.5px; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Non IE clearfix */


/* -- Menu CLASSES -- */


#menucontainer {float:left; display:inline; width:220px; padding: 0px 0px 0px 0px;}

#menucontainer ul {clear:both; margin: 0; padding: 0 0 0 0; list-style-type: none; text-align: left;}
#menucontainer ul li {font-family: verdana, arial; font-size: 0.75em;
background-repeat: no-repeat; background-position: 0 50%; padding-left: 1em; line-height: 22px;}
#menucontainer ul li a {font-weight: bold; text-decoration: none; color: #000000; padding: 3px 3px 3px 25px; display:block; width:173px;}
#menucontainer ul li a:hover {color: #959595; }
#menucontainer  ul li a.currentPage {color: #959595; background-image: url(../images/linkbullet.gif);
background-repeat: no-repeat; background-position: 0 50%;}

#submenu {float:right; width:200px; padding: 0px 0px 0px 20px;}

#menucontainer ul.sub {float:right; margin: 0; padding: 0 0 0 0; list-style-type: none; text-align: left;}
#menucontainer ul.sub li {font-family: verdana, arial; font-size: 12px;
background-repeat: no-repeat; background-position: 0 50%; padding-left: 0.6em; line-height: 22px;}
#menucontainer ul.sub li a {font-weight: normal; text-decoration: none; color: #000000; padding: 3px 3px 3px 25px; display:block; width:155px; border-bottom: 1px solid #BFBFBF;}
#menucontainer  ul.sub li a.currentPage {color: #959595; background-image: url(../images/linkbullet.gif);
background-repeat: no-repeat; background-position: 0 50%;}