/******* Import CSS *******/
@import "/dist/css/ui.css";

/*
Version: 1.0
Author: Adam Bird
Author URL: http://www.silkstream.net
*/

/***********************************************************************

* CSS Table of Contents
* ----------------------------------------------------------------------
* Reset CSS.....................................................(Line  )
* Basic Global CSS..............................................(Line  )
* Default Styling CSS...........................................(Line  )

***********************************************************************/

/******* Reset CSS *******/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, 
tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
/*body {line-height: 1;}*/
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/******* Basic Global CSS *******/
body {margin:0; padding:0; font:100% "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}
a, object { outline:0;}
a {color:#c1d72c; text-decoration:underline;}
a:hover { text-decoration:none;}
strong { font-weight:bold;}
em{ font-style:italic;}

::-moz-selection { color:#fff; color:rgba(255,255,255,1.00); background:#7778b7;}
::selection { color:#fff; color:rgba(255,255,255,1.00); background:#7778b7;}

object, embed, video {max-width:100%;height:auto;}
fieldset{padding:10px;border:1px solid #ccc;margin-bottom:1.5em;}
label{cursor:pointer;}
input, textarea{font-family:inherit;}
table{page-break-before:always;}

/******* Basic Global Classes *******/
.clearer { clear:both;}
.floatLeft { float:left;}
.floatRight { float:right;}
.textalignLeft { text-align:left;}
.textalignRight { text-align:right;}
.aligncenter, img.aligncenter {display: block;margin-left: auto;margin-right: auto;}

.ellipsis{ white-space:nowrap; overflow:hidden;}
.ellipsis:after{content:'…';}

/******* Assets CSS ********/
#assets {background-image:url(/https/www.cdls.org.uk/images/assets.png); background-repeat:no-repeat; background-color:transparent; display:block;}

/******* Container CSS ********/
#pageContainer {}
#contentArea { clear:both; width:990px; margin:0 auto; font-size:13px;}
#content { width:765px; margin:20px 0 20px 0; float:right; min-height:350px; height:auto !important; height:350px; padding:0;}
#columnL, #columnR {min-height:600px; height:auto !important; height:600px;}
#columnL {float:left; width:195px; padding:0;}
#columnR { width:240px; float:right;}

#columnM { margin:0 276px 20px 210px; padding:0;}

/******* Home Columns CSS ********/
.home #columnL {width:147px; padding:40px 20px 0 28px; background:#eff3ef;}

.home #columnL .block { border-right:1px solid #a9bfab; border-top:1px solid #a9bfab; margin:0 0 15px 0; color:#151012;}
.home #columnL .block h4{ font-size:17px; color:#4c5988; line-height:17px; margin:0 0 4px 0}
.home #columnL .block h4 a{ color:#4c5988; text-decoration:none;}
.home #columnL .block img{ margin:-1px 0 0 0; padding:0 7px 7px 0; background:#eff3ef; display:block;}
.home #columnL .block p{ display:block; padding:0 5px 0 0;}
.home #columnL .block p a{ display:block; font-weight:bold; text-decoration:none;color:#4c5988; text-align:right;}
.home #columnL .block p a:hover{text-decoration:underline;}

.home #columnR { padding:43px 0 0 0; background:#eff3ef;}

.home #columnR .block { margin:0 30px 20px 12px;}
.home #columnR .block h4{ color:#4c5988; padding:0 0 8px 0; font-size:22px; line-height:22px; }
.home #columnR .block h4 a{color:#4c5988; text-decoration:none; }
.home #columnR .block img{ padding:5px 0;}
.home #columnR .block p{ }
.home #columnR .block p a{display:block; text-align:right; color:#4c5988; font-weight:bold; text-decoration:none; }
.home #columnR .block a:hover{ text-decoration:underline;}

.home #columnR .blockBlue{ padding:10px; background:#756d9c; color:#fff; line-height:17px; font-size:14px; margin:12px 28px 20px 12px}
.home #columnR .blockBlue h4{ padding:0; font-size:22px; line-height:22px; }

.home #columnM { margin:0 276px 20px 210px; padding:25px 0 0 0;}

.advert { margin:0 0 20px 12px; width:220px;}

#columnL .advert { margin:0 0 0 28px; width:160px;}

.pageImg { margin:0 0 0 28px;}

/******* Header CSS ********/
#header { width:990px; margin:0 auto; position:relative;}

#logo{ width:990px; background:url(/https/www.cdls.org.uk/images/header.jpg) no-repeat; height:135px; overflow:hidden; text-indent:-99999px; margin:0;}
#logo a{ width:990px; height:135px; display:block;}

#navigation{ clear:both; margin:0; padding:0 0 0 1px; height:63px; position:relative; z-index:999; border-right:30px solid #9fb7a1; border-left:30px solid #9fb7a1;}
#navigation ul{font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#navigation ul.header{font-size:18px;}
#navigation ul.header li{ list-style:none; line-height:normal; display:inline; float:left; margin:0 0 1px 0; z-index:50; color:#fff; background:#ff0000; text-align:center; height:31px; overflow:hidden;}
#navigation ul.header li a{background:#7778b7; color:#fff; display:block; padding:5px 0;  }

#navigation ul.utilites{font-size:15px; display:block; clear:left;}
#navigation ul.utilites li{ list-style:none; display:inline; float:left; margin:0 0 1px 0; z-index:50; color:#fff; background:#ff0000; text-align:center; height:31px; overflow:hidden;}
#navigation ul.utilites li a{background:#7778b7; color:#fff; display:block; padding:6px 0 8px 0; }

#navigation ul li#nav0 { width:268px; background:#7778b7; padding:6px 15px; height:19px;}
#navigation ul li#nav1 { width:98px;}
#navigation ul li#nav2 { width:114px;}
#navigation ul li#nav3 { width:214px; }
#navigation ul li#nav4 { width:200px;}

#navigation ul li#nav5 { width:166px;}
#navigation ul li#nav6 { width:110px;}
#navigation ul li#nav7 { width:166px;}
#navigation ul li#nav8 { width:120px;}
#navigation ul li#nav9 { width:120px;}
#navigation ul li#nav10 { width:120px;}
#navigation ul li#nav11 { width:120px;}

#navigation ul li.divider { text-indent:-99999px; width:1px; padding:0; background:#fff;}
#navigation ul.header li.divider { height:29px;}
#navigation ul.utilites li.divider { height:27px;}

#navigation ul li a{ background:#7778b7; text-decoration:none;}
#navigation ul li a:hover, #navigation ul li a.on { background:#9fb7a1}

/******* Column Nav CSS ********/
#columnNav { font-size:15px; margin:0 22px 0 0}
#columnNav li{ padding:0 0 10px 0;}
#columnNav li a{text-decoration:none; color:#596591;}
#columnNav li a:hover{ text-decoration:underline;}

#columnNav li.on a{ color:#9EB7A0; font-weight:bold;}

/******* Breadcrumb CSS ********/
#breadCrumb { clear:both; margin:0 auto 0; width:990px; overflow:hidden; font-size:13px; padding:12px 0; background:#fff; border-bottom:1px solid #cacaca;}
#breadCrumb ul{ margin:0; padding:0; padding:0;}
#breadCrumb ul li{ margin:0; padding:0 5px 0 0; display:inline; color:#4f4f4f; }
#breadCrumb ul li a{ text-decoration:none; color:#4f4f4f;}
#breadCrumb ul li a:hover{ text-decoration:underline;}

/******* Footer CSS *******/
#footer { width:990px; clear:both; margin:0 auto; padding:0 0 20px 0; color:#231f20; font-size:13px; }
#footer a{ text-decoration:none; color:#3e57a7; }
#footer a:hover{ text-decoration:underline;}
#footer .copyright {text-align:center;}

/******* Default Styling CSS *******/
.mceContentBody { padding:10px; background:none; margin:20px !important;}

.titleTag {font-size:28px; font-weight:bold; margin:15px 29px 20px 29px; padding:0; display:block; color:#9eb7a0;}

.styling {padding:0 0 19px 0; color:#000; font-size:15px;}
.styling > a.totop { background:url(/https/www.cdls.org.uk/images/styling_bg.jpg) no-repeat top left; display: block; width: 18px; height: 19px;}
.styling h2, .styling h3, 
.styling h4, .styling h5 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0; line-height:inherit; color:#4f4f4f;}

.styling h2 a, .styling h3 a, 
.styling h4 a, .styling h5 a { color:#596591;}

.styling h2 {font-size:22px; margin:0 0 10px 0; color:#000;}
.styling h3 {font-size:18px; margin:0 0 10px 0; color:#596591;}
.styling h4 {font-size:16px; color:#000; margin:0 0 5px 0;}
.styling h5 {font-size:14px; margin:0 0 5px 0;}

.styling a { color:#756d9c; text-decoration:underline;}
.styling a:hover { text-decoration:none;}
.styling p {margin:0; padding:0 0 20px 0; line-height:20px;}

.styling hr {width:100%; height:0; border-right:none;  border-left:none; border-top:none; border-bottom:1px dotted #b2b2b2; margin:10px 0 25px 0; padding:0; line-height:0; background:none; overflow:hidden;}

.styling small { font-size:0.8em;}
.styling strong { font-weight:bold; color:#000;}
.styling img { vertical-align:middle;}
.styling big {font:15px/20px Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0;}

.styling ul { margin:0 0 20px 25px;}
.styling ul li { margin:0; padding:0 0 6px 5px; line-height:16px; display:list-item; list-style:disc;}

.styling ol { margin:0 0 20px 28px;}
.styling ol li { margin:0; padding:0 0 6px 5px; list-style:decimal; line-height:20px;}

.styling table { margin:0 0 20px 0;}
.styling table td{ vertical-align:top;}

.home .styling { border-bottom:1px solid #231f20; padding:12px 0; margin:0; color:#000; font-size:13px; background:none;}
.home .styling h1 {font:bold 26px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 10px 0; color:#756d9c;}
.home .styling h2 {font:bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin:0 0 10px 0; color:#756d9c;}
.home .styling h3 {font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px 0 0 0; margin:0; color:#756d9c;}
.home .styling h3 a, .home .styling h2 a{color:#756d9c; text-decoration:none;}
.home .styling p {margin:0; padding:5px 0; line-height:18px;}
.home .styling a { color:#756d9c; text-decoration:none; font-weight:bold;}