/************************************************************************
	Title: LMH Website re-design
	Company: Lady Margaret Hall
	File: blue.css
	
	GLOBAL CSS 
	==========
	
	Provides blue colour scheme to global.css structure
	
	Author:		DVA  [www.dva.co.uk] - Dan Viveiros		[danv@dva.co.uk]

	Listing Order:
	==============

	Universal
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Forms

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

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/
body {
	background-color: #D0D4D8;
	background-image: url(../assets/darkgrey/bg_sm.gif);
	background-position: top;
	background-repeat: repeat-x;
}

body#home {
	background-image: url(../assets/darkgrey/bg_lg.gif);
}

h1, h2, h3, h4 {
	color: #63727E;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/
#header {
	background-color: #455058;
	background-image: url(../assets/darkgrey/lmh.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#subfooter {
	background-color: #63727E;
}

/***********************************************************************
	NAVIGATION
************************************************************************/


/***********************************************************************
	HEADER ELEMENTS
************************************************************************/

/***********************************************************************
	BANNER BUTTON
************************************************************************/
#bannerhome #bannerbutton {
	background-image: url(../assets/darkgrey/lg_arrow_green.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#bannerint #bannerbutton {
	background-image: none;
}

#bannerbutton h1 {
	color: #FFFFFF;
}

/***********************************************************************
	FEATURE PANELS
************************************************************************/

#content .featurepanel h2 {
	background-image: url(../assets/darkgrey/arrow.gif);
	color: #455058;
}

#subfooter .featurepanel h3 {
	background-image: url(../assets/darkgrey/white_arrow.gif);
}

/***********************************************************************
	BODY ELEMENTS
************************************************************************/
#subfooter ul li {
	background-image: url(../assets/darkgrey/sm_arrow_white.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#subfooter ul#events li {
	background-image: none;
}

#subfooter .featurepanel a {
	color: #FFFFFF;
}

/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/
#footer p {
	color: #63727E;
}

/***********************************************************************
	FORMS
************************************************************************/
#tools form input.searchbox {
	background: #BEC2C5;
}