/* -----------------------------------------------------------
	2010 Microsite template - layout
	(c) Anglia Ruskin University 2009
----------------------------------------------------------- */

/*---------------------------------
	social bookmark
---------------------------------*/

@import url("../socialbm.css");

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

#shortlinks
{
	float:right;
	margin: 0px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-radius: 0px 0px 2px 2px;
	border-radius: 0px 0px 2px 2px; 
}

#shortlinks ul
{	
	margin: 0px;
	padding: 10px 1em 0 1em;	
}


#shortlinks ul li
{
	display:inline;
	padding:2px;

	height:0.1em;	
}

#shortlinks ul li a
{
	padding: 0px 0.4em 0px 0px;
	margin: 0px;
}

#shortlinks ul li.none
{
	background:none;	
	border: none;
}

#shortlinks ul li.none form
{
	display:inline;	
	margin: 0;
	padding:0;
}

.site-search-container
{
	margin: 0;
	padding:0;	
}

#shortlinks ul li.none form fieldset
{
	border:none;
}

#shortlinks ul li.none form fieldset label 
{
	display:none;
}

#subby, 
#words
{
	padding: 2px;
}

.hidden
{
	display:none;
}

/*---------------------------------
	main content divs
---------------------------------*/

#header-wrapper,
#main-banner-wrapper,
#content-wrapper,
#footer-wrapper
{
	min-width: 960px;	
}

#footer-wrapper 
{
	overflow: auto;
}

#main-banner-inner, 
#content-inner, 
#footer-inner 
{
	width: 940px;
	margin: 0 auto;
}

#header-inner 
{
	height: 135px;
	width: 960px;
	margin: 0 auto;
}

#main-banner-inner {
	height: 140px;
	overflow: hidden;
}

#main-content 
{
	padding: 35px 0 30px 0;
	margin-left: 15px;
	min-height: 350px;
}

.featureText
{
	margin: 20px 0;
	padding: 18px;
}

.footnote
{
	margin: 20px 0;
	padding: 12px;
	overflow: auto;
}

.footnote img 
{
	float: left;
	margin-right: 15px;
}

.fileDownload
{
	margin: 20px 0;
	padding: 10px;
}

#contactUsForm,
.formFormat,
.footnote,
.fileDownload,
.featureText
{
	margin: 20px 0
}

/*---------------------------------
	css3 rounded corners
	- firefox
	- chrome
	- safari
---------------------------------*/

.featureText,
.tiImageLeft-border-background,
.tiImageRight-border-background,
.tiImageCenter-border-background,
.tiImageLeft-background-only,
.tiImageRight-background-only,
.tiImageCenter-background-only,
fieldset,
#newscallout
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

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

#navigation 
{
	border-bottom: 1px solid #d6d6d6;
	overflow: auto;
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
}

#navigation ul
{
	margin-right: 15px;
}

#navigation ul li ul
{
	margin-right: 0;
}

#navigation ul li
{	
	font-weight: bold;	
}

#navigation ul li ul li ul
{
	margin: 0 0 0 15px;
}

#navigation ul li ul li ul li
{
	font-weight: normal;
}

#navigation ul li ul li ul li ul 
{
	margin-top: 5px;
}

#navigation ul li ul li ul li ul li a
{
	padding: 3px 8px 3px 15px;
	border-bottom: none;
}

#navigation ul li
{
	display: inline;
	padding: 8px 8px 10px 12px;
	margin: 10px 5px 10px 0;
}

#navigation ul li a
{
	border-bottom: none;
}

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

table 
{
	margin-bottom: 10px;
}

td 
{
	padding: 5px 4px 5px 4px;
}

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

.smallnews
{
	margin-bottom: 15px;
}

.smallnews img
{
	float: left;
	padding: 3px;
	margin: 0 10px 0 15px;
}

.newsarticle img 
{
	float: left;
	margin: 0 15px 10px 0;
	padding: 5px;
}

#newscallout
{
	float: right;
	width: 235px;
	margin: 35px 10px 0 15px;
}

.newsarticle
{
	margin-bottom: 20px;
	padding-bottom: 15px;
}

/* ---------------------------------------------
	misc content items
--------------------------------------------- */

.misc-content-left
{
	float: left;
	margin: 0 15px 15px 0;
}

.misc-content-right
{
	float: right;
	margin: 0 0 15px 15px;
}


.threesixtytour 
{
	float:right;
	padding: 1px 0 2px 2px;
}

/*---------------------------------
	form elements
---------------------------------*/

fieldset 
{
	padding: 0 15px 15px 15px;
}

label
{
	display: block;
	width: 150px;
	height: 20px;
	float: left;
}

/*---------------------------------
	images	
---------------------------------*/

#main-content .tiImageRight, 
#main-content .tiImageRight-border-only,
#main-content .tiImageRight-background-only,
#main-content .tiImageRight-border-background,
#main-content .tiImageLeft,
#main-content .tiImageLeft-border-only,
#main-content .tiImageLeft-background-only,
#main-content .tiImageLeft-border-background,
#main-content .tiImageCenter,
#main-content .tiImageCenter-border-only,
#main-content .tiImageCenter-background-only,
#main-content .tiImageCenter-border-background
{
	width: 235px;
}


#main-banner-inner .tiImageRight, 
#main-banner-inner .tiImageRight-border-only,
#main-banner-inner .tiImageRight-background-only,
#main-banner-inner .tiImageRight-border-background,
#main-banner-inner .tiImageLeft,
#main-banner-inner .tiImageLeft-border-only,
#main-banner-inner .tiImageLeft-background-only,
#main-banner-inner .tiImageLeft-border-background,
{ 
	margin: 0;
	padding: 0;
}

#main-content .tiImageLeft,
#main-content .tiImageLeft-border-only,
#main-content .tiImageLeft-background-only,
#main-content .tiImageLeft-border-background
{
	float: left;
	margin: 15px 20px 15px 0;
}

#main-content .tiImageRight,
#main-content .tiImageRight-border-only,
#main-content .tiImageRight-background-only,
#main-content .tiImageRight-border-background
{
	float: right;
	margin: 15px 0 15px 20px;
}

#main-content .tiImageLeft-border-background,
#main-content .tiImageRight-border-background,
#main-content .tiImageCentre-border-background,
#main-content .tiImageLeft-background-only,
#main-content .tiImageRight-background-only,
#main-content .tiImageCenter-background-only
{
	padding: 12px;
}

#main-content .tiImageCenter,
#main-content .tiImageCenter-border-only,
#main-content .tiImageCenter-background-only,
#main-content .tiImageCenter-border-background
{
	margin: 15px auto;
}

/* ---------------------------------------------
	file downloads
--------------------------------------------- */

.fileIcon
{
	margin: 0 10px 0 0;
}

/* ---------------------------------------------
    quotes (original version) 
 --------------------------------------------- */

.quoteText 
{
	padding: 20px;
	margin: 1em 0 1em 0;
}

.quoteText h4 
{
	margin: 0px 0px 1em 0px;
}

.quoteTextMarketing 
{
	padding: 20px;
	margin: 1em 0 1em 0;
}

.quoteTextMarketing h4 
{
	margin: 0px 0px 1em 0px;
}

.quoteTextMarketing h5 
{
	margin: -1em 0px 1em 0px;
}

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

.quote
{
	margin: 20px 0;
}

.quote-left
{
	float: left;
	margin: 25px 25px 20px 0;

}

.quote-right
{
	float: right;
	margin: 20px 0 20px 25px;
}

.quote-left,
.quote-right
{
	width: 270px;
}

.quote,
.quote-left,
.quote-right
{
	overflow: hidden;
	padding: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.quote-image-right
{
	float: right;
	margin: 15px 0 15px 15px;	
}

.quote-image-left
{
	float: left;
	margin: 15px 15px 15px 0;
}

/*---------------------------------
	text / image combi paragraph
---------------------------------*/

.combi
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0 10px 10px 10px;
	float: left;		/* These two lines solve container float problems */
	width: 65%;
	margin: 15px 5px 5px 5px;
}

.combi-image-right
{
	float: right;
	margin: 12px 0 10px 10px;
}

.combi-image-left
{
	float: left;
	margin: 12px 10px 10px 0;
}

/*---------------------------------
	event paragraph
---------------------------------*/

.event
{
	/* -moz-border-radius: 4px;
	-webkit-border-radius: 4px; */
	padding: 0 10px 10px 10px;
	width: 94%;
	float: left;		/* These two lines solve container float problems */
	margin: 15px 5px 5px 5px;
}

.event-right
{
	float: right;
	margin: 12px 0 10px 10px;
}

.event-left
{
	float: left;
	margin: 12px 10px 10px 0;
}

/*---------------------------------
	event colours
---------------------------------*/

.event
{
	background: #ffffff;
	border: 1px solid #cee2ea;
}

.event img
{
	/* border: 1px solid #d1d1d1; */
}

.event-toggle, 
.event-toggle-right,
.event-toggle-left,
.event-toggle-hidden {
	background-color: #132e65;
	color: #ffffff;
	display: block; 
	margin: 4px 5px 4px 0px; 
	padding: 1px 5px 2px 5px;
}

a.event-toggle,
a.event-toggle-right,
a.event-toggle-left {
	color: #ffffff;
}	

.event-toggle-left {
	float: left;
}

.event-toggle-right {
	float: left; 
}

.event-toggle {
	clear:both;
	text-align: center;
}

.event-toggle-hidden {
	background-color: #ffffff;
	float: left; 
}

/* ---------------------------------------------
	footer area
--------------------------------------------- */

#footer-wrapper 
{
	clear: both;
	padding: 18px 0 18px 0;
	line-height: 18px;
}

#footer-col-1, 
#footer-col-2, 
#footer-col-3, 
#footer-col-4 
{
	width: 220px;
	float: left;
	height: 100px;
}

#footer-col-2,
#footer-col-3,
#footer-col-4
{
	padding-left: 15px;
}

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

#footer-wrapper h5.address-spacing {
	margin-top: 5px;
}

#footer-wrapper li {
	margin-bottom: 2px;
}

#footer-wrapper a {
	padding-bottom: 2px;
}