/*
stylesheet:	 content
website:  	 guardian professional
version:	 1.0



/* =content
================================================================== */	
h1.header{
	float:left;
	text-indent:-50em;
	margin:1em 0 0.3em 0;
	background:url(images/h1-header.gif) 0 center no-repeat;
	}

h1.header a 
{
	display:block;
	width:15em;
	height:43px;
}

h1.CMSheader {
	top:0em;
	text-indent:-50em;
	font-size: 2.2em;
	width:15em;
	height:43px;
	margin-bottom:0.7em;
	background:url(images/h1-header.gif) 0 center no-repeat;
	}

.left-col, .right-col {
	width:27.5em;
	min-width:27.5em;
	float:left;
	}

	
.right-col {
	float:right;
	}

.book-cover {
	margin-top:1em;
	}

.book-cover img {
	width:27.3em;
	border:1px solid #999999;
	}

.left-col a, .right-col a {
	line-height:1em;
	}
	
.left-col h3, .right-col h3 {
	margin-top: 0;
	}

.hr hr, .hr thin-hr {
	visibility: hidden;
	}
	
.hr {
	height: 10px;
	overflow: hidden
	} 

.thin-hr {
	height: 1px;
	overflow: hidden
	} 

.dotted-rule {
	background:url(images/dotted-hr.gif) repeat-x;
	height:3px;
	margin-top:1em;
	}
	
	
/* =send me updates button*/
a.send-me-updates {
	font-size:1.3em;
	font-weight:bold;
	height:2.1em;
	line-height:2.1em;
	text-indent:30px;
	text-decoration:none;
	margin:0.2em 0 0.5em 0;
	padding-top:0.1em;
	/*width:264px;*/
	background:url("images/send-me-updates-up.gif") 0 center no-repeat;
	white-space:nowrap;
	}

a.send-me-updates:hover {
	background:url("images/send-me-updates-over.gif") 0 center no-repeat;
	}

.gnm {
	 margin:0 0 2em 0;
	 color: #7A9EC1;
	}

.static-content {
	height:13em;
	width:57em;
	background-color: #00CCFF;
	margin-bottom:1.5em;
	}

html>body .static-content {
	height:13em;
	min-height:13em;
	}


/* end of section before horizontal rule or occasionally standard paragraph */	
.last-paragraph-item {
	display:block;
	margin-bottom:1em;
	}


/* =news archive instructions*/
div.instruct {
	margin-top:1em;
	}

div.instruct li {
	font-weight: bold;
	display:block;
	padding-left:1.5em;
	list-style:none;
	background:url(images/instruct-bullet.gif) left 0.4em no-repeat;

	}

/*=calendar*/

.CalendarYear
{
	padding-right:2em;
	margin-bottom:0.5em;
}

.key
{
	margin-top:0.6em;
}

.key h4 {
	font-size:1.12em;
	line-height:1.2em;
	display:block;
	padding-right:0.5em;
	float:left;
	margin:0;
	}

ul.calendar-key {
	display:block;
	font-size:1.12em;
	line-height:1.1em;
	float:left;
	margin-bottom:0.2em;
	}

ul.calendar-key li {
	float:left;
	display:block;
	font-size:1em;
	line-height:1.2em;
	text-indent:1.25em;
	text-decoration:none;
	padding-right:1em;
	background:url(images/instruct-bullet.gif) left center no-repeat ;
	}

.calendar-key li.environment-bullet {
	background:url(images/environment-bullet.gif) no-repeat left 0.25em;
	}


.calendar-key li.media-bullet {
	background:url(images/media-bullet.gif) no-repeat left 0.25em;
	}

.calendar-key li.public-sector-bullet {
	background:url(images/public-bullet.gif) no-repeat left 0.25em;
	}
	
.calendar-key li.education-bullet {
	background:url(images/education-bullet.gif) no-repeat left 0.25em;
}



.calendar {
	margin:1.5em 0 1.5em 0;
	}
	
h3.view-html
{
	color:#143C65;
	font-size:1em;
	margin:0.7em 0 0.3em 0;
	width:100%;
	clear:right;
}


.html-calendar h4, .html-calendar p
{
	font-size:1.2em;
	font-weight:bold;
	line-height:125%;
	margin-top:1em;
}

.html-calendar h4 a
{
	color:#ffffff;
}


.html-calendar p
{
	line-height:140%;
	font-size:1em;
	margin-top:0.3em;
	font-weight:normal;

}

h4 p
{
	color:	#fff;
}

div .media-colour a:hover, div .environment-colour a:hover, div .public-sector-colour a:hover, div .education-colour a:hover
{
	color:#fff;
}

div .media-colour a, div .environment-colour a, div .public-sector-colour a, div .education-colour a
{
	display:block;
	padding: 0.2em 0 0.2em 0.2em;
}

.media-colour 
{
	background-color:#F72AA2;
	padding-bottom:0.32em;
	padding-left:0.1em;	
}

.media-colour a{
	text-decoration: none;
}

.environment-colour 
{
	background-color:#75B815;
	padding-bottom:0.3em;
	padding-left:0.1em;		
}

.environment-colour a{
	text-decoration: none;
}

.public-sector-colour 
{
	background-color:#0E9FCF;
	padding-bottom:0.3em;
	padding-left:0.1em;	
}
.public-sector-colour a{
	text-decoration: none;
}

.education-colour 
{
	background-color:#ff9900;
	padding-bottom:0.3em;
	padding-left:0.1em;	
}
.education-colour a{
	text-decoration: none;
}

/* =individual stories */
.story-footer {
	font-weight:bold;
	}
	
/* =DYNAMIC AREAS
================================================================== */	
.text-feed {
	float:right;
	width:22.5em;
	margin-top:1em;
	margin-bottom:0.4em;
	}
	
.flash-content {
	height:26.5em;
	width:57em;
	margin-bottom:1.5em;
	}


html>body .flash-content {
	height:26.5em;
	min-height:26.5em;
	margin-bottom:1.5em;
	}
	
/* =sitemap
================================================================== */	

.site-map ul {
	padding-left: 2em;
	}
	
.site-map li {
	line-height: 175%;
	}
	
.site-map ul li {
	list-style: url(Images/site-map-bullet-1.gif);
	}
	
.site-map ul ul li {
	list-style: url(Images/site-map-bullet-2.gif);
	}
	
.site-map ul ul ul li {
	list-style: url(Images/site-map-bullet-3.gif);
	}
	
.site-map ul ul ul ul li {
	list-style: url(Images/site-map-bullet-4.gif);
	}

/* =latest news
================================================================== */	

.center-line { 
	background: url(Images/latest-news-divider.gif) 50% 1em repeat-y;
	overflow:hidden;
	}
	
#lastest-news h3 {
	border-top: dotted #666666 1px;
	padding-top: 0.3em;
	}

#lastest-news h4 
{
	font-size:1.35em;
	font-weight:bold;
	padding-top: 0.3em;
	}

#lastest-news p.last-news-item {
	border-bottom: dotted #666666 1px;
	padding-bottom: 0.95em;
	}
	
#lastest-news div {
	padding-bottom: 0.2em;
	}
	
/* =our clients*/

ul.our-clients li
{
	margin:0;
	padding:0.35em 0;
	background: url(Images/site-map-bullet-4.gif) left center no-repeat ;
	padding-left:1.2em;
	list-style:none;
}


.live-links  a
{
	display:block;
	font:1.2em/130% Georgia, serif normal;
	text-decoration:underline;
	cursor:pointer;
}

.live-links a:hover
{
	color:#92B2CF;
}

.CalendarModalWindow
{
	border: solid 1px #000;
	width:500px;
	background:#fff;
	padding:10px;
}

.media-text 
{
	color:#F72AA2;
}

.environment-text 
{
	color:#75B815;
}

.public-sector-text 
{
	color:#0E9FCF;
}

.education-text 
{
	color:#ff9900;
}

div p.CalendarModalText
{	
	font: normal 1.5em georgia, serif;
}

.CalendarModalHr
{
	height:1px;
	background:#ededed;
	overflow: hidden
}

.CalendarModalCloseButton
{
	float:right;
	margin: 5px 0 5px 0;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.5;
}