@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	background:url(../images/template/bg_grad.png) 0 0 repeat-x;
  padding-top: 15px;
}


.btn-default {margin-top:10px;}


.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

/* NAV */
	.navbar {border:none; z-index:900;}
	.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus,
	.navbar-default {
	background: #2989d8; /* Old browsers */
	background: -moz-linear-gradient(top,  #2989d8 0%, #28589c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2989d8), color-stop(100%,#28589c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2989d8 0%,#28589c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2989d8 0%,#28589c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2989d8 0%,#28589c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2989d8 0%,#28589c 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#28589c',GradientType=0 );  IE6-9 */
	border-color: #3278B3;
	}
	.navbar-default {
		background-image: linear-gradient(to bottom, #2989d8 0%, #28589c 100%);
		background-repeat: repeat-x;
		border-radius: 5px;
		box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 5px rgba(0, 0, 0, 0.075);
	}
	.navbar-default .navbar-nav > li > a {
		color: #eee;
	}
	
	body.home .navbar-default .navbar-nav > li.nav-home > a,
	body.about .navbar-default .navbar-nav > li.nav-about > a,
	body.staff .navbar-default .navbar-nav > li.nav-staff > a,
	body.publications .navbar-default .navbar-nav > li.nav-publications > a,
	body.social .navbar-default .navbar-nav > li.nav-social > a,
	body.literacy .navbar-default .navbar-nav > li.nav-literacy > a,
	body.freshideas .navbar-default .navbar-nav > li.nav-freshideas > a,
	body.contact .navbar-default .navbar-nav > li.nav-contact > a,
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #FFF; background-color: transparent;
		background: #173a67; /* Old browsers */
		background: -moz-linear-gradient(top,  #173a67 0%, #28589c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#173a67), color-stop(100%,#28589c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #173a67 0%,#28589c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #173a67 0%,#28589c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #173a67 0%,#28589c 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #173a67 0%,#28589c 100%); /* W3C */
	/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173a67', endColorstr='#28589c',GradientType=0 );  IE6-9 */
	}
	.navbar-nav > li > a {
		text-shadow: 0px 1px 0px rgba(255, 255, 255, 0);
	}
	.navbar-collapse {
		padding-right: 15px;
		padding-left: 15px;
		overflow-x: visible;
		border-top: 0 solid transparent;
		box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #FFF;
	}
	.navbar-toggle { background-color: #2989d8; }
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #28589c;	}
	.navbar-default .navbar-toggle .icon-bar {background-color: #EEE;}	
	.navbar-default .navbar-toggle {border-color: #EEE;}
	
	.dropdown-menu { background-color:#256FB3;border-color: #3278B3;border-color: #28589c}
	.dropdown-menu > li > a {color: #EEE;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #FFF;background-color: #28589c;}
	
	@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #EEE;}
	}
	.img-thumbnail {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
	.navbar-default,
	.container .jumbotron,
	.footer
	{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/* TYPOGRAPHY */
	.nav { font-size:16px;}
	h1 { letter-spacing:-1px; color:#0067B2; }
	h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 5px;
    margin-bottom: 10px;}
	h2 {
    margin-top: 0;
    margin-bottom: 15px;}
	
	h3 {padding-bottom:6px;border-bottom:1px solid #B6D9F3;margin-top:10px;}
	h4 {font-size:18px; margin-top:0; line-height:1.3;}
	h5 {font-size:16px; margin-top:15px; line-height:1.3;}
	
	h1, h5,
	.list-group-item-heading 
	{	font-family: 'OpenSansBold';}
	
	.jumbotron p,
	.jobtitle
	{	font-family:"OpenSansLight", Helvetica, Arial, sans-serif; }

	body,
	.staff-list li	
	{	font-family:"OpenSansRegular", Helvetica, Arial, sans-serif; line-height:1.5;}
	
	.jumbotron h1 { font-size:24px;margin-top:0;color:#0067B2;}
	.jumbotron p {margin-bottom: 10px;font-size: 16px;font-weight: 200;}
@media screen and (min-width: 768px) {
	.jumbotron h1 { font-size:32px;}
	.jumbotron p { font-size:18px;}
}
@media screen and (min-width: 992px) {
	.jumbotron h1 { font-size:42px;}
	.jumbotron p { font-size:20px;}
}

	.list-group-item-heading {margin-bottom:2px;}
	.type-pdf {background:url(../images/template/pdf_icon30.png) 10px 5px no-repeat;padding-left:48px;}
	.type-doc {background:url(../images/template/word_icon30.png) 10px 5px no-repeat;padding-left:48px;}
	.pub-date {float:right; position:absolute; right:10px; top:10px;}
	.list-group-item {padding-right:80px;}
	.list-group-item.active,
	.no-date  {padding-right:10px;}

/* LIST */

	.row ul
	{
			list-style-position:outside;
			list-style-type:none;
			padding:0 0 0 0px;
			margin:10px 0 15px 0px;
	}
	.row ul li
	{
			margin:0px 0 6px 0px;
			padding:0 0 0 17px;
			background: url(../images/template/bullet-blue.png) 0 4px no-repeat; 
	}

/* CONTENT */
	.max-size {width:100%; height:auto;}
	
	.header-panel{padding:10px 35px 25px 35px; text-align:center;}
	.page-header { padding-bottom: 9px; margin: 10px 0px 10px 0;border-bottom: 1px solid #EEE;}
	.min-height {min-height:450px;}

	.container .jumbotron { padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px; margin-bottom:30px;background-color:#B6D9F3;}
	.row {padding-left:20px;padding-right:20px;}
	.downloads-col {padding-top:0px;}
	.list-group {margin-top: 12px;margin-bottom: 12px;}


@media screen and (min-width: 768px) {
	.header-panel{ text-align:left;}
	.row {padding-left:35px;padding-right:35px;}
	.container .jumbotron { padding-right:35px;padding-left:35px;}
}
@media screen and (min-width: 992px) {
	.header-panel{text-align:left;}
	.row {padding-left:35px;padding-right:35px;}
	.container .jumbotron { padding-right:35px;padding-left:35px;}
	.list-group {margin-top: 20px;margin-bottom: 20px;}
	.downloads-col {padding-top:30px;}
}

	.staff-list li {font-size:15px;}
    .staff-list {margin:0 0 10px 0; padding:0; list-style:none;}
    .staff-list li {margin:0 0 7px 0; }

	.space-above {margin-top:10px; }
	.no-padding {padding:0;}
	.section-divider {/*border-color:#B6D9F3;*/}
	

.footer {background-color:#1B3561;background-color:#0067B2;  padding-bottom: 40px;padding-top: 15px; margin-top:30px; position:relative}
.footer p{ color:#FFF;}
.footer-logo {display:none;}
@media screen and (min-width: 768px) {
.footer-logo{background:url(../images/template/footer-logo.png) 0 0 no-repeat; width:100px; height:101px; display:block; position:absolute; top:-53px; right:-50px;}
}