/* Cambridge IMC CSS */
body {
	margin: 20px;
	padding: 20px;
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	background: white;
	color: black;
}

/* Basic  formatting */
img {
	display: block;
 	border: 0;
}
em {
	font-style: italic
}
strong {
	font-weight: bold
}

.access {
	display: none;
}

div#sitenav {
	display: none;
}



/* Top left image */
div#himgleft {
 	display: none;
}

/* Top right image */
div#himgright {
	display: none;
}


/* Left column */
div#leftcolumn {
	display: none;
}

/* Main content column */
/* Set the position of the left side of the main content with this */
div#maincontent {
	
}

/* Right column, homepage only I think... */
div#rightcolumn {
	display: none;
}

/* Features and 'start'??? headers */
div.start h2, div.features h2 {
	font-size: 1.3em;
	padding: 0 0 12px 0;
	margin: 0;
}

div.article h2 {
	font-size: 1.6em;
	padding: 0 0 12px 0;
	margin: 0;
}

/* Timestamp in header */
div.start em.datetime, div.features em.datetime {
	float: right;
	font-style: italic;
	margin-left: 30px;
}

div.article em.datetime {
	float: right;
	font-style: italic;
	margin: 0.6em 0 0 0;
}

/* Padding around images */
div.features img, div.start img, div.breaking img, div.article img {
	float: left;
	margin: 4px 18px 10px 0;
	border: 1px solid black;
}

/* Main content paras */
div.breaking p, div.start p, div.features p, div.article p {
	padding: 0 0 1.3em 0;
	margin: 0;
}

p.fullstory {
	display: none;
}

div.breaking blockquote, div.start blockquote, div.features blockquote, div.article blockquote {
	padding: 0 16px 0 16px;
	margin: 0;
	font-style: italic;
}

div.breaking blockquote em, div.start blockquote em, div.features blockquote em, div.article blockquote em {
	display: block;
	padding: 0 0 0 16px;
	margin: 0;
	font-style: normal;
	font-weight: bold;
}



/* Breaking NEWS! */
div.breaking {
	margin: 21px 0 10px 0;
	padding: 20px 20px 4px 20px;
 	border: 5px solid #CD4227;
	background: url(breaking.gif) 5px 11px no-repeat;
}
div.breaking h2 {
	text-transform: uppercase;
	font-size: 1.8em;
	padding: 0 0 24px 80px;
	margin: 0;
}
div.breaking em.datetime {
	color: #CD4227;
	float: right;
	font-style: italic;
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 30px;
}

/* The rest of the divs all need some padding at the top */
div.features, div.article {
	padding: 20px 0 0 0;
}

/* Some have line breaks between them */
div.features hr {
display: block;
	clear: left;
	margin: 0;
	color: black;	
	padding: 0;
	border: 0;
 	height: 1px;
	background-color: black;
}

/* Others have the line break but soley to make sure the box expands for tall images */
div.breaking hr, div.start hr, div.article hr, div.comment hr {
	display: block;
	clear: left;
	margin: 1px;
 	visibility: hidden;
}

/* We've got an 'intro' div for articles and so on */
span.intro {
	font-style: italic;
	padding: 16px;
	display: block;
	border: 1px dotted black;
}

/* A couple of more heading styles for articles */
div.article h3 {
	padding: 0 0 0.2em 0;
	margin: 0;
	font-size: 1.4em;
	font-style: italic;
}
div.article h4 {
	padding: 0 0 0.2em 0;
	margin: 0;
	font-size: 1.2em;
	font-style: italic;
}

/* Kind of image gallery styles for article pages? */
div.bigimage {
	padding: 0 0 16px 16px;
	margin: 0;
}
div.bigimage img {
	display: block;
	float: none;
	padding: 0;
	margin: 0;
}
div.bigimage p {
	padding: 0 0 0 32px;
	margin: 0;
	font-style: italic;
	font-weight: bold;
}

/* For 'actions' at the end of articles... */
div.action {
	display: none;
}

/* Comments */
div#comments h2 {
	font-size: 1.4em;
	padding: 6px 0 6px 0;
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
	margin: 16px 0 20px 0;
}

div.comment {
	border: 1px solid black;
	padding: 16px;
	margin: 0px 16px 16px 16px;
}

div.comment h3 {
	font-size: 1.3em;
	padding: 0 0 0.4em 0;
	margin: 0;
}

div.comment span.datetime {
	width: auto;
	display: block;
	text-align: right;
	font-style: italic;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

div.comment p {
	padding: 0 0 1.3em 0;
	margin: 0;
}


/* Events area, homepage only I think...*/
h2#eventsheader {
	width: auto;
	margin: 3px 0 0 0;
	padding: 0;	
	font-size: 1.3em;
}
div#events {
	display: block;
	width: auto;
	border: 1px dotted black;
	margin: 3px 0px 0px 0px;
	padding: 4px;
	font-size: 0.9em;
}
div#events ul {
	margin: 0 !important;
	padding: 0 !important;
}
div#events li {
	margin: 2px 0 0 10px;
	padding: 0;	
	list-style-type: none;
	display: block;
	overflow: hidden;
}
div#events p {
	margin: 0;
	padding: 0;
	border: 0;
}