body {
	 font-family:"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	 font-size:16px;
         margin:0;
	 padding:0;
         background-color:#D1DDDF;
	 text-align:center;     
	 behavior:url (http://www.canoecoaching.co.uk/csshover.htc);
}
h1 { 
         font-size:2em;
         color:#193074;
         padding-bottom:0.3em;
         margin:0;
}
h2{ 
	 font-size:1.5em;
         color:#193074;
         padding:0.2em 0 0.6em 0;
         margin:0;
}
h3{ 
         font-size:1.25em;         
         color:#193074;
         padding:0;
         margin:0;
}
p {         
	 line-height:1.95em;
         color:#666;
         padding:0.8em 0 0.8em 0;
         margin:0;
}
dl {  
        padding-top:0;
        margin-top:0;
}
dt {
        font-weight:bold;
        color:#193074;
         margin-left:1.5em;
         margin-top:2em;
         padding-left:0;
        padding-top:0;
}
dd {
         color:#666;
         margin-left:1.5em;
         padding-left:0;
         padding-top:1em;
        line-height:1.95em;
}

li {
         color:#6285B6;
}
#content ul.linkintro {
         padding:0;
         margin:0 0 0 2em;
         font-weight:normal;
}
#content ul.linkintro li {
         margin:0.5em 0 0.5em 1em;
         padding:0;
         list-style:disc;
         font-weight:bold;
}
a {
         color:#6285B6;
         text-decoration:underline;
}
a:hover {
         color:#FFF;
         text-decoration:none;
}
input,select,th,td { 
         font-size:1em;
}
input  {
         margin-right:18px;
}
body#training input  {
         width:100%;
}

body#booking input#courseName,
body#booking input#sendersEmail  {
         width:300px;
}
#submit {
         margin-right:18px;
         width:auto;
}
textarea {
         width:194px;
         margin-right:18px;
}













body#booking textarea, body#training textarea {
         width:100%;
}
fieldset {
         border:1px solid #666699;
         padding:20px;
	 margin-bottom:20px;
	 background-color:#ECECEC;
}
fieldset#outer {
	 margin-top:32px;
	 background-color:#DCE3E4;
         clear:both;
}
legend {
         color:#193074;
	 font-size:1.5em;
	 font-weight:bold;
}
.booking {
         position:relative;
         float:left;
}
.clear {
        position:relative;
        clear:left;
}
.address {
         float:right;
         color:#193074;
         text-align:right;
}
.booking-logo {
         float:left;
         padding:0.8em 300px 0 0;
}
.linkTitle {
         margin-top:1.5em;
}

blockquote {
         margin:32px 0 0 18px;
         padding:0 0 0 0;
         background:#C8D4D6 url(../cc-images/css-images/ninetynine.gif) bottom right no-repeat;
}
blockquote p{
         background: url(../cc-images/css-images/sixtysix.gif) top right no-repeat;
         padding:30px 18px 16px 18px;
         margin:0;
         font-size:1.5em;
         font-family:"Times New Roman", Times, serif;
         font-style:italic;
         font-weight:bold;
         color:#666;
}
table {
         width:100%;
         color:#193074;
         margin-bottom:32px;
}
caption {
         background-color:#193074;
         background:#193074 url(../cc-images/css-images/caption-bckgrnd.gif) no-repeat;
         color:#D1DDDF;
         line-height:2em;
         margin:0 2px;
}
th {
        text-align:left;
        color:#D1DDDF;
        background-color:#6285B6;
}
th, td {
        padding-left:10px;
}
td {
        border:1px #6285B6;
}
p#title {
         margin-left:18px;
         padding-left:18px;
         font-size:1em;
         color:#666;
         background:#C8D4D6 url(../cc-images/css-images/quotefoot.gif) bottom right no-repeat;
}
#container {
         position:relative;	 
         width:990px;
	 margin:0 auto 0;
	 text-align:left;
         font-size:62.5%;
         border:1px solid #D1DDDF;
}
#skip {
         position:absolute;
         top:3px;
	 right:45px;
	 padding:0;
         margin:0;
         font-size:0.9em;
}
#skip a {
         color:#D1DDDF;
}
#skip a:hover {
         color:#990000;
}
#contact {
         position:relative;
	 float:right;
         display:inline;
         text-align:right;         
         margin:18px 49px 0 0;
         font-size:0.9em;
         line-height:2.7em;
}
h1#logo {
         position:absolute;
	 top:0;
         float:left;
	 width:207px;
	 height:113px;
	 padding:0;
	 margin:9px 0 0 0;
         background:url(../cc-images/logo-new.gif) no-repeat;
}
h1#logo span {
         display:none;
}
#slideshow {
         margin-top:96px;
         padding-left:67px;
         z-index:5;
}
.imgfade {
         position:absolute;
         top:96px;
         left:67px;
         border:0;
         z-index:10;
}
div#navigation {
         position:relative;
         width:854px;
	 height:30px;
	 margin:13px 67px 0 67px;
	 border:1px solid #FFF;
	 border-right:none;
         text-align:center;
         z-index:10;
         font-size:1em;
         background-color:#193074;         
}
div#navigation ul {
         margin:0;
	 padding:0;		 
}
div#navigation li {
         position:relative;
         float:left;
	 width:121px;
	 list-style:none;
	 line-height:30px;
	 border-right:1px solid #FFF;		 
         display:block;
         background-color:#D1DDDF;
}
div#navigation li.side {
         width:121px;
	}
div#navigation li:hover {
         color:#FFF;
	 background-color:#193074;
}
div#navigation li.submenu:hover {
         color:#FFF;	 
}
div#navigation li a {
         display:block;
	 text-decoration:none;
}
div#navigation li a:hover {
         color:#FFF;
}
div#navigation ul ul,
div#navigation ul ul ul,
div#navigation ul ul ul ul {
         position:absolute;     	
         top:31px;
         left:0px;
         margin:-1px 0 0 -1px;
	 padding:0;
         display:none;		 
	 border-top:1px solid #FFF;         
}
div#navigation li.submenu ul.level2 li#events {
         width:182px;
}
div#navigation li.submenu ul.level2 li#textCentre {
         text-align:center;
}
div#navigation li.submenu ul.level2 li,
div#navigation li.submenu ul.level2 li.lowerSubmenu,
div#navigation li.submenu ul.level2 li.lowerSubmenu ul.level3 li,
div#navigation li.submenu ul.level2 li.lowerSubmenu ul.level3 li.lowerSubmenu ul.level4 li {                 
	 border:1px solid #FFF;
         border-top:none;
	 background:#7587AA;
         color:#FFF;
         display:block;
}

div#navigation li.submenu ul.level2 li.lowerSubmenu,               
div#navigation li.submenu ul.level2 li.lowerSubmenu ul.level3 li.lowerSubmenu { 
         width:152px;
         text-align:right;         
         background:#7587AA url(../cc-images/css-images/arrow.gif) 95% 50% no-repeat;
         padding-right:30px;
         padding-left:0;
}
div#navigation li.submenu ul.level2 li.lowerSubmenu ul.level3 li {
         width:172px;
         text-align:left;         
         padding-left:10px;
}
div#navigation li.submenu ul.level2 li.lowerSubmenu:hover {               
         background-color:#193074;
}
div#navigation li.submenu ul.level2 li.lowerSubmenu ul.level3 li.lowerSubmenu ul.level4 li{  
         text-align:left;
         width:162px;
         padding-left:10px;
         padding-right:10px;
}
div#navigation li.submenu ul.level2 li.lowerSubmenu ul.level3 li:hover,
div#navigation li.submenu ul.level2 li.lowerSubmenu ul.level3 li.lowerSubmenu ul.level4 li:hover {  
         background-color:#193074;
}
div#navigation li.submenu:hover ul.level2,
div#navigation ul.level2 li.lowerSubmenu:hover ul.level3, 
div#navigation li.submenu ul.level2 li.lowerSubmenu ul.level3 li.lowerSubmenu:hover ul.level4 {
         display:block;
}
div#navigation li.submenu ul.level2 li a:hover{         
	 background-color:#193074;		 
}
div#navigation li.submenu ul.level2 li a {
         color:#FFF;	
	 display:block; 
}
div#navigation ul.level3,
div#navigation ul.level4 {
         top:0;
	 left:183px;
}
#content {         
	 margin:0 0 0 283px;
	 padding:41px 0 44px 0;
	 width:400px;
}
#content ul {
         list-style:none;
         padding-left:0;
         margin-left:0;
}
#content li {
         line-height:2em;
         padding:1em 0 1em 0;
         margin-left:0;
         color:#666;
}
body#full #content,
body#team #content {
	 width:618px;
}
body#booking #content {
	 margin:0 18px 0 18px;
         width:854px;
}
body#hire #content {
	 width:400px;
}
body#hire #content img{
	 position:relative;
         float:left;
         margin:12px 0 0 -238px;
         border:1px solid #FFF;
}
body#team #content img{
	 position:relative;
         float:right;
         right:0;
         margin-bottom:16px;
         border:1px solid #FFF;
}
body#team #content p{
	 width:382px;
}
body#team #content h3{
	 clear:right;
         width:382px;
         padding-top:1em;
         margin-top:1em;
	 border-top:1px solid #FFF;
}
.articleHeading {
         padding-top:1em;
         margin-top:1em;
	 border-top:1px solid #FFF;
}         
div#sidebarLeft {	 
         float:left;
	 width:218px;
	 margin:64px 0 64px 49px;
         padding-top:8px;
         font-size:1em;
         display:inline;
}
body#about div#sidebarLeft {
         padding-top:0px;
}
div#sidebarLeft ul {
         padding:9px 0 7px 0;
	 margin:0;
	 list-style:none;
}
div#sidebarLeft li {         
         display:block;
	 line-height:31px;
	 border-bottom:1px solid #B4BEC0;
	 padding-left:18px;
         position:relative;
<!-- IE BUG FIX - Set a width to counter an IE whitespace bug!!  -->
         width:200px;
}		
div#sidebarLeft li a {
         display:block;
	 text-decoration:none;
}
div#sidebarLeft li:hover {
         background-color:#B4BEC0;
}
div#sidebarLeft li a:hover {
	 background-color:#B4BEC0;
}
#sidebarLeft ul ul {
         position:absolute;     	
         top:0;
         left:219px;
         width:218px;
         margin:-1px 0 0 0;
	 padding:0;
         background-color:#D1DDDF;	         
         border:1px solid #FFF;
         border-bottom:none;
         display:none;
}
#sidebarLeft ul ul li {
         border-bottom:1px solid #FFF;
}
<!-- IE BUG FIX - Set a width to counter an IE whitespace bug!!  -->
<!-- Without this IE does not fill in the whole of the height of the list element with the background colour on rollover  -->
<!-- IE also puts the submenu 18px away from the parent DIV -->
#sidebarLeft li.submenu,
#sidebarLeft ul ul li a {
         width:200px;
}
#sidebarLeft li.submenu:hover {
         color:#FFF;
         background:#B4BEC0 url(../cc-images/css-images/sdblft-arrow.gif) 95% 50% no-repeat;
}
#sidebarLeft li.submenu:hover ul.level2 {
         display:block;
}
#sidebarLeft img {
         margin-left:18px;
         border:1px solid #FFF;
}
div#sidebarLeft blockquote p {
         font-size:1.5em;
}
body#about #sidebarLeft blockquote,
body#team #sidebarLeft blockquote{
         margin-left:0;
}
body#about #sidebarLeft p#title,
body#team #sidebarLeft p#title {
         margin-left:0;
}
div#sidebarRight {
	 float:right;
	 width:236px;
         display:inline;
         margin:64px 49px 32px 0;
         font-size:1em;
}
div#sidebarRight blockquote p {
         font-size:1.5em;
}
body#home div#sidebarRight {
	 text-align:right;
	 background:url(../cc-images/css-images/sbright-bckgrnd.gif); 
}
body#about div#sidebarRight {
	 background:url(../cc-images/css-images/sbright-bckgrnd.gif);
}
div#sidebarRight h3 {
         padding-right:28px;
         padding-left:28px;	 
         line-height:32px;
}
.top {
         background:url(../cc-images/css-images/sbright-top.gif) no-repeat;
         margin-bottom:8px;
}
#gallery {
         padding:20px 0 20px 0;
}
div#sidebarRight ul{
         padding:0 0 53px 0;
	 margin:20px 0 0 0;
	 list-style:none;
	 background:url(../cc-images/css-images/sbright-bottom.gif) bottom no-repeat;
}
div#sidebarRight li{
         display:block;
	 line-height:31px;
	 border-bottom:1px solid #B4BEC0;
	 padding-right:28px;
}		
div#sidebarRight li a {
         display:block;
	 text-decoration:none;		 
		}
div#sidebarRight li:hover {
	 background-color:#B4BEC0;
}
div#sidebarRight li a:hover {
	 background-color:#B4BEC0;
}
div#sidebarRight img {
         margin:0 0 0 18px; 
         border:1px solid white;
}
div#sidebarRight img.thumbnail {
         margin:20px  13px 0 0; 
         border:5px solid white;
}
body#about #sidebarRight {
         text-align:left;
}
body#about #sidebarRight p, 
body#about #sidebarRight h2 {
         padding-left:18px;
         padding-right:18px;
         margin:0;
}
body#about #sidebarRight p#sidebarBottom,
body#about #sidebarRight p#sidebarBottom {
         padding-bottom:32px;	 
         background:url(../cc-images/css-images/sbright-bottom.gif) bottom no-repeat;
}
#footer {
         clear:both;
	 width:854px;
         height:71px;
         margin:44px 18px 0 67px;
         padding-top:6px;         
         color:#FFF;
	 border-top:1px solid #FFF;
	 background:url(../cc-images/css-images/footer-bckgrnd.gif) no-repeat;
}
#footer a {
        color:#FFF;
        text-decoration:none;
}
#footer a:hover {
        text-decoration:underline;
}
#footerContact {
	 margin-left:655px;
	 font-size:0.9em;
}
li li,li p, td p, blockquote p {
         font-size:1em;
}