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;
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;
}
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {	
border-collapse: collapse;
border-spacing: 0;
}
b, strong { font-weight: bold; }
span span {display:none;}

/*========
Page Styles
========*/
body {
background: url(http://www.ccm.org.uk/images/CCM_BG2.jpg);
font-family: 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
font-size: 12px;
line-height: 15px;
color: #333333;
}

#wrapper {
width:902px;
margin: 0 auto;
}

#content {
width: 900px;
background: #ffffff;
margin: 0;
padding: 25px 15px;
float:left;
}

/*=======
TOPBAR
=======*/
#header {
width: 900px;
float: left;
}

.logo {
background: url(http://www.ccm.org.uk/images/CCM_LOGO.png) no-repeat;
width: 154px;
height: 142px;
float:left;
}

ul#nav {
width: 740px;
float:right;
margin: 122px 0 0 0;
list-style : none;
}

ul#nav li {
float: right;
margin: 0 0 0 15px;
padding: 10px 0 10px 15px;
border-left: 1px dotted #aaa;
}

ul#nav li#navHome {
margin: 0;
padding: 10px 0;
border: 0;
}

/*=======
COLUMNS
=======*/
.col900, .col595, .col290 { float: left; }

.col900 { width: 900px; }

.col595 { 
width: 595px;
margin: 0 15px 0 0;
}

.col290 { width: 290px; }

.entry290 {
width: 100%;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #aaa;
}

.col900 > .col290 { margin: 0 15px 0 0; }

.col442 {
width: 442px;
float: left;
margin: 0 16px 0 0;
position: relative;
}

.lastEntry { 
margin: 0;
padding: 0;
border: 0;
}

.colhead {
width: 100%;
position: relative;
float: left;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: 1px dotted #aaa;
}

.colhead h3 { 
float: left; 
margin: 5px 0 0 0;
}

.colheadspan { 
width: 100%; 
border-bottom: 1px dotted #aaa;
margin: 0 0 15px 0;
float: left;
}

.colheadspan h3 { 
float: left; 
border-right: 1px dotted #aaa;
}

.colheadspan h3 a, .colheadspan h3 a:visited {
padding: 10px;
display: block;
}

.colheadspan h3.activeTab { background: #fef7dd; }

.colheadspan h3 a:hover {
text-decoration: none;
background: #fef7dd;
}

#mainContent { border-top: 1px dotted #aaa; }

/*=======
FRONTPAGE
=======*/
#blogNavFront, #sliderNav, #ads {
width: 100%;
float: left;
border-bottom: 1px dotted #aaa;
margin: 0 0 10px 0;
}

#ads { border: 0; }

#blogNavFront li, #sliderNav li {
float: left;
border-right: 1px dotted #aaa;
}

#sliderNav li#slide4 { border: 0; }

#blogNavFront li#communityTab { 
border: 0; 
width: 157px;
}

#blogNavFront li a, 
#blogNavFront li a:visited, 
#sliderNav li a, 
#sliderNav li a:visited { 
text-decoration: none; 
padding: 10px 7px;
display: block;
}

#blogNavFront li a:hover, 
#blogNavFront li a.activeTab,
#sliderNav li a:hover, 
#sliderNav li a.activeTab { background: #fef7dd; }

#blogsFront {
width: 290px;
float: left;
position: relative;
min-height: 420px;
}

#blogsFront > div {
position: absolute;
top: 0;
left: 0;
}

#blogsFront > div p { 
margin: 0; 
padding: 0;
}

/*== MAIN SLIDER ==*/
#slider, .slide {
width: 595px;
height: 300px;
float: left;
}

.slide img {
width: 290px;
margin: 0 15px 0 0;
float: left;
}

.slide h2 {
background: #eee;
padding: 10px 10px 10px 12px;
margin: 0 0 10px -12px;
}

.adSlide {
width: 900px;
height: 300px !important;
background: #333;
display: none;
position: relative;
}

#adMiddle { display: block }

.adSlide h1, .adSlide h2 { color: #fff; }
.adSlide h1 { 
font-size: 20px;
line-height: 20px;
}
.adSlide h2 { 
font-size: 30px;
line-height: 30px;
}

#servicesLogo {
width: 559px;
height: 91px;
position: absolute;
z-index: 99999;
top: 80px;
left: 170px;
}

.adOverlay {
position: absolute;
z-index: 99999;
top: 110px;
left: 80px;
}

/*=======
FOOTER
=======*/
.footer {
width: 870px;
font-size: 11px;
line-height: 13px;
margin: 45px 0 0 0;
background: #ddd;
float:left;
padding: 15px;
border: 1px solid #dddddd;
}

.footer a:link, .footer a:visited {
color: #999999;
text-decoration: none;
}

.footer a:hover {
color: #444444;
text-decoration: underline;
}

.copyright {
float: left;
width: 600px;
}

.newfrontiers {
float: right;
width: 180px;
height: 54px;
background: url(images/newfrontiers.png) no-repeat;
margin: 13px 0 0 0;
}

/*=======
FIND US
=======*/
#map {
width: 900px;
height: 300px;
margin: 0 0 15px 0;
}

.walk, .car, .bus {
width: 250px;
height: 19px;
display: block;
float:left;
}

.walk { background: url(http://www.ccm.org.uk/images/on_foot_bike.png) no-repeat; }
.car { background: url(http://www.ccm.org.uk/images/by_car.png) no-repeat; }
.bus { background: url(http://www.ccm.org.uk/images/by_bus.png) no-repeat; }

.walkicon, .caricon, .busicon {
width: 20px;
height: 20px;
display: block;
float: right;
}

.walkicon { background: url(http://www.ccm.org.uk/images/walking_man.png) no-repeat; }
.caricon { background: url(http://www.ccm.org.uk/images/car_icon.png) no-repeat; }
.busicon { background: url(http://www.ccm.org.uk/images/bus_icon.png) no-repeat; }

h1.mapLocation {
width: 268px;
float: left;
}

.yCircle, .gCircle {
background: url(http://www.ccm.org.uk/images/colorCircles.jpg);
width: 21px;
height: 21px;
display: block;
float: right;
}

.gCircle { background-position: -44px 0; }

.directionsOverlay {
position: absolute;
top: 0;
left 0;
width: 442px;
height: 400px;
background: url(http://www.ccm.org.uk/images/white-80.png);
background: rgba(255,255,255,0.8);
}

.directionsOverlay h2 { margin: 150px 50px 0 70px; }

/*=====
BLOGS
=====*/
#sidebar { margin: 0; }

.bentry { 
width: 100%;
float: left;
border-bottom: 1px dotted #aaa;
margin: 0 0 15px 0; 
}

.bentry h1 { margin: 0 0 2px 0; }

.credittop{
width: 100%;
color: #666666;
line-height: 12px;
font-size: 11px;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px dotted #aaa;
}

.blog_images_container {
width: 230px;
float: right;
height: auto;
margin: 0 0 10px 10px;
}

.blog_images_container img { margin: 0 0 10px 0; }

.quote_container {
width: 230px;
float:right;
margin: 0 0 10px 0;
}

.credits {
float:left;
color: #666666;
font-size: 11px;
line-height: 13px;
width: 100%;
margin: 0 0 20px 0;
}

.creditleft p, .creditleft1 p { 
font-size: 11px;
line-height: 13px;
color: #fff;
}

.creditleft1, .creditleft {
float: left;
width: 135px;
margin: 5px 0 0 0;
}

.creditright {
float: right;
width: 250px;
text-align: right;
}

.credits a:link, .credits a:visited {
color: #000;
text-decoration: underline;
}

.credits a:hover { text-decoration: none; }

.sidebarSection {
width: 100%;
margin: 0 0 30px 0;
float:left;
font-size: 11px;
line-height: 13px;
color: #333333;
padding: 5px 0 0 0;
}

.sidebarSection:first-child { margin: 5px 0 30px;}

.sidebarSection h3 { 
margin: 0 0 10px 0; 
padding: 0 0 10px 0;
border-bottom: 1px dotted #aaa;
}

.sidebarSection:first-child h3 { padding: 0 0 10px 0; }

#sidebarSearch input#keywords {
border: 1px solid #aaa;
background: #e9e9e9;
padding: 5px;
width: 218px;
float: left;
margin: 12px 0 0 0;
}

input:focus, 
#sidebarSearch input#keywords:focus,
textarea:focus { background: #fef7dd; }

#sidebarSearch input.submit {
border: 1px solid #aaa;
background: #fef7dd;
padding: 4px;
width: 55px;
margin: 12px 0 0 5px;
cursor: pointer;
}

#sidebarSearch input.submit:hover { background: #fbc420; }

ul#authors {
width: 100%;
float: left;
}

ul#authors li img {
margin-right: 10px;
float:left;
}

ul#authors li {
width: 100%;
border-bottom: 1px solid #eee;
float:left;
font-size: 11px;
line-height: 13px;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
}

ul#authors li:last-child {
margin: 0;
padding: 0;
border: 0;
}

.contributetext {
width: 240px;
float:left;
margin: -1px 0 0 0;
}

p.cbottom a, p.cbottom a:visited, p.cbottom a:hover {
float:left;
font-size: 11px;
text-decoration: underline;
color: #333333;
font-weight: bold;
}

/*=== COMMENTS ===*/
.comments {
width: 100%;
float: left;
border-top: 1px dotted #aaa;
padding: 15px 0 0 0;
margin: 15px 0 0 0;
}

#comment_user input {
margin: 0;
padding: 5px;
}

label {
font-weight: bold;
display: block;
margin: 0 0 3px 0;
}

input {
margin: 12px 0 0 0;
border: 1px solid #aaa;
background: #f5f5f5;
padding: 10px;
}

textarea {
border: 1px solid #aaa;
background: #f5f5f5;
padding: 10px;
width: 573px;
}

input#commentSubmit {
background: #fef7dd;
cursor: pointer;
padding: 5px 10px;
}

input#commentSubmit:hover { background: #fbc420; }

.commentEntry {
width: 100%;
float: left;
border-bottom: 1px dotted #aaa;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}

.commenttext {
float: left;
width: 505px;
margin: 0;
}

.profile {
float:left;
width: 80px;
margin: 5px 10px 0 0;
}

.commentcredits {
float:left;
color: #666666;
font-size: 11px;
line-height: 12px;
width: 80px;
margin: 5px 0 0 0;
vertical-align: bottom;
}

.filler {
float:left;
width: 50px;
height: 50px;
background: #fce92e;
}

.commentinput {
width: 535px;
margin: 0 17px 0px 0;
}

/*=====
MISC
=====*/
hr {
border: 0;
width: 100%;
height: 1px;
color: #dddddd;
background-color: #dddddd;
margin-bottom: 5px;
clear:both;
}

hr.dotted {
width: 100%;
height: 1px;
color: #fff;
background-color: #fff;
margin: 0 0 10px 0;
border-top: 1px dotted #aaa;
}

.hr_entry {
border: 0;
width: 100%;
height: 1px;
color: #bbb;
background-color: #bbb;
margin-bottom: 5px;
margin-top: 5px;
float:left;
font-size: 1px;
line-height: 1px;
}

.twitter_icon {
width: 39px;
height: 9px;
display:block;
background: url(http://www.ccm.org.uk/images/twitter_icon.png);
float:right;
margin: 2px 0 0 0;
}

.facebook_icon {
width: 13px;
height: 13px;
display:block;
background: url(http://www.ccm.org.uk/images/facebook_icon.png);
float:right;
margin: 0 15px 0 0;
}

.readmore a, .readmore a:visited, .readmore a:hover {
background: #879dae url(http://www.ccm.org.uk/images/read_more_arrow_2.gif) no-repeat;
background-position: 60px 4px;
color: #fff;
padding: 2px 16px 0 0;
width: 100px;
}

.readmoremedia a, .readmoremedia a:visited, .readmoremedia a:hover {
background: #879dae url(http://www.ccm.org.uk/images/read_more_arrow_2.gif) no-repeat;
background-position: 45px 4px;
color: #fff;
padding: 2px 23px 0 3px;
}

.readmoremediavid a, .readmoremediavid a:visited, .readmoremediavid a:hover {
background: #879dae url(http://www.ccm.org.uk/images/read_more_arrow_2.gif) no-repeat;
background-position: 45px 4px;
color: #fff;
padding: 2px 27px 0 0;
}

.credits p.addcomment a, .credits p.addcomment a:visited {
background: #879dae url(http://www.ccm.org.uk/images/read_more_arrow_2.gif) no-repeat;
background-position: 93px center;
color: #fff;
padding: 5px 20px 3px 7px;
text-decoration: none;
}

.credits p.addcomment a:hover { background-color: #6c808f; }

.vidicon {
background: url(http://www.ccm.org.uk/images/images/video_icon.gif);
background-repeat: no-repeat;
width: 28px;
height: 18px;
float:right;
margin-top: -3px;
}

.audioicon {
background: url(http://www.ccm.org.uk/images/audio_icon.gif);
background-repeat: no-repeat;
width: 28px;
height: 18px;
float:right;
margin-top: -3px;
}

object { margin-bottom: 10px; }

#colin_bio_image {
float:right;
margin: 0 0 10px 10px;
width: 75px;
height: 85px;
}

/*========
TYPOGRAPHY
=========*/
a, a:visited {
text-decoration: none;
color: #333333;
}

a:hover { text-decoration: underline; }

p {
font-family: 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
font-size: 12px;
line-height: 15px;
color: #333333;
margin: 0 0 15px 0;
}

p a, p a:visited {
background: #fbc420;;
text-decoration: underline;
}

p a:hover { text-decoration: none; }

p.summary {
font-size: 14px;
line-height: 17px;
font-weight: bold;
margin: 10px 0 15px 0;
}

h1 {
font-size: 20px;
line-height: 20px;
color: #333;
text-transform: uppercase;
}

h1 a, h1 a:visited {
color: #333;
text-decoration: none;
}

h1 a:hover, ul#nav li h1 a#nav_current, ul#nav li h1 a#nav_current:visited, ul#nav li h1 a#nav_current:hover { color: #ccc; }

h2 {
text-transform: uppercase;
font-size: 24px;
line-height: 24px;
}

h3 {
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
}

h4 { 
font-size: 12px; 
line-height: 12px;
text-transform: uppercase
}

.adOverlay h1, .adOverlay h3 { color: #fff; }

.adSlide h2 a, .adSlide h2:visited { color: #FBC420; }