/* =----------------------------------------------------------------------------------

ICAR MAIN V2

Version:	13th April 2008

author: 	Ben Holliday

email: 		ben.holliday@tincan.co.uk

--------------------------------------------------------------------------------------*/

@import url("reset.css");
@import url("typography.css");

/* =------------------------------------------------------------------------

Clearing

----------*/ 

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix{display: inline-block;}

.clear {clear: both;}

/* */


/* =------------------------------------------------------------------------

Layout

----------*/

#container {
 	text-align:left;  
	width: 988px;
	padding: 0 10px;
	margin: 0 auto;
	background: transparent url(../images/body-background.png) repeat-y top center;
}

#header {
	position: relative;
	height: 80px;
	width: 960px;
	float: left;
	margin: 0 14px;
	background: transparent url(../images/header-background.png) repeat-y top left;
}

#researchdir #header {background: transparent url(../images/header-background-blog.png) repeat-y top left;}

#mainNavigation {
	position: relative;
	float: left;
	width: 960px;
	margin: 0 14px;
	background: transparent url(../images/mainNavigation-background.png) repeat-y top left;
}

.wrapper {
	float: left;
	width: 960px;
	background: white url(../images/wrapper-background.png) repeat-y top left;
	margin: 10px 14px 10px 14px;
}

#altNavigation {
	position: relative;
	float: left;
	width: 960px;
	border-bottom: 1px solid #f7941d;
}

#content {
	float: right;
	width: 708px;
	padding: 1.6em 0;/* give space to main content text */
}

#mainContent {
	float: left;
	width: 450px;
}

#secondaryContent {
	float: right;
	width: 222px;
	margin: 0 6px 50px 0; /* leaves room for d city logo bottom (50px) */
	border-top: 5px solid #cccccc;
	padding: 5px 0 0 0;
}

#subNavigation {
	float: left;
	width: 232px;
	margin-top:2px;
}

#footer {
	position: relative;
	float: left;
	width: 960px;
	background: #ebf2f8 url(../images/footer-background.png) repeat-y top left;
	margin: 0 14px;
}

/* */

/* =------------------------------------------------------------------------

Formatting

----------*/

#skip a{	
	display: block;
	position: absolute;
	top:0;
	left: -9999px;
	padding: 10px 20px;
	background-color: yellow;
	z-index: 99999;
	font-size: 1.4em;
	color: black;
}

#skip a:focus {
	left: 0;
}

/* #header */

#header h1 a{
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	top: 8px;
	left: 14px;
	height: 69px;
	width: 345px;
	background: transparent url(../images/header-mainlogo.png) no-repeat top left;
}

#researchdir #header h1 a{
	background: transparent url(../images/header-mainlogo-research.png) no-repeat top left;
	width: 401px;
}

#header h1 a:hover, #header h1 a:focus, 
#blog #header h1 a:hover, #blog #header h1 a:focus,
#researchdir #header h1 a:hover, #researchdir #header h1 a:focus{
	background-position: bottom left;
}

#header p {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	top: 12px;
	right: 5px;
	height: 85px;
	width: 133px;
	background: transparent url(../images/header-strapline.png) no-repeat top left;
	z-index: 100;
}

/* */

/* #mainNavigation */

#mainNavigation h4{
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}

#mainNavigation ul { 
	float: left; 
	width: 722px;
	margin: 20px 0 0 0;
	padding-right: 10px;
	display: block;
	background: transparent url(../images/mainNavigation-ul-background.png) repeat-x bottom left;
}

#home #mainNavigation ul, #search #mainNavigation ul, #about #mainNavigation ul, #information #mainNavigation ul, #researchdir #mainNavigation ul{
	padding-bottom: 1px;/*v.Important - fixes the tabs when none are selected -- make sure body ID's are covered here*/
}

#mainNavigation ul li{
	float: left;
	background-color: #7e7692;
	background: transparent url(../images/mainNavigation-li.png) no-repeat top right;
	margin-left: 12px;
}

#mainNavigation ul li a{
	color: #ffffff;
	display:block;
	background: transparent url(../images/mainNavigation-a.png) no-repeat top left;
	padding: 2px 10px;
}

#mainNavigation ul li a:hover, #mainNavigation ul li a:focus{
	color: #1b1464;
}

#mainNavigation ul li.current {
    background-image:url(../images/mainNavigation-lihover.png);
}
	
#mainNavigation ul li.current a {
    background-image:url(../images/mainNavigation-ahover.png);
	padding-bottom:3px;
}

#mainNavigation ul li.current a:hover {color: #000000;}

/* */

/* #altNavigation */

h4#searchTab {
	color: #ffffff;
	background: transparent url(../images/mainNavigation-lihover.png) no-repeat top right;
	position: absolute;
	top: -40px;
	left: 730px;
	z-index: 100;
}

h4#searchTab span {
	display: block;
	background: transparent url(../images/mainNavigation-ahover.png) no-repeat top left;
	padding:2px 10px 3px 10px;
	
}

#altNavigation .breadcrumbs {
	float: left;
	width: 477px;
	background: transparent url(../images/crumbs-background.png) no-repeat top left;
	padding: 12px 12px 10px 232px;
}

.breadcrumbs h4{
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}

#altNavigation ol {
	float: left;
}

#altNavigation li {
	float: left;
	padding: 0 10px 0 14px;
	background:transparent url(../images/bullet-orange.png) no-repeat scroll 0 0.4em;
}

#altNavigation li#icarHome {
	background: none;
	padding: 0 8px 0 0;
	margin-left: -73px;
	border: 1px red;
}

#altNavigation li#icarHome a {
	background: none;
	color: #000000;
}

#altNavigation ol li a {
	background: transparent url(../images/linkhover.png) repeat-x left bottom;
}

#altNavigation ol li#icarHome a:focus, #altNavigation ol li a:focus {
	background: transparent url(../images/linkhover.png) repeat-x left bottom;
}

form#search {
	float:right;
	width:228px;
	background: transparent url(../images/form-background.png) no-repeat right 10px;
	position: relative;
	border-top: 1px solid #f7941d;
	top: -11px;
	padding-top: 2.1em;
	margin-bottom: -2px;/* for Safari */
}

form#free_search {
	float:left;
	width:228px;
	padding-top: 2.1em;
}

form#search_results {
	float:left;
	width:228px;
	padding-top: 2.1em;
}

form#search input.searchBoxinput,
form#free_search input.searchBoxinput,
form#search_results input.searchBoxinput {
	background: transparent url(../images/searchinput_bg.gif) repeat-x right top;
	border:1px solid #7f9db9;
	color:#1B1464;
	display:block;
	margin-right: 3px;
	padding:1px 4px 3px;
	width:155px;
}

form#search input.searchBoxinput:focus, 
form#free_search input.searchBoxinput:focus,
form#search_results input.searchBoxinput:focus {background: none; color:#000000;}

form#search input, form#free_search input, form#search_results input  {
	float:left;
}

/* */

/* mainContent */

#mainContent #sectionNavigation ul{
	float: left;
	width: 100%;
	display: block;
	background: transparent url(../images/sectionNavigation-background.png) repeat-x left bottom;
	padding: 0 0 5px 1px;
	margin-bottom: 10px;
}

#mainContent #sectionNavigation ul li{
	float: left;
	background-color: #7e7692;
	background: transparent url(../images/sectionNavigation-li.png) no-repeat top right;
	margin: 0 1px 0 0;
	padding: 0;
}

#mainContent #sectionNavigation ul li a{
	display:block;
	color: #958bb0;
	background: transparent url(../images/sectionNavigation-a.png) no-repeat top left;
	padding: 2px 10px;
}

#mainContent #sectionNavigation ul li a:hover, #mainContent #sectionNavigation ul li a:focus{
	color: #000000;
}

#mainContent #sectionNavigation ul li.current {
    background-image:url(../images/sectionNavigation-lihover.png);
}
	
#mainContent #sectionNavigation ul li.current a {
    background-image:url(../images/sectionNavigation-ahover.png);
	color: #000000;
}

#mainContent ul#prevNext {
	float: left;
	width: 100%;
	display: block;
	background: transparent url(../images/sectionNavigation-background.png) repeat-x left bottom;
	padding: 0 1px 5px 0;
	margin-top: 10px;
}

#mainContent ul#prevNext li{
	float: right;
	background-color: #7e7692;
	background: transparent url(../images/sectionNavigation-li.png) no-repeat top right;
	margin: 0 1px 0 0;
	padding: 0;
}

#mainContent ul#prevNext li a{
	display:block;
	color: #f7941d;
	background: transparent url(../images/sectionNavigation-a.png) no-repeat top left;
	padding: 2px 10px;
}

#mainContent ul#prevNext li a:hover, #mainContent ul#prevNext li a:focus {color: #000000;}

/* */

#mainContent h2 {
	display: block;
	color: #7e7692;
	border-bottom: 1px solid #eee;
}

#mainContent h3 {
	color: #7e7692;
	margin: 0.4em 0;
	margin: .8em 0;
}

#mainContent h4 {
	color: #7e7692;
	margin: .8em 0;
}

#mainContent p{
	color: #333333;
	margin: .8em 0;
}

#mainContent ol#footnotes li {
	list-style-type: lower-roman;
	margin: 0.2em 0 0 1.2em;
	background: none;
}

#mainContent ul li {
	background: transparent url(../images/bullet-grey.png) no-repeat scroll 0pt 0.4em;
	padding-left: 12px;
	margin: 0.2em 0 0 1.2em;
}

#mainContent ol li {
	padding-left: 12px;
	margin: 0.2em 0 0 1.2em;
	list-style-type: decimal;
	list-style-position: inside;
}


#mainContent ul ul {margin-left: 1em;}

#mainContent p.intro {
	color: #1b1464;
}

#mainContent p a, #mainContent li a {
	color: #7E7692;
	background: transparent url(../images/linkhover.png) repeat-x left bottom;
}

#mainContent p a:hover, #mainContent li a:hover, #mainContent p a:focus, #mainContent li a:focus {
	color: #F7941D;
}

#mainContent .feature {
	position: relative;
	background: transparent url(../images/maincontent-feature-back.png) no-repeat bottom left;
	padding: 12px 12px 30px 12px;
	margin:14px 0 0;
	width: 426px;
	clear: both;
}

#mainContent .feature h2{
	background: transparent url(../images/maincontent-feature-h2back.png) no-repeat top left;
	margin: -12px -12px;
	padding: 12px 12px;
	border: none;
}

#mainContent .feature h3{
	background: transparent url(../images/maincontent-feature-h2back.png) no-repeat top left;
	margin: -12px -12px;
	padding: 12px 12px;
	border: none;
}

#mainContent .feature img {
	float: left;
	border: 1px solid #9b90ad;
	margin-top: 12px;
}

#mainContent .feature p {
	padding-left:80px;
	/*color: #1B1464;*/
}

#mainContent .feature form p {padding-left:0px;}/* for search forms */

#mainContent .feature ul {
	display: block;
	margin-top: 1.3em;
}

#mainContent .feature ul.col1, #mainContent .featureSmall ul.col1 {
	float: left;
}
#mainContent .feature ul.col2 {
	float: left;
	border-left: 1px solid #eee;
	padding-left: 10px;
}

#mainContent .feature ul li, #mainContent .featureSmall ul li {
	display: block;
	background: transparent url(../images/bullet-orange.png) no-repeat 0 0.7em;
	padding: .3em .3em .3em 1.5em;
	/*color: #1B1464;*/
	margin-left: 2px;
}

#mainContent .feature ul li.pdf, #mainContent .featureSmall ul li.pdf {
	background: transparent url(../images/bullet-pdf.png) no-repeat 0 0.2em;
	padding: .5em .3em .5em 3em;
}

#mainContent .feature ul li a, #mainContent .featureSmall ul li a{
	background: transparent url(../images/linkhover.png) repeat-x left bottom;
}

#mainContent .featureSmall {
	padding: 12px 12px 20px 12px;
	margin-bottom: 18px;
	width: 198px;
	min-height: 200px;
	position: relative;
}

#mainContent .featureSmall.search {min-height: 60px; height: 60px;}

#mainContent .featureSmall img{
	margin-bottom: 1em;
}

#mainContent .right {
	float: right;
	background: transparent url(../images/maincontent-featureSmall-backright.png) no-repeat bottom left;
	clear: right;
}

#mainContent .left {
	float: left;
	background: transparent url(../images/maincontent-featureSmall-backleft.png) no-repeat bottom left;
	clear: left;
}

#mainContent .webblerimage.right {
	float: right;
	background: none;
	clear: right;
	padding: 0 0px 10px 10px;
}

#mainContent .webblerimage.left {
	float: left;
	background: none;
	clear: left;
	padding: 0 10px 10px 0;
}

#mainContent .featureSmall h2{
	margin: -12px -12px;
	padding: 12px 12px;
	border: none;
}

#mainContent .featureSmall h3{
	margin: -12px -12px;
	padding: 12px;
	border: none;
	/*font-size: 1.4em;*/
}

#mainContent .featureSmall h3 em {font-style: normal; font-weight: bold;}

#mainContent .right h2, #mainContent .right h3{
	background: transparent url(../images/maincontent-featureSmall-h2backright.png) no-repeat top left;
}

#mainContent .left h2, #mainContent .left h3{
	background: transparent url(../images/maincontent-featureSmall-h2backleft.png) no-repeat top left;
}

#mainContent .featureSmall h2.label, #mainContent .feature h2.lable {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	width: 222px;
}

#mainContent p.new, #mainContent .featureSmall p.new{
	position: absolute;
	background: transparent url(../images/new.gif) no-repeat top left;
	width: 49px;
	height: 51px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 200;
	padding: 0;
}

#mainContent .feature p.new{
	top: -13px;
	left: 401px;
}

#mainContent .featureSmall p.new{
	top: -13px;
	left: 173px;
}

#mainContent a.more{
	background: transparent url(../images/linkhover.png) repeat-x left bottom;
	line-height: 1.3em;
	float: right;
	margin-top: 0.8em
}

/* search result formatting*/

ul#searchResults{
	float: left;
	width: 450px;
}

ul#searchResults li {
	position: relative;
	float: left;
	background: none;
	padding: 0 0 10px 0;
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #958bb0;
	min-height: 10em;
	width: 450px;
}
ul#searchResults li ul {
	float:left;
	padding-left:38px;
	width:400px;
	margin-bottom: .75em;
}

ul#searchResults li li {
	background: transparent url(../images/bullet-grey.png) no-repeat scroll 0 0.4em;
	border-bottom: medium none;
	float:none;
	margin:0.2em 0 0 1.2em;
	min-height:0;
	padding:0 0 0 12px;
	width: auto;
	font-size: 1.2em;
}

ul#searchResults li h3 {margin-top: 0;}

ul#searchResults li p, ul#searchResults li h3 {padding-left: 60px;}

ul#searchResults li p#pdf{
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 30px;
	width: 30px;
	background: transparent url(../images/bullet-pdf.png) no-repeat center left;
	padding: 0;
	float: right;
} 

ul#searchResults li p#word{
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 30px;
	width: 30px;
	background: transparent url(../images/word.png) no-repeat center left;
	padding: 0;
	float: right;
} 

ul#searchResults li div.score {
	position: absolute;
	top: 4px;
	left: 0;
	width: 50px;
	height: 50px;
	padding: 2px;
	background-color: #f2f2f2;
}

ul#searchResults li div.Research {
 	background: #2b256f url(../images/search-researchicon.png) no-repeat center center;
	color: #fff;
}

ul#searchResults li div.ResearchDir {
 	background: #9B90AD url(../images/search-researchdiricon.png) no-repeat center center;
	color: #fff;
}

ul#searchResults li div.Information {
 	background: #000000 url(../images/search-infoicon.png) no-repeat center center;
	color: #fff;
}

ul#searchResults li div.Blog {
 	background: #f7941d url(../images/search-blogicon.png) no-repeat center center;
	color: #fff;
}

ul#searchResults li div.Media {
 	background: #635f96 url(../images/search-mediaicon.png) no-repeat center center;
	color: #fff;
}

ul#searchResults li div.Consultancy {
 	background: #000000 url(../images/search-consulticon.png) no-repeat center center;
	color: #fff;
}

ul#searchResults li ul.kwmenu {padding-left: 38px; float: left; width: 400px;}

ul#searchResults li ul.kwmenu li.kwmenuvalue{
	background: transparent url(../images/bullet-grey.png) no-repeat 0pt 0.4em;
	padding: 0 0 0 12px;
	margin: 0.2em 0 0 1.2em;
	float: left;
	/* overides main search list styling */
	border-bottom: none;
	min-height: 0;
	width: auto;
}

ul#searchResults li ul.kwmenu li.kwmenuvalue a {font-size: 1.2em;}

.webblerpaging {
	float: left;
	position: relative;
	width: 100%;
	display: block;
	background: transparent url(../images/sectionNavigation-background.png) repeat-x left top;
	padding: 10px 1px 0 0;
	margin: 50px 0 10px 0;
}

.webblerpaging a {
	float: left;
	font-size: 1.2em;
	padding: 0 0.2em;
}

.webblerpaging a.pagingprevious{
	position: absolute;
	top: -26px;
	right: 4.1em;
	display: block;
	color: #f7941d;
	background: transparent url(../images/sectionNavigation-li2.png) no-repeat top left;
	border-right: 1px solid #958BB0;
	padding: 4px 10px 3px;
}

.webblerpaging a.pagingnext{
	position: absolute;
	top: -26px;
	right: 2px;
	display: block;
	color: #f7941d;
	background: transparent url(../images/sectionNavigation-li.png) no-repeat top right;
	border-left: 1px solid #958BB0;
	padding: 4px 10px 3px;
}

.webblerpaging a:hover.pagingnext, .webblerpaging a:hover.pagingprevious, .webblerpaging a:focus.pagingnext, .webblerpaging a:focus.pagingprevious{
	color:#000000;
}
/* */

/* secondaryContent */

#secondaryContent .feature {
	background-color: #f0f0f0;
	padding: 12px 12px 36px 12px;
	margin: 0 0 10px 0;
	position: relative;
}

#secondaryContent .askIcar {
	padding: 0 0 5px 0;
	border-bottom: 5px solid #cccccc;
	background-color: #fff;
}

#secondaryContent .askIcar a{
	display: block;
	width: 222px;
	height: 26px;
	background: transparent url(../images/ask-icar.png) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}

#secondaryContent .askIcar a:hover, #secondaryContent .askIcar a:focus{
	background-position: bottom left;
}

#secondaryContent .appeal {
	padding: 5px 0 35px 5px;
}

#secondaryContent .appeal p{
	color: #666666;
	padding: 5px;
}

#secondaryContent .ral {
	position: relative;
	color: #666666;
	padding: 86px 12px 40px 12px;
}

#secondaryContent .ral a.heading{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 212px;
	height: 75px;
	background: transparent url(../images/ral-logo.png) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}

#secondaryContent .ral h4, #secondaryContent .research h4 {
	border: 0; margin-bottom: 0;
}

#secondaryContent .research {
	position: relative;
	color: #666666;
	padding: 50px 12px 40px 12px;
}

#secondaryContent .research a.heading{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 212px;
	height: 39px;
	background: transparent url(../images/researchdirectory.png) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}

#secondaryContent a.more {
	position: absolute;
	bottom: 12px;
	right: 12px;
	background: transparent url(../images/linkhover.png) repeat-x left bottom;
	line-height: 1.3em;
}

#secondaryContent .register {
	padding: 12px 12px 40px 12px;
}

#secondaryContent h4{
	border-bottom: 1px solid #666666;
	text-transform: uppercase;
	margin-bottom: 1em;
	color: #1B1464;
}

#secondaryContent {
	color: #666666;
}

#secondaryContent .register p{
	background: transparent url(../images/register.png) no-repeat top right;
	padding-right: 40px;
}

#secondaryContent .blog{
	color: #1B1464;
	padding: 12px 12px 40px 12px;
}

#secondaryContent .blog h4{
	border-bottom: 1px solid #666666;
	text-transform: uppercase;
	margin-bottom: 1em;
	background: transparent url(../images/ref-blog.png) no-repeat top right;
	padding-right: 55px;
}

#secondaryContent .blog p{
	color: #f7941d;
}

#secondaryContent ul {
	display: block;
	width: 198px;
	margin-top: 1.3em;
	border-top: 1px solid #f7941d;
	border-bottom: 1px solid #f7941d;
}

#secondaryContent ul li{
	display: block;
	width: 198px;
}

#secondaryContent ul li a{
	display: block;
	background: transparent url(../images/rsslist.png) no-repeat left top;
	padding: .6em .3em .8em 1.5em;
}

#secondaryContent ul li a:hover, #secondaryContent ul li a:focus{
	background-position: right top;
}

/* */

/* #subnavigation */

.module {
	padding-bottom: 2px;
	margin: 0 0 2px 2px;
	width: 230px;
	display: block;
	border-bottom: 1px solid #f7941d;
}

#researchdir .module {border-bottom: 1px solid #9b90ad;}

.module h4{
	position: relative;
	width: 220px;
	background-color: #f7941d;
	height: 1.7em;
	color: #fff;
	padding: 1px 5px;
}

#researchdir .module h4{
	background-color: #9b90ad;
}

.module h4 a{
	position: absolute;
	top: 0px;
	right: 0;
	width: 28px;
	height: 26px;
	overflow: hidden;
	margin: 0 0 0 0;
	cursor: pointer;
}

.module h4 a img {
	display: block;
}

.collapsed h4 a img{
	position: relative;
	top: -26px;
}

.collapsed .moduleContent {
	display: none;
}

.moduleContent {
	width: 220px;
}

#subNavigation ul {
	display: block;
	width: 230px;
	margin-top: 2px;
}

#subNavigation ul li{
	display: block;
	width: 230px;
}

#subNavigation ul li a{
	display: block;
	background: transparent url(../images/subNavigation-bullet.png) no-repeat left top;
	color: #000000;
	padding: .3em .3em .3em 1.5em;
}

#subNavigation ul li.current {
	border-bottom:2px solid #cccccc;
}

#subNavigation ul li.current a {
	background: transparent url(../images/subNavigation-bullet.png) no-repeat right top;
}

#subNavigation ul li a:hover, #subNavigation ul li a:focus, #subNavigation ul li.current a:hover{
	background: #cccccc url(../images/subNavigation-bullet.png) no-repeat right top;
	color: #000000;
}

/* sub nested nav */

#subNavigation ul ul{
	display: block;
	width: 219px;
	padding: 0 6px 10px 5px;
	margin: 0;
	background-color: #e2e2e2;
}

#subNavigation li li{
	display: block;
	width: 219px;
	font-size: 1em;
}

#subNavigation ul ul ul{width: 204px; margin-left: 10px;}

#subNavigation li li li{
	width: 204px;
	font-size: 0.9em;
}

#subNavigation ul ul ul ul{width: 188px; margin-left: 10px;}

#subNavigation li li li li{
	width: 188px;
	font-size: 0.9em;
}

#subNavigation li.current li a {
	background: transparent url(../images/subNavigation-nestedbullet.png) no-repeat left top;
	color: #666666;
	display: block;
	padding: .2em .3em .2em 1em;
}

#subNavigation li.current li a:hover, #subNavigation li.current li.current a{
	background: #cccccc url(../images/subNavigation-nestedbullet.png) no-repeat left top;
	color: #000000;
}

#subNavigation ul li.current li.current{
	border-bottom:none;
}

/* */

/* #footer */

#footer h4 {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}

#footer ul {
	float: left;
	padding: 5px 0 45px;
	width: 700px;
}

#footer ul li {
	float: left;
	background: transparent url(../images/footer-divider.png) no-repeat center right;
	padding: 0 10px;
}

#footer li#contact {
	background: none;
}

#footer ul li a {
	color: #ffffff;
}

#footer ul li a:hover, #footer ul li a:focus {color: #9b90ad;}

#footer li#cityUniversity a {
	position: absolute;
	right: 20px;
	top: -85px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../images/city-logo.png) no-repeat center right;
	width: 192px;
	height: 55px;
}

#footer p{
	color: #fff;
}

#footer p a{
	color: #f7941d;
}

#footer p a:hover, #footer p a:focus{
	color: #ffffff;
	background: transparent url(../images/linkhover.png) repeat-x left bottom;
}

#footer p#designed {
	position: absolute;
	right: 20px;
	top: 7px;
}

#footer p#powered {
	position: absolute;
	right: 20px;
	top: 33px;
}

/* */

/* Bookmark Services and Print Button Styling */

#bookmarks {
	width: 278px;
	border: 1px solid #dcdcdc;
	float: right;
	margin: 2.5em 0;
	padding: 3px;
	background: transparent url(../images/bookmark-background.png) top left repeat-x;
}

#bookmarks li a[href^="http:"]{background: none; padding: 0;}

#bookmarks p, #print p {
	margin:0;
	color: #7e7692;
	font-weight: 700;
	float: left;
	margin-top: -3px;
}

#bookmarks ul {
	float: right;
}

#bookmarks ul li {
	float: left;
	padding: 0 0 0 3px;
	margin: 0;
	background: none;
}

#bookmarks ul li a {
	display: block;
	height: 35px;
	width: 35px;
	background-image: url(../images/bookmark-icons.png)!important;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;
}


#bookmarks ul.bookmarkservices li a.digg {background-position: 0 0;}
#bookmarks ul.bookmarkservices li a.delicious {background-position: 105px 0;}
#bookmarks ul.bookmarkservices li a.facebook {background-position: 70px 0;}
#bookmarks ul.bookmarkservices li a.stumbleupon {background-position: 35px 0;}


#print{
	width: 152px;
	border: 1px solid #dcdcdc;
	float: left;
	margin: 2.5em 0;
	padding: 3px;
	background: transparent url(../images/bookmark-background.png) top left repeat-x;
	height: 35px;
}


/* Forms */

#form {float: left;}

#form h3 {float: left; width: 450px;}

#form div.row, .blogcontent form div.row{
	width: 450px;
	float: left;
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 1em 0;
}

#form div.row label, .blogcontent form div.row label {
	float: left;
	width: 200px;
	font-size: 1.2em;
}

#form div.row input, #form div.row textarea, .blogcontent form div.row input, .blogcontent form div.row textarea{float: left;}

#form div.row input[type="text"], #form div.row textarea, .blogcontent form div.row input[type="text"], .blogcontent form div.row input[type="password"], .blogcontent form div.row textarea{ 
	vertical-align:top;
	border:1px solid #dcdcdc;
	width:200px;
	padding: 0.2em;
}

#form div.row input[type="text"]:focus, .blogcontent form div.row input[type="text"]:focus, .blogcontent form div.row input[type="password"]:focus {
	border:1px solid #000;
}

#form div.row span.required, .blogcontent form div.row span.required {font-size: 2em; height: 20px; float: left;}

#form input#submit, .blogcontent form input#submit, form input[type=submit]#password{
	margin: 1em 0;
	float: left;
	font-size: 1.4em;
	border: 1px solid #ccc;
	padding: 0.4em 0.4em 0.5em;
	background-color: #dcdcdc;
	cursor: pointer;
}

#mainContent .error ol {float: left; margin-bottom: 2em;}
#mainContent .error p {color: #F7941D; margin-bottom: 0;}
#mainContent .error li {color: #F7941D; float: left; margin:0.2em 1.2em 0 0;}


/* JS Image Map styles */

#subNavigation #searchMap {
	width: 230px;
	height: 285px;
	background: transparent url(../images/map/ukmap-default.png) no-repeat top left;
	margin-top: 2px;
}

ul#regions {display: none;}

h5#selectRegion {
	display:block;
	margin-top: 6px;
	padding:2px 3px 2px 18px;
	width:208px;
	line-height:1.6em;
	font-size: 1.2em;
	font-weight: normal;
	background:transparent url(../images/subNavigation-mapbullet.png) no-repeat scroll 0 -2px;
	color: #666666;
}

#mainContent #searchMap {
	float: left;
	width: 450px;
	height: 523px;
	background: transparent url(../images/map/large/largeukmap-default.png) no-repeat top left;
	margin-top: 12px;
}

/* */
.webblerimage.right {
	clear:right;
	float:right;
	background: none;
}

.webblerimage.left {
	clear:left;
	float:left;
	background: none;
}

#mainContent table {
	border: 1px solid #958BB0;
	background-color: #F0F0F0;
}

p.date {
	color: #000000;
}

/* Blog Comments Button */

.blogpreview {
	float: left;
	width: 450px;
}

a.usercommentsubmit {
	margin: 1em 0;
	float: left;
	font-size: 1.4em;
	border: 1px solid #ccc;
	padding: 0.4em 0.4em 0.5em;
	background-color: #dcdcdc;
	text-transform: capitalize;
	clear: both;
}

/* blog comments */

.blogComments .content {
	display: block;
	margin: .8em 0;
	padding: 5px;
	background-color: #F0F0F0;
}

#mainContent p.postdate {margin: 0; border-top: 1px solid #ffffff;}
#mainContent p.postdate em {font-style:italic; }

/* Tags */

#mainContent ul.metadata li {
	background: none;
	margin:0.2em 0.5em 0 0em;
	padding-left: 0;
	displaY: inline;
}