/* Main Site Styles Items */
body { color: #656565; font-size: 62.5%; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif, Tahoma, "Trebuchet MS"; background-color: #fff; background-image: url(../images/interface/header01.gif); background-repeat: repeat-x; background-position: center 0; margin: 0; }
li { font-size: 1.2em; line-height: 1.6em; list-style-type: square; }
a { color: #614b9a; text-decoration: underline; }
a:hover { text-decoration: none; }
p { font-size: 1.2em; line-height: 1.6em; }
td { font-size: 1.2em; }
H1 { color: #614b9a; font-size: 3em; }
H2 { color: #5d9d2e; font-size: 1.8em; }
H3 { font-size: 1.5em; }

/* Page Layout Items */
#wrapper { margin: 0 auto; width: 984px }
#logoarea { width: 984px; height: 146px; float: left; }
#content-left { float: left; width: 554px; margin-left: 42px; }
#content-right { float: left; width: 320px; margin-left: 26px; }

#crumbtrail { line-height: 18px; background-image: url(../images/interface/img-crumbarrow.jpg); background-repeat: no-repeat; text-indent: 22px; float: left; height: 40px; }
#usertrail { line-height: 18px; background-image: url(../images/interface/img-usertrailcog.jpg); background-repeat: no-repeat; background-position: right 0; text-indent: 22px; float: right; height: 40px; }

.slidebox { width: 100%; float: left; display: none; }
.header-left { float: left; width: 554px; height: 53px; }
.body-left { float: left; width: 544px; margin-left: 10px; }

.news-intro { font-size: 1.1em; line-height: 1.4em; float: left; width: 424px; margin-left: 10px; }
.news-thumb { background-color: #cecece; float: right; width: 105px; padding: 1px; }
.news-divider { float: left; width: 554px; }

.study-intro { font-size: 1.1em; line-height: 1.4em; float: left; width: 424px; margin-left: 10px; }
.study-thumb { background-color: #cecece; float: right; width: 105px; padding: 1px; }
.study-divider { float: left; width: 554px; }
.thumbnail { background-color: #cecece; margin: 4px; padding: 4px; }
/* Text Colour Styles */
.purple { color: #614b9a; }
.green { color: #5d9d2e; }
.blue { color: #105eaa; }
.orange { color: #e27a00; }


/* Text Size Styles */
.s { font-size: 0.9em; }
.m { font-size: 1.1em; }
.l { font-size: 1.6em; }
.xl { font-size: 2.0em; }
.xxl { font-size: 2.8em; }
/* Navigation Strip Items */
#nav { width: 984px; height: 71px; float: left; }


/* Button Styles */

#btn-left { background-image: url(../images/interface/btn-left.gif); background-repeat: no-repeat; width: 42px; height: 33px; float: left; }
#btn-right { background-image: url(../images/interface/btn-right.gif); background-repeat: no-repeat; width: 42px; height: 33px; float: left; }

#btn01 a { background-image: url(../images/interface/btn01.gif); background-repeat: no-repeat; text-indent: -9999px; width: 100px; height: 33px; float: left; }
#btn01 a:hover { background-position: 0 -33px; }
#btn01-on a { background-image: url(../images/interface/btn01.gif); background-repeat: no-repeat; background-position: 0 -33px; text-indent: -9999px; width: 100px; height: 33px; float: left; }

#btn02 a { background-image: url(../images/interface/btn02.gif); background-repeat: no-repeat; text-indent: -9999px; width: 100px; height: 33px; float: left; }
#btn02 a:hover { background-position: 0 -33px; }
#btn02-on a { background-image: url(../images/interface/btn02.gif); background-repeat: no-repeat; background-position: 0 -33px; text-indent: -9999px; width: 100px; height: 33px; float: left; }

#btn03 a { background-image: url(../images/interface/btn03.gif); background-repeat: no-repeat; text-indent: -9999px; width: 100px; height: 33px; float: left; }
#btn03 a:hover { background-position: 0 -33px; }
#btn03-on a { background-image: url(../images/interface/btn03.gif); background-repeat: no-repeat; background-position: 0 -33px; text-indent: -9999px; width: 100px; height: 33px; float: left; }

#btn04 a { background-image: url(../images/interface/btn04.gif); background-repeat: no-repeat; text-indent: -9999px; width: 100px; height: 33px; float: left; }
#btn04 a:hover { background-position: 0 -33px; }
#btn04-on a { background-image: url(../images/interface/btn04.gif); background-repeat: no-repeat; background-position: 0 -33px; text-indent: -9999px; width: 100px; height: 33px; float: left; }

#btn05 a { background-image: url(../images/interface/btn05.gif); background-repeat: no-repeat; text-indent: -9999px; width: 100px; height: 33px; float: left; }
#btn05 a:hover { background-position: 0 -33px; }
#btn05-on a { background-image: url(../images/interface/btn05.gif); background-repeat: no-repeat; background-position: 0 -33px; text-indent: -9999px; width: 100px; height: 33px; float: left; }

#btn06 a { background-image: url(../images/interface/btn06.gif); background-repeat: no-repeat; text-indent: -9999px; width: 100px; height: 33px; float: left; }
#btn06 a:hover { background-position: 0 -33px; }
#btn06-on a { background-image: url(../images/interface/btn06.gif); background-repeat: no-repeat; background-position: 0 -33px; text-indent: -9999px; width: 100px; height: 33px; float: left; }

#btn07 a { background-image: url(../images/interface/btn07.gif); background-repeat: no-repeat; text-indent: -9999px; width: 100px; height: 33px; float: left; }
#btn07 a:hover { background-position: 0 -33px; }
#btn07-on a { background-image: url(../images/interface/btn07.gif); background-repeat: no-repeat; background-position: 0 -33px; text-indent: -9999px; width: 100px; height: 33px; float: left; }

#btn08 a { background-image: url(../images/interface/btn08.gif); background-repeat: no-repeat; text-indent: -9999px; width: 100px; height: 33px; float: left; }
#btn08 a:hover { background-position: 0 -33px; }
#btn08-on a { background-image: url(../images/interface/btn08.gif); background-repeat: no-repeat; background-position: 0 -33px; text-indent: -9999px; width: 100px; height: 33px; float: left; }

#btn09 a { background-image: url(../images/interface/btn09.gif); background-repeat: no-repeat; text-indent: -9999px; width: 100px; height: 33px; float: left; }
#btn09 a:hover { background-position: 0 -33px; }
#btn09-on a { background-image: url(../images/interface/btn09.gif); background-repeat: no-repeat; background-position: 0 -33px; text-indent: -9999px; width: 100px; height: 33px; float: left; }

.btn-readmore a { background-image: url(../images/homepage/btn-readmore.gif); background-repeat: no-repeat; float: left; width: 89px; height: 25px; text-indent: -9999px; margin-top: 3px; }
.btn-readmore a:hover { background-position: 0 -25px; }

.btn-viewstudy a { background-image: url(../images/casestudies/btn-view.gif); background-repeat: no-repeat; float: left; width: 129px; height: 25px; text-indent: -9999px; margin-top: 3px; }
.btn-viewstudy a:hover { background-position: 0 -25px; }
/* Footer Styles */
#footer { background-image: url(../images/interface/footer.gif); background-repeat: repeat-x; background-position: center 0; float: left; width: 100%; height: 176px; }
#footer-text { color: #acacac; font-weight: bold; line-height: 1.5em; margin-top: 100px; margin-left: 50px; }
#footer-text a { color: #acacac; }


.error-red{
   color: red;
}