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

Styles used for content styling and website identity. All the font sizes, font colours, border colours, background colours and graphics are held in this style sheet.

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

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

HTML tags 

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



/* the body tag sets the global font size, line height and font types. Changing the font size here effects all the font sizes throughout the entire website */

body { 
	font: 78%/1.3em Helvetica, Verdana, Arial, sans-serif;
	color: #387CAE;
	background-color: #F5FBE9;
	background-image: url("../images/body_bg.jpg");
	background-repeat: no-repeat;
	background-position: center 41px;
	}

h1 { 
	font-size: 1.4em;
	margin-top: 5px
	}

h2 { 
	font-size: 1.2em;
	color: #FFFFFF;
	background-color: #387CAE;
	margin-top: 20px;
	margin-bottom: 2px;
	padding: 3px
	}
	
h3 { font-size: 1.2em }
h4 { font-size: 1.1em }
h5, h6, p, ul, ol, a { font-size: 1em }
p {margin-top: 0px}
a:link, a:visited, a:active { text-decoration: none } /* removes the underline from link states of all links */
a:hover { text-decoration: underline } /* adds an underline to the hover state of all links */
a:link, a:active { color: #387CAE } /* sets the color for all links */
a:visited { color: #387CAE } /* sets the color for all visited links */
a:visited:hover, a:hover { color: #4276DA }

#logo { 
	color: #FFFFFF; 
	font-size: 1.5em;
	line-height: 1.4em;
	}
	
#logo img {
	vertical-align: bottom;
	margin-right: 15px
	}


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

Content area

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

#content-container {
	background-image: url("../images/top-bar_bg.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	}


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

Bottom navigation and copyright

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

/* background image of the bottom bar */

#bottom-bar { background-image: url("../images/bottom-bar_bg.jpg") }
#bottom-bar .thereallink a { background-image: url("../images/icon_thereallink_link.gif") }
#bottom-bar .oup a { background-image: url("../images/icon_oup_link.gif") }
#bottom-bar .sysgem a { background-image: url("../images/icon_sysgem_link.gif") }
#bottom-bar .croughton a { background-image: url("../images/icon_croughton_link.gif") }
#bottom-bar .beechams a { background-image: url("../images/icon_beechams_link.gif") }
#bottom-bar .pdi a { background-image: url("../images/icon_pdi_link.gif") }
#bottom-bar .yoga a { background-image: url("../images/icon_yoga_link.gif") }
#bottom-bar .thereallink a:hover { background-image: url("../images/icon_thereallink_hover.gif") }
#bottom-bar .oup a:hover { background-image: url("../images/icon_oup_hover.gif") }
#bottom-bar .sysgem a:hover { background-image: url("../images/icon_sysgem_hover.gif") }
#bottom-bar .croughton a:hover { background-image: url("../images/icon_croughton_hover.gif") }
#bottom-bar .beechams a:hover { background-image: url("../images/icon_beechams_hover.gif") }
#bottom-bar .pdi a:hover { background-image: url("../images/icon_pdi_hover.gif") }
#bottom-bar .yoga a:hover { background-image: url("../images/icon_yoga_hover.gif") }


#bottom-bar li a {
	background-repeat: no-repeat;
	background-position: top center
	}

/* copyright top border colour, font styles and colours */

#copyright-line { 
	background: #F5FBE9 url(../images/copyright_bg.jpg) no-repeat top center;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	font-size: .9em;
	color: #AAAAAA
	}