/*

This stylesheet contains changes to the styles in global.css for EuCheMS.

Most colour-based changes are held in euchems_colours.css, which is identical

in form to the section-based stylesheets for the RSC site.

Anything else that needs changing from the default RSC styles is in THIS file.

*/



body {

	margin-top: 0.5em;

	}

	

#footer {

	border-top-width: 4px;

	border-top-color: #f00;

	}

	

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

/** Common elements *************************************************/	

a {

	color: #333;

	text-decoration: none;

	}

#content a {

	text-decoration: underline;

	}

	

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

/** Top of page ****************************************************/



#title ul {

	margin-top: 70px;

	}

#title li {

	background-image: url("/images/designimages/li_topnav_euchems.gif");

	}

	

#topnav { 

	border-top-color: #f00;

	}

#topnav form#areas {

	width: 30em;

	}

	

#breadcrumbs li {

	padding-left: 13px;

	background-image: url("/images/designimages/li_topnav_breadcrumbs_euchems.gif");

	}

	

	

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

/** Main content structure *****************************************/



h2 {

	margin-top: 3px;

	}

p.h2sub {

	font-weight: bold;

	color: #666;

	}

#main div.h3 {

	margin-top: 0;

	margin-bottom: 0;

	}

	

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

/** Extralinks (right) column **************************************/

	

 #extralinks {

	margin-top: 1px;

	}

#euchems #extralinks .extrablock#popular {

	margin-bottom: 3px;

	}

	

#euchems #extralinks #popular h3 {

	background-color: #f00;

	color: #fff;

	padding: 4px 5px 3px 5px;

	margin-top: 0;

	margin-bottom: 1px;

	width: 158px !important; 	/* Everything but Win IE 5 */

	width /**/:164px;			/* For Win IE 5 */

	}

#extralinks #popular ul {

	padding: 5px;

	background-color: #f5f5f5;

	border: 1px solid #ccc;

	}

#extralinks #popular li {

	padding-left: 10px;

	background-image: url("/images/designimages/li_extralinks_euchems.gif");

	}

	

#euchems #extralinks .box {

	margin-top: 0;

	margin-bottom: 0;

	}

#euchems #extralinks .box#join h3 {

	color: #f00;

	border-bottom: none;

	margin-top: 0.2em;

	width: 156px !important; 	/* Everything but Win IE 5 */

	width /**/:150px;			/* For Win IE 5 */

	}

#euchems #extralinks .box#join a {

	text-decoration: underline;

	}

	



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

/** Mainnav (left) column ******************************************/

	

#mainnav {

	padding-top: 0.7em;

	}

#euchems #mainnav h3 {

	border-bottom-color: #ccc;

	}

	

#mainnav li {

	padding-left: 12px;

	background-image: url("/images/designimages/li_nav_euchems.gif");

	}

	

	

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

/** Different layouts **********************************************/	



/* Layout 3 - content. */

.layout3 #breadcrumbs {

	width: 593px;

	}

.layout3 p.lede {

	line-height: 1em;

	}

	

	

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

/** All font sizes *************************************************/



h2 {

	font-size: 2.0em;

	}

.layout3 p.lede {

	font-size: 1.4em;

	}

#extralinks #join h3 {

	font-size: 1.2em;

	
}

/* news summary component should be in normal text */
.newssummary {

		font-weight: normal;

}