@charset "UTF-8";
/* CSS Document */

/* Page setup */

.body {
	margin: 0;
	}
a:link{color:#1b3f77}
a:visited {color:#f05033;}

.container {
	position: relative;
	width: 932px;
	padding: 0px 30px 0px 30px;
	height: auto;
	margin: auto;
	}

.header {
	position: relative;
	height: auto;
	width: 930px;
	}

.logo_banner {
	position: relative;
	width: 930px;
	height: auto;
	}

.logo {
	position: relative;
	width: 50%;
	float: left;
	padding: 10px 0;
	height: 147px;
	}
	
.search_box {
	position: relative;
	width: 50%;
	height: 77px;
	float: right;
	padding: 10px 0px 0px 0px;
	}

.contact {
	position: relative;
	width: 100%;
	height: auto;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	color: #1b3f77;
	}

.search_function {
	position: relative;
	width: auto;
	height: auto;
	float: right;
}

.go{position:relative; top:9px; right:0;}
.textfield_s{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-width: 1px;
	border-style: solid;
	border-color: #f05033;
	}



	
	/* Navigation */
	

#menu_bar {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:4px solid #fff;
	behavior: url(http://transitioninfonetwork.org.uk/scripts/PIE.htc);
	clear:both;
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:hidden;
	width:917px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	position:relative;
	height: 58px;
	
}

#menu_bar a {
	background:#1b3f77;
	background:-moz-linear-gradient(top, #1b3f77 0, #2758a3 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #1b3f77), color-stop(100%, #2758a3));
	background:-webkit-linear-gradient(top, #1b3f77 0, #2758a3 100%);
	background:-o-linear-gradient(top, #1b3f77 0, #2758a3 100%);
	background:-ms-linear-gradient(top, #1b3f77 0, #2758a3 100%);
	background:linear-gradient(top, #1b3f77 0, #2758a3 100%);
	-pie-background:linear-gradient(#1b3f77, #2758a3);
	behavior:url(http://transitioninfonetwork.org.uk/css/scripts/PIE.htc);
	color:#fff;
	display:block;
	overflow:hidden;
	padding:20px 0px;
	text-align:center;
	text-decoration:none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #1E3973;
	border-left-color: #2F5CB0;
	position:relative;

}
#menu_bar a:hover, #menu_bar .selected a {
	background:#f05033;
	background:-moz-linear-gradient(top, #f05033 0, #ff6c51 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f05033), color-stop(100%, #ff6c51));
	background:-webkit-linear-gradient(top, #f05033 0, #ff6c51 100%);
	background:-o-linear-gradient(top, #f05033 0, #ff6c51 100%);
	background:-ms-linear-gradient(top, #f05033 0, #ff6c51 100%);
	background:linear-gradient(top, #f05033 0, #ff6c51 100%);
	-pie-background:linear-gradient(#f05033, #ff6c51);
	behavior:url(http://transitioninfonetwork.org.uk/css/scripts/PIE.htc);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ff664a;
	border-left-color: #e14e33;
}


#menu_bar a:hover {
	color: #fff;
}
#menu_bar li {
	float:left;
	overflow:hidden;
	width: 131px;
}
#menu_bar li ul {
	display:none;
}
#menu_bar ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
div[id=menu_bar] {
	-webkit-box-shadow:0 5px 5px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 5px 5px 1px rgba(0, 0, 0, 0.1);
	box-shadow:0 5px 5px 1px rgba(0, 0, 0, 0.1);
}

/* Homepage Layout */

.slideshow {
	position: relative;
	height: 368px;
	width: 930px;
	padding: 10px 0 0 0;
	}

.page_content {
	position: relative;
	padding: 0 0 20px 0;
	height: auto;
	width: 930px;
	}

.story_boxes {
	position: relative;
	width: 310px;
	height: auto;
	float: left;
	}

.small_story {
	position: relative;
	float: left;
	width: 290px;
	max-height: 300px;
	padding: 0 20px 15px 0px;
	}

.small_title {
	position: relative;
	float: left;
	width: 290px;
	height: auto;
	padding: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #f05033;
	}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #f05033;
}	

.small_body {
	position: relative;
	float: left;
	width: 290px;
	height: 55px;
	padding: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden;
	}

.small_body_trim {
	position: relative;
	float: left;
	width: 290px;
	height: 35px;
	padding: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	max-height: 144px;
	overflow: hidden;
	}

.small_body_image {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	position: relative;
	float: left;
	width: 290px;
	height: 129px;
	overflow: hidden;
	}
	
.image_resize {
	max-width: 299px;
	}

.click_more {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:4px solid #fff;
	clear:both;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:hidden;
	width: 282px;
	position:relative;
	height: 28px;
	}
	
.click_more a {
	background:#1b3f77;
	background:-moz-linear-gradient(top, #1b3f77 0, #2758a3 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #1b3f77), color-stop(100%, #2758a3));
	background:-webkit-linear-gradient(top, #1b3f77 0, #2758a3 100%);
	background:-o-linear-gradient(top, #1b3f77 0, #2758a3 100%);
	background:-ms-linear-gradient(top, #1b3f77 0, #2758a3 100%);
	background:linear-gradient(top, #1b3f77 0, #2758a3 100%);
	-pie-background:linear-gradient(#1b3f77, #2758a3);
	behavior:url(http://transitioninfonetwork.org.uk/css/css/PIE.htc);
	color:#fff;
	display:block;
	overflow:hidden;
	padding:7px 0;
	text-align:center;
	text-decoration:none;
	position:relative;
	}
	
.click_more a:hover {
	background:#f05033;
	behavior:url(http://transitioninfonetwork.org.uk/css/css/PIE.htc);
	color:#fff;
	}

div[class=click_more] {
	-webkit-box-shadow:0 2px 2px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 2px 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow:0 2px 2px 1px rgba(0, 0, 0, 0.1);
}
	
.hp_callout {
	position: relative;
	width: 288px;
	height: auto;
	float:left;		
	padding: 0 0 0 10px;
	}

.hp_callout_2 {
	position: relative;
	width: 288px;
	height: auto;
	float:left;		
	padding: 0 0 0 0px;
	}

.hp_callout_image{
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border: 1px solid #1b3f77;		
position: relative;
float: left;
width: 80px;
height: 105px;
overflow: hidden;
z-index:2;		
	}

.hp_callout_image_2{
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border: 1px solid #7c1c73;		
position: relative;
float: left;
width: 80px;
height: 105px;
overflow: hidden;
z-index:2;		
	}	
		
.hp_callout_title {
	position: relative;
	width: 220px;
	height: auto;
	padding: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #f05033;
	}
		
.hp_callout_title_2 {
	position: relative;
	width: 220px;
	height: auto;
	padding: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #f05033;
	}		

.hp_callout_text {
	webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:1px solid #1b3f77;
	background-color: #1b3f77;
	position: relative;
	width: 288px;
	height: 110;
	padding: 20px 15px 20px 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #fff;
	margin: 0 0 10px 0;
	}

.hp_callout_text_2 {
	webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:1px solid #7c1c73;
	background-color: #7c1c73;
	position: relative;
	width: 288px;
	height: 110;
	padding: 20px 15px 20px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #fff;
	margin: 0 0 10px 0;
		}
.hp_callout_text a{
	color:#fff;
}
.hp_callout_text a:visited{
		color:#fff;
}	

.hp_callout_text_2 a, a:visited{
color:#fff; text-decoration:none;}

/*	
.social_media {
	position: relative;
	float: right;
	width: 10px;
	height: auto;
	
	}*/
	
.soc_med_icons {
	webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:1px solid #f05033;
	position: relative;
	float: right;
	width: 100px;
	height: auto;
	padding: 5px 10px;
	margin:25px 0 0 0;
		}

.soc_med_icons ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

.soc_med_icons li {
	display: block;
	float: left;
	padding: 0px 9px 0px 9px;
	height: 30px;
	width: 30px;
	}

.twitter_feed {
	webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:1px solid #f05033;
	position: relative;
	float: left;
	width: 288px;
	height: auto;
	padding: 0 10px;
	overflow: hidden;
	}	
	
/* Content page */

.left_column {
	position: relative;
	width: 180px;
	float:left;
	height: auto;
	padding: 20px 0;
	}

.button_list ul{
	position: relative;
	top:0;
	left:-38px;
	list-style:none;	
	width: 180px;
	height: auto;
	}

.left_nav_button li{
	behavior:url(http://transitioninfonetwork.org.uk/css/scripts/PIE.htc);
	margin-bottom: 5px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:4px solid #fff;
	clear:both;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:hidden;
	width: 172px;
	height: auto;
	position:relative;
	}

.left_nav_button a {
	background:#f05033;
	behavior:url(http://transitioninfonetwork.org.uk/css/scripts/PIE.htc);
	color:#fff;
	display:block;
	overflow:hidden;
	padding:15px 0;
	text-align:center;
	text-decoration:none;
	position:relative;
	}
	
.left_nav_button a:visited{color:#fff;}	

.left_nav_button a:hover {
	background:#1b3f77;
	background:-moz-linear-gradient(top, #1b3f77 0, #2758a3 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #1b3f77), color-stop(100%, #2758a3));
	background:-webkit-linear-gradient(top, #1b3f77 0, #2758a3 100%);
	background:-o-linear-gradient(top, #1b3f77 0, #2758a3 100%);
	background:-ms-linear-gradient(top, #1b3f77 0, #2758a3 100%);
	background:linear-gradient(top, #1b3f77 0, #2758a3 100%);
	-pie-background:linear-gradient(#1b3f77, #2758a3);
	behavior:url(http://transitioninfonetwork.org.uk/css/scripts/PIE.htc);
	color:#fff;
	}

div[class=left_nav_button] {
	-webkit-box-shadow:0 2px 2px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 2px 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow:0 2px 2px 1px rgba(0, 0, 0, 0.1);
	}

.lc_bottom_callout {
	position: relative;
	width: 180px;
	height: auto;
	padding: 10px 0 0 0;
	}

.left_callout_title {
	position: relative;
	float: left;
	width: 180px;
	height: auto;
	padding: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1b3f77;
	}

.left_callout_text {
	webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius: 10px;
	border-radius:10px;
	border:1px solid #1b3f77;
	position: relative;
	float: left;
	width: 158px;
	height: auto;
	padding: 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	}

.middle_column {
	position: relative;
	float: left;
	width: 520px;
	height: auto;
	padding: 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.middle_column p {
	margin-top: 0px;
	margin-bottom: 10px;
	}

.middle_column_title {
	position: relative;
	width: 480px;
	height: auto;
	padding: 5px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #f05033;
	}

.middle_column_copy {
	position: relative;
	width: 480px;
	height: auto;
	padding: 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.middle_column_copy a:link{color:#1b3f77;}
.middle_column_copy a:visited {color:#f05033;text-decoration:underline;}

.right_column {
	position: relative;
	float: left;
	width: 230px;
	height: auto;
	padding: 20px 0;
	}
	
.right_column_title {
	position: relative;
	width: 210px;
	height: auto;
	padding: 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1b3f77;
	}
	
.right_column_copy {
	position: relative;
	width: 180px;
	height: auto;
	padding: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.right_column p {
	margin-top: 0px;
	margin-bottom: 10px;
	}

.rc_bottom_callout {
	position: relative;
	width: 220px;
	height: auto;
	padding: 10px 0 0 10px;
	}

.right_callout_title {
	position: relative;
	width: 220px;
	height: auto;
	padding: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1b3f77;
	}

.right_callout_text {
	webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:1px solid #1b3f77;
	background-color: #1b3f77;
	position: relative;
	width: 198px;
	height: auto;
	padding: 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	margin: 0 0 10px 0;
	}
.right_callout_text a{
		color:#fff;}
.right_callout_text a:visited{
		color:#fff;}	

/* BLANK LAYOUT */
	
.resource_content {
    position: relative;
    float: left;
    width: 750px;
    height: auto;
    padding: 20px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.resource_content p {
    margin-top: 0;
    margin-bottom: 10px;
}

.resource_content_title {
    position: relative;
    width: 710px;
    height: auto;
    padding: 5px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #f05033;
}

.resource_content_copy {
    position: relative;
    width: 710px;
    height: auto;
    padding: 0 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
	

/* Footer */
	
.footer_border {
	position: relative;
	width: 100%;
	margin: 0;
	height: 10px;
	background-color: #f05134;
	}

.footer {
	position: relative;
	width: 990px;
	margin: 0 0 20px 0;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	padding: 20px 0px 0px 0px;
	}
	
.footer a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}
	
.footer a:visited {
	text-decoration: none;
	color: #000;
	}
	
.footer a:hover {
	text-decoration: none;
	color: #f05134;
	}
	
.footer_links {
	position: relative;
	float: left;
	width: 465px;
	height: auto;
	padding: 5px 0px 5px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.footer_email {
	position: relative;
	float: right;
	width: 465px;
	height: auto;
	padding: 5px 30px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	}
	
.footer_address {
	position: relative;
	float: left;
	width: 750px;
	height: auto;
	padding: 19px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	}

.footer_logos {
	position: relative;
	float: right;
	width: 150px;
	height: 50px;
	padding: 19px 30px 0px 0px
	}


/* Contour */
#contour
{
        padding: 0px 0px 0px 0px;
}
#contour .contourPageName
{
         display:none;
}

#contour .contourField div label
{
        display: inline;
}

#contour label.fieldLabel
{
        font-family:Arial, Helvetica, sans-serif;
        font-size: 0.812em;
        font-weight: normal;
        display: block;
        width: 200px;
        float: left;
        clear: left;
        background: transparent !important;
}
#contour small
{
        display: block;
        float: left;
        clear: both;
        padding: 5px 5px 5px 200px;
}


#contour fieldset
{
        padding: 1.4em;
        margin: 0 0 1.5em 0;
        border: none !Important;
}

#contour legend
{
        font-weight: bold;
        font-size: 1.2em;
        line-height: 1.2em;
        display: block;
}

#contour input.text, #contour input.title, #contour textarea, #contour select
{
  margin: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;        
  border: 1px solid #f05033;
}
#contour input.text:focus, #contour input.title:focus, #contour textarea:focus, #contour select:focus
{
        border: 1px solid #f05033;
}
#contour input.text, #contour textarea
{
        width: 300px !important;
        padding: 5px;
}
#contour textarea
{
        height: 250px;
}
#contour input.fileupload
{
        height: auto !important;
}

#contour span.checkboxlist, #contour span.radiobuttonlist, #contour span.checkbox
{
        display: block;
        float: left;
        padding: 10px;
}

#contour .checkboxlist input, #contour .radiobuttonlist input, #contour .checkbox input
{
        width: auto !important;
        height: auto !important;
        border: none !important;
        display: inline !important;
}

#contour .hiddenfield
{
    display:none;
}

#contour .contourButton
{
  background: url (http://transitioninfonetwork.org.uk/images/submit-button.png);      
  margin-right: 10px;
  padding: 2px 10px;
        
  
}
#contour .contourErrorMessage
{
        padding: .8em;
        margin-bottom: .5em;
        border: 2px solid #FBC2C4;
}
#contour .contourErrorMessage, #contour .contourError
{
        background: #FBE3E4;
        color: #8a1f11;
}
#contour input.contourError, #contour textarea.contourError
{
        background: #FBE3E4;
        border-color: #FBC2C4;
}

#contour span.contourError
{
    color: #8a1f11 !important;
    background: transparent !important;
}

.news{
list-style:none;
margin-bottom:10px;	
	}
	
.news a, a:visited{	
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #f05033;
}



.news img{
-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	position: relative;
	float: left;
	width: 55px;
	height: 55px;
	overflow: hidden;
	margin-right:10px;
	}


.news-item img{
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
position: relative;
float: left;
width: 350px;
height: 200px;
overflow: hidden;
margin: 0 10px 10px 0;





























































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */