/*
 * DLM main stylesheet
 *
 * For h1-h6, p and li tags see textpages.css
 */

body { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color: #6c6c6c; background: #ffffff; margin: 0px; text-align: center; }
td   { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color: #6c6c6c; vertical-align: top; }

form { margin: 0px; }

a       { color: #52ad25; text-decoration: none; }
a:hover { color: #52ad25; text-decoration: none; }

.link a {font-weight:bold;}

a img { border: none; }
img { vertical-align: middle; font-size: 0px; }

.clear { clear: both; font-size: 0px; }

.banners {}
.banner  { display: none; }

.headbanner {}

.headbanner .banners {}
.headbanner .banner  {}


.fullPage { width: 982px; text-align: left; margin-left: auto; margin-right: auto; }

.menucell    { width: 912px; height: 116px; }
.headcell    {}
.middlecell  { width: 900px; margin: 36px 0px 0px 10px; }
.panelcell   {}
.contentcell { margin: 0px 8px 8px 0px; }
.infocell    { width: 900px; border-top: 3px dotted #cbccce; margin: 34px 0px 0px 10px; }
.footcell    { width: 900px; border-top: 3px dotted #cbccce; margin: 23px 0px 10px 10px; }
.footcell a  { color:#6c6c6c; }

.homePage  { float: left; }
.homeimage { float: right; }

.contactCol { float: left; width: 200px; margin: 23px 0 0 0; }
.blogCol    { float: left; width: 115px; margin: 23px 0 0 10px; }
.newsCol    { float: left; width: 115px; margin: 23px 0 0 80px; }
.cloudCol   { float: left; width: 310px; margin: 23px 0 0 60px; }

.blogCol .item {margin-bottom:12px;}

.infocell .infoLabel  { display:block; margin-bottom:12px; height:16px; }

.contactCol .infoLabel {width: 99px;}
.blogCol    .infoLabel {width: 91px;}
.newsCol    .infoLabel {width: 94px;}
.cloudCol   .infoLabel {width: 129px;}

.cutTitle, .cutStand { width: 115px; height: 24px; overflow: hidden; }

.content    { width: 665px; }
.servicescontent { width: 665px; min-height: 210px; }
.subMenu    { float: right; z-index: 1; position: relative; right: -60px; top: 14px; }
.sideMenu   { border-left: 3px dotted #cbccce; padding-left: 12px; }
.menuItem   {  }
.include    { border-top: 3px dotted #cbccce; padding-top: 30px; }
.threeColumns {}
.addthis {float:right}

.footcell * {padding:0 !important; margin:0}

.footcell .logobox  { float: left; margin-top: 18px; }
.footcell .logo     { float: left; margin-right: 10px; }
.footcell .dlmbadge { float: left; margin-top: 10px; }

.footcell .textbox .logo  { margin:0; }
.footcell .textbox  { width:311px; margin:0; padding:0; float: right; margin-top: 33px; border:0}
.footcell .column   { float: left;}
.footcell .rowOne   { margin-top:-2px; }
.footcell .rowTwo   { margin-top: 2px; }
.footcell .textbox a { font-weight: normal; margin-left:13px;}

.panelTitle {}

.homeColumns { border-bottom: 1px solid #ffffff; }
.homeColumn  { width: 33%; float: left; }

.note    { font-size: 10px; font-weight: bold; padding: 0px 2px 0px 2px; }
.error   { color: #ff0000; font-weight: bold; padding-bottom: 5px; }
.message { color: #008000; font-weight: bold; padding-bottom: 5px; }

.formLabel   { font-weight: bold; text-align: right; padding-right: 10px; }
.formElement { border: 1px solid #000000; background-color: #fffaf0; }
.formButton  { border: 1px solid #000000; background-color: #ffad18; font-weight: bold; padding-left: 5px; padding-right: 5px; }
.formButtons { text-align: right; padding-top: 10px; }

.formList             {}
.formList a           { display: block; }
.formList a.completed { font-weight: bold; }
.formTitle            { font-weight: bold; padding: 2px; background: #f0f0f0; }
.formSubTitle         { font-weight: bold; padding: 2px; background: #f0f0f0; margin-top: 5px; }

.searchForm    { padding: 2px; }

.searchResults { padding: 2px; margin-top: 20px; }
.searchResult  { margin-top: 5px; }

.searchResults .listLine0 { background: #f8f8f8; padding: 0px 2px 0px 2px; }
.searchResults .listLine1 { background: #f0f0f0; padding: 0px 2px 0px 2px; }

.searchResult .title     { margin-bottom: 5px; }
.searchResult .relevance { font-size: 10px; margin-left: 10px; }
.searchResult .sample    { margin-left: 10px; }

.newsCol

ul.archive {float:right;  }
ul.archive, ul.archive ul {list-style-type: none; margin:0; padding:0;}
ul.archive li.groupLabel {font-weight:bold;}
ul.archive ul.group {display:none; margin-left:15px; padding:0; font-weight:normal}
ul.archive li.active {list-style-type: square; color:#52ad25}

/*
 * Site-wide defaults for the various classes, list type specific values are set below
 */

.head          {}
.title         {}
.date          {}
.standfirst    { margin-bottom: 1em; }
.body          {}
.extrafield    {}
.image         {}

.regFormLink { margin-top: 20px; background: #d0d0d0; }

.objectForum { border-top: 1px solid #000000; margin-top: 20px; }

.list {}

.list .title         { color: #52ad25; font-weight: bold; text-decoration: none; }
.list .title a       { color: #52ad25; text-decoration: none; }
.list .title a:hover { color: #6c6c6c; text-decoration: none; }
.list .cutTitle          { color: #52ad25; font-weight: bold; text-decoration: none; }
.list .cutTitle a        { color: #52ad25; text-decoration: none; }
.list .cutTitle a:hover  { color: #6c6c6c; text-decoration: none; }
.list .date          {}
.list .standfirst    {}
.list .body          {}
.list .image         {}
.list .more          { color: #52ad25; text-decoration: none; }
.list .more a        { color: #52ad25; text-decoration: none; }
.list .more a:hover  { color: #6c6c6c; text-decoration: none; }

.item { margin-top: 14px; }

.item .title      {}
.item .date       {}
.item .standfirst { font-weight: bold; }
.item .body       {}
.item .image      {}

.more          {}
.more a        {}
.more a:hover  {}

.view          {}
.view a        {}
.view a:hover  {}

.view .prev { float: left; }
.view .next { float: right; }
.view .num  { margin-left: 2px; margin-right: 2px; }
.view .curr { font-size: 16px; font-weight: bold; }

.page       { text-align: center; margin: 0px 0px 4px 0px; }
.page .prev { float: left;  padding: 2px 4px 2px 4px; border: 1px solid black; }
.page .next { float: right; padding: 2px 4px 2px 4px; border: 1px solid black; }
.page .num  { margin: 0px 2px 0px 2px; padding: 2px 4px 2px 4px; border: 1px solid black; }
.page .sep  { margin: 0px 2px 0px 2px; padding: 2px 4px 2px 4px; }
.page .cur  { font-weight: bold; background: #e0e0e0; }

.files         { margin-top: 12px; }
.fileHead      { background: #d0d0d0; margin-bottom: 8px; padding-left: 2px; }
.fileSubHead   { margin-bottom: 4px; padding-left: 2px; }
.files img     { margin: 0px 0px 4px 4px; }
.files a       { display: block; margin: 0px 0px 4px 4px; }
.files a img   { margin: 0px; }
.files a:hover {}


/*
 * Fun stuff herein
 * Each list type has a class
 * Each list type can appear in a list of as an item
 * Each item attribute has a class
 *
 * e.g. ".news .list .standfirst" refers to the standfirst of a news story in the list context
 *
 * Also the "...read more" and "View the X page" links have a class each of their own
 *
 * Also the "Related Files" boxout has a class
 * The "Related Files" header has a class
 * The file type titles under "Related Files" have a class
 *
 * e.g. ".news .fileHead" refers to the related files header for a news story
 */

.threeColumns .casestudies .list { float: left; width: 238px; margin-right: 24px; }
.casestudies .list .image { border: 1px solid #cbccce; margin-bottom: 10px; }
.casestudies .list .title { font-weight: normal; color: #52ad25; }
.casestudies .list .body  { font-weight: normal; color: #cbccce; }

.casestudies .item { width: 665px; }
.casestudies .item .image      { float: right; margin: 0px 0px 8px 8px; }
/*.casestudies .item .title      { float: left; }
.casestudies .item .head       { float: left; }
.casestudies .item .date       { float: left; }
.casestudies .item .standfirst { float: left; }
.casestudies .item .body       { float: left; }*/

.portfolio .list {}
.portfolio .list .image { border: 1px solid #cbccce; margin-bottom: 10px; }
.portfolio .list .title { font-weight: normal; color: #52ad25; }
.portfolio .list .body  { font-weight: normal; color: #cbccce; }

.portfolio .item { width: 655px; }
.portfolio .item .image { border: 1px solid #cbccce; margin-bottom: 10px; }
.portfolio .item .title { font-weight: normal; color: #52ad25; }
.portfolio .item .body  { font-weight: normal; color: #cbccce; }


.news { width: 765px; }

.news .list             {}
.news .list .head       {}
.news .list .title      {}
.news .list .title a    {}
.news .list .date       {}
.news .list .standfirst {}
.news .list .body       {}
.news .list .image      {}

.news .item {}

.news .item .head       {}
.news .item .title      {}
.news .item .date       {}
.news .item .standfirst {}
.news .item .body       {}
.news .item .image      { float: right; }

.news .more         {}
.news .more a       {}
.news .more a:hover {}

.news .view         {}
.news .view a       {}
.news .view a:hover {}

.news .files       {}
.news .fileHead    {}
.news .fileSubHead {}