/* -----------------------------------------------------------
	2010 Microsite template - colour (mumford blue)
	(c) Anglia Ruskin University 2010 onwards
----------------------------------------------------------- */

body 
{
	color: #132e65;
	background: #ffffff;
}

a:link, a:visited {color: #04527f;}


/*---------------------------------
	logo and branding
---------------------------------*/

/* This graphic sets the colour of the tray - MANUAL - ALWAYS REQUIRED */
#logo h1 a 
{
	background: url(../../medianew/images/microsites/mblue-branding-logo-no-text.gif) no-repeat left bottom;
}

/* This graphic sets the colour of the tray background - MANUAL - ALWAYS REQUIRED */
#header-wrapper 
{
	background: url(../../medianew/images/microsites/mblue-branding-header.gif) repeat-x top left;
}


/*---------------------------------
	shortlinks
---------------------------------*/

#shortlinks
{
	border-top: 5px solid #a8c9d6;
	background-color: #f0f7fa;
}

#shortlinks ul li
{
	background:url(../../medianew/images/microsites/shortlink_pipe.gif) center right no-repeat;
}

#words
{
	border: 1px solid #a5a5a5;
}

/*---------------------------------
	banner area
---------------------------------*/

#main-banner-wrapper 
{
	background: #132e65;
	border-top: 1px solid #c7a553;
	border-bottom: 4px solid #c7a553;
}

/*---------------------------------
	standard type
---------------------------------*/

h1 {color: #;}
h2 {color: #;}
h3 {color: #;}
h4 {color: #;}
h5 {color: #;}
h6 {color: #;}

.HLRed 
{
	color: #ff0000;
}

/*---------------------------------
	navigation
---------------------------------*/

#navigation ul li
{	
	background: url(../../medianew/images/microsites/mblue-nav-arrow.gif) no-repeat top left;
}

#navigation li a 
{	
	border-bottom: 1px solid #d6d6d6;
}

/*---------------------------------
	common divs
---------------------------------*/

.featureText
{
	background: #f0f7fa;
	border: 2px solid #cee2ea;
}

.fileDownload 
{
	background: #f0f7fa;
	border-left: 2px solid #93c0d3;
}

.footnote 
{
	background: #efefef;
	border-left: 2px solid #b7b7b7;
}	

/*---------------------------------
	dynamic content - news
---------------------------------*/

.smallnews img
{
	background: #ffffff;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}

.newsarticle img 
{
	background: #efefef;
	border-top: 1px solid #dddddd;
	border-right: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#newscallout 
{
	background-color: #efefef;
	border: 1px solid #cfcfcf;
}

/*---------------------------------
	faq list
---------------------------------*/

#faq-list p
{
	border-left: 2px solid #d6d6d6;
}

/*---------------------------------
	tables
---------------------------------*/

table
{
	border-collapse:collapse;
	border: 2px solid #8cc4dc;
}

tr
{
	border-bottom: 1px solid #a7d5e9;
}

td 
{
	border-right: 1px solid #a7d5e9;
}

td.hlrow
{
	background: #d3eaf3;
}

/*---------------------------------
	Forms
---------------------------------*/

legend 
{
	color: #000000;
}

/*---------------------------------
	images (background/border)
---------------------------------*/

#main-content .tiImageLeft p.image-credit,
#main-content .tiImageLeft-border-only p.image-credit,
#main-content .tiImageLeft-background-only p.image-credit,
#main-content .tiImageLeft-border-background p.image-credit,
#main-content .tiImageRight p.image-credit,
#main-content .tiImageRight-border-only p.image-credit,
#main-content .tiImageRight-background-only p.image-credit,
#main-content .tiImageRight-border-background p.image-credit,
#main-content .tiImageCenter p.image-credit,
#main-content .tiImageCenter-border-only p.image-credit,
#main-content .tiImageCenter-background-only p.image-credit,
#main-content .tiImageCenter-border-background p.image-credit
{
	color: #666666;
}

#main-content .tiImageLeft-border-background,
#main-content .tiImageRight-border-background,
#main-content .tiImageCenter-border-background,
#main-content .tiImageLeft-background-only,
#main-content .tiImageRight-background-only,
#main-content .tiImageCenter-background-only
{
	background: #f0f7fa;
	border: 1px solid #cee2ea;

}

#main-content .tiImageLeft-border-only img,
#main-content .tiImageRight-border-only img,
#main-content .tiImageCenter-border-only img
{
	border: 1px solid #333333;
}

#main-content .tiImageLeft-border-background img,
#main-content .tiImageRight-border-background img,
#main-content .tiImageCenter-border-background img
{
	border: 1px solid #333333;
}

#navigation-undermenu .tiImageLeft p.image-credit,
#navigation-undermenu .tiImageLeft-border-only p.image-credit,
#navigation-undermenu .tiImageLeft-background-only p.image-credit,
#navigation-undermenu .tiImageLeft-border-background p.image-credit,
#navigation-undermenu .tiImageRight p.image-credit,
#navigation-undermenu .tiImageRight-border-only p.image-credit,
#navigation-undermenu .tiImageRight-background-only p.image-credit,
#navigation-undermenu .tiImageRight-border-background p.image-credit,
#navigation-undermenu .tiImageCenter p.image-credit,
#navigation-undermenu .tiImageCenter-border-only p.image-credit,
#navigation-undermenu .tiImageCenter-background-only p.image-credit,
#navigation-undermenu .tiImageCenter-border-background p.image-credit
{
	color: #666666;
}

#navigation-undermenu .tiImageLeft-border-background,
#navigation-undermenu .tiImageRight-border-background,
#navigation-undermenu .tiImageCenter-border-background,
#navigation-undermenu .tiImageLeft-background-only,
#navigation-undermenu .tiImageRight-background-only,
#navigation-undermenu .tiImageCenter-background-only
{
	background: #f0f7fa;
	border: 1px solid #cee2ea;

}

#navigation-undermenu .tiImageLeft-border-only img,
#navigation-undermenu .tiImageRight-border-only img,
#navigation-undermenu .tiImageCenter-border-only img
{
	border: 1px solid #333333;
}

#navigation-undermenu .tiImageLeft-border-background img,
#navigation-undermenu .tiImageRight-border-background img,
#navigation-undermenu .tiImageCenter-border-background img
{
	border: 1px solid #333333;
}

/*---------------------------------
	Quote colours
---------------------------------*/

.quoteText 
{

	background: #f0f7fa;
	border: 1px solid #cee2ea;
}

.quoteTextMarketing 
{
	border: 1px solid #999999;
	background: transparent url('../../medianew/images/quotemarks.gif') left top no-repeat;
}

.quoteTextMarketing h5 
{
	font-weight: bold;
}

.quoteTextMarketing div 
{
	background: transparent url('../../medianew/images/quotemarksb.gif') right bottom no-repeat;
}

/*---------------------------------
	case study/quote colours
---------------------------------*/

.quote,
.quote-left,
.quote-right
{
	background: #f0f7fa;
	border: 1px solid #cee2ea;
}

.quote-start,
.quote-end
{
	color: #a1d5eb;
}

.quote img,
.quote-left img,
.quote-right img
{
	border: 1px solid #d1d1d1;
}

/*---------------------------------
	text / image combi colours
---------------------------------*/

.combi
{
	background: #f0f7fa;
	border: 1px solid #cee2ea;
}

.combi img
{
	border: 1px solid #d1d1d1;
}

/*---------------------------------
	footer colours
---------------------------------*/

#footer-wrapper
{
	background: #ededed;
	color: #666;
}

#footer-wrapper h5 
{
	color: #606060;
}

#footer-col-2, 
#footer-col-3, 
#footer-col-4 
{
	border-left: 1px dotted #666666;
}


/* ---------------------------------------------
	promo boxes
--------------------------------------------- */

#promo-container {
	overflow: auto;
	margin: 25px 0 25px 0;
	padding: 0;
}

#promo-one, #promo-two, #promo-three {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #d3eaf3;
	float: left;
	border: 1px solid #8cc4dc;
	width: 180px;
	padding: 20px 20px 15px 20px;
	overflow: auto;
}

#promo-one, #promo-two {
	margin: 0 15px 0 0;
}

#promo-one h3, #promo-two h3, #promo-three h3 {
	margin: 0 0 10px 0;
}

#promo-one p, #promo-two p, #promo-three p {
	margin: 0 0 8px 0;
}

a#promo-one-button, a#promo-two-button, a#promo-three-button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #385285;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #d3eaf3;
	display: block;
	text-transform: uppercase;
	padding: 8px;
	margin: 15px 0 0 0;
}

a:hover#promo-one-button, a:hover#promo-two-button, a:hover#promo-three-button {
	color: #385285;
	text-decoration: none;
	background: #76b4cc;
}