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

nav#banners {
	clear: both;
	margin: auto;
	overflow: hidden;
	width: 960px;
	background-color: #FFFFFF;
	height: 288px;
	/*border-top-width: medium;
	border-top-style: none; */
	/*min-height: 300px;*/
	/*border-right: 1px solid #999;
	border-left: 1px solid #999;*/
}


ul.banners {
    list-style: none outside none;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
}
ul.banners li {
	color: #FFFFFF;
	float: left;
	height: 297px;
	padding: 0 !important;
	width: 192px;
	margin-top: 0;
	margin-right: 1;
	margin-bottom: 0;
	margin-left: 1;
}
ul.banners li a {
    color: #FFFFFF;
    display: block;
    font-family: Arial;
    font-size: 0.8em;
    height: 288px;
    line-height: 1.2em;
    padding: 0 20px;
    width: 152px;
}
nav#banners ul.banners li a span {
    color: #FFFFFF;
    display: block;
    font-size: 1.3em !important;
    height: 20px;
    line-height: 1.2em;
    margin-bottom: 10px;
    overflow: hidden !important;
    padding-bottom: 20px;
    padding-top: 10px !important;
    visibility: hidden;
}
ul.banners li a:hover {
    background: none repeat scroll 0 0 transparent !important;
    text-decoration: none;
}
ul.banners li p {
    font-size: 0.9em;
    line-height: 1.3em;
    margin-top: 60px;
    padding: 0 15px;
}
/*
ul.banners li.Item-1 a {
    background: url("../images/banners/banner-research.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-2 a {
    background: url("../images/banners/banner-projects.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-3 a {
    background: url("../images/banners/banner-membership.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-4 a {
    background: url("../images/banners/banner-about.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-5 a {
    background: url("../images/banners/banner-hq.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-1 {
    background: url("../images/banners/banner-research-over.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-2 {
    background: url("../images/banners/banner-projects-over.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-3 {
    background: url("../images/banners/banner-membership-over.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-4 {
    background: url("../images/banners/banner-about-over.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-5 {
    background: url("../images/banners/banner-hq-over.jpg") no-repeat scroll 0 0 transparent;
}
*/

ul.banners li.Item-1 {
    background: url("../images/banners/banner-research.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-2 {
    background: url("../images/banners/banner-projects.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-3 {
    background: url("../images/banners/banner-membership.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-4 {
    background: url("../images/banners/banner-about.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-5 {
    background: url("../images/banners/banner-hq.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-1:hover {
    background: url("../images/banners/banner-research-over.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-2:hover {
    background: url("../images/banners/banner-projects-over.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-3:hover {
    background: url("../images/banners/banner-membership-over.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-4:hover {
    background: url("../images/banners/banner-about-over.jpg") no-repeat scroll 0 0 transparent;
}
ul.banners li.Item-5:hover {
    background: url("../images/banners/banner-hq-over.jpg") no-repeat scroll 0 0 transparent;
}


nav#pageNav {
	background: none repeat scroll 0 0 #FFFFFF;
	cursor: pointer;
	height: 30px;
	margin: auto;
	overflow: hidden;
	padding-bottom: 0px;
	width: 960px;
	display: block;
}


nav#pageNav div {
	float: left;
	height: 30px;
	overflow: hidden;
	width: 191px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle !important;
	display: table;
	font-size: 14px;


}

nav#pageNav a {
	color: #FFF;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
}

nav#pageNav a:hover {
	text-decoration: none;
}

nav#pageNav div.Item-1 {
	background: #29393B;
}
nav#pageNav div.Item-1:hover {
	background: url(../images/buttons/button-research-gradient.png) no-repeat scroll 0 0;
}

nav#pageNav div.Item-2 {
	background: #2A6978;
	border-left: 1px solid #FFF;
}
nav#pageNav div.Item-2:hover {
	background: url(../images/buttons/button-projects-gradient.png) no-repeat scroll 0 0;
}

nav#pageNav div.Item-3 {
	background: #617935;
	border-left: 1px solid #FFF;
}
nav#pageNav div.Item-3:hover {
	background: url(../images/buttons/button-membership-gradient.png) no-repeat scroll 0 0;
}

nav#pageNav div.Item-4 {
	background: #CD5728;
	border-left: 1px solid #FFF;
}
nav#pageNav div.Item-4:hover {
	background: url(../images/buttons/button-about-gradient.png) no-repeat scroll 0 0;
}

nav#pageNav div.Item-5 {
	background: #4F240E;
	border-left: 1px solid #FFF;
	border-right: 1px solid #4F240E;
}
nav#pageNav div.Item-5:hover {
	background: url(../images/buttons/button-headquarters-gradient.png) no-repeat scroll 0 0;
}