
/* element styles */

html {
	overflow-y: scroll;
}

body{
	margin: 0px;
	padding: 0px; 
	background-color: #fff;
	font-size: 80%;
	line-height: 150%;
	text-align: justify;
}	 

div {
	font-family: arial, verdana, sans-serif;
	font-size: 100%;
	color: #000;
	text-align: justify;
}

p {
	font-family: arial, verdana, sans-serif;
	font-size: 100%;
	color: #000;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

li {
	font-size: 100%;
	color: #000;
}

td {
	font-size: 100%;
	color: #000;
	vertical-align: top;
	text-align: justify;
}

img {
	border: 0px;
}

a {
	font-size: 100%;
	color: #26266a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: arial, verdana, sans-serif;
	font-size: 180%;
	font-weight: bold;
	color: #26266a;
	padding: 0 0 20px 0;
	margin: 0;
	line-height: 150%;
}

h2 {
	font-family: arial, verdana, sans-serif;
	font-size: 150%;	
	font-weight: bold;
	color: #26266a;
	border-top: 1px solid #cddeeb;
	margin: 15px 0 0 0;
	padding: 10px 0 10px 0;
	line-height: 150%;
}

h3 {
	font-family: arial, verdana, sans-serif;
	font-size: 140%;	
	font-weight: bold;
	color: #26266a;
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 150%;
}

form {
	margin: 0px;
}

textarea {
	font-family: arial, verdana, sans-serif;
	font-size: 100%;
}

/* page element styles */ 
 
#top_bar {
	height: 166px;
	padding: 0;
	background: url(../images/site/top-bar.jpg) no-repeat bottom left;
}

#top_logo {
	height: 120px;
	background: url(../images/site/strap_banner.jpg) no-repeat top left;
}

#top_logo_ws {
	height: 120px;
	background: url(../images/site/ws_logo_strap_banner.jpg) no-repeat top left;
}

#top_right {
	text-align: right;
	position: absolute;
	top: 10px;
	right: 10px;
}

#ox_logo {
	margin-top: 16px;
}

#navigation {
	padding-bottom: 6px;
	clear: both;
}

#cse-search-box {
	padding: 100px 0 0 0;
}

#search {
	float: left;
	padding: 10px 0 0 15px;
}

#search_field {
	width: 115px; 
	border: 1px solid #98bdd4;
	background: #e2ecf3;
	font-size: 85%;
}

#extranet_login {
	padding: 15px;
}

.ex_label {
	width: 62px; 
	float: left;
	margin-bottom: 3px;
}
.ex_input {
	float: left;
	width: 87px; 
	border: 1px solid #98bdd4;
	margin-bottom: 3px;
}
.ex_input input{
	width: 85px;
	border: 0px;
}

#ex_submit {
	margin-left: 50px;
}

#main {
	position:relative;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	padding: 0;
}

#footer {
	clear: both;
	padding: 10px 0 0 0;
	border-top: 1px solid #cddeeb;
	margin-top: 30px;
	font-size: 85%;
}

#footer a {
	color: #000;
	font-size: 100%;
}

/* home page styles */

.home_box_left, .home_box_right {
	float: left;
	width: 229px;
	margin: 10px 30px 0 0;
}

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

.home_box_title {
	background-color: #92b7cf;
	color: #fff;
	padding: 5px 0 5px 6px;
	margin: 0 0 5px 0;
	font-size: 130%;
	font-weight: bold;
}

.home_box_title a {
	color: #fff;
}

.home_box_title a:hover {
	text-decoration: none;
}

.home_box_text * {
	/*text-align: left !important;*/
	line-height: 140%;
}

.home_box_text a:hover {
	text-decoration: none;
}

/* content page structural styles */

#page_main {
	background: url("../images/site/page-bg.png") left top repeat-y;
	clear: both;
	border-top: 1px #E3ECF3 solid;
	width: 997px;
}

#left_nav {
	float: left;
	width: 193px;
	margin: 0;
	padding: 0;
}

#right_side {
	float: left;
	width: 256px;
	margin: 0;
	padding: 0;
}

#right_side p {
	text-align: left !important;
}

/* content page */

#page_content {
	float: left;
	width: 488px;
	margin: 30px 30px 0 30px;
}

#page_content #col1 {
	float: left;
	width: 229px;
}

#page_content #col2 {
	float: left;
	width: 229px;
	margin: 0px 0px 0px 30px;
}

#cse-search-results iframe {
	width: 488px !important;
}

/* top nav styles */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
	padding: 0;
}

#nav li a {
	font-weight: bold;
	font-size: 110%;
	color: #333;
	text-decoration: none;
}

#nav li a:hover {
	color: #0071c6;
	text-decoration: none;
}

#nav li ul {
	position: absolute;
	left: -999em;
	background: url(../images/nav/top-nav-bg.jpg) repeat-x #cedbe5;
	width: 160px;
	padding: 0;
	border: 1px #fff solid;
	border-top: 0px;
	z-index: 99;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* left nav styles */

#left_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#left_nav a {
	display: block;
	text-decoration: none;
	text-align: left;
}

#left_nav li {
	float: left;
	padding: 0;
}

#left_nav li a {
	font-weight: bold;
	font-size: 110%;
	color: #333;
	text-decoration: none;
}

#left_nav li a:hover {
	color: #0071c6;
	text-decoration: none;
}

#left_nav ul {
	position: absolute;
	left: 190px;
	top: -999em;
	background: url(../images/nav/top-nav-bg.jpg) repeat-x #cedbe5;
	width: 160px;
	padding: 0;
	border: 1px #fff solid;
	margin-top: -27px;
	z-index: 99;
}

#nav_programmes_list div:hover ul {
	top: auto;
}

#nav_programmes_list div:hover ul, #nav_programmes_list div.sfhover ul {
	top: auto;
}

#restricted_area_list div:hover ul {
	top: auto;
}

#restricted_area_list div:hover ul, #restricted_area_list div.sfhover ul {
	top: auto;
}

#restricted_area_list {
	margin: 10px 0px 10px 0px;
}

/* general dd nav items */

.dd_nav_item, .dd_nav_item_last {
	width: 160px;
	border-bottom: 1px #acc7d9 solid;
	padding: 0 !important;
	z-index: 99px;
}

.dd_nav_item_last {
	border-bottom: 0px;
}

.dd_nav_item a, .dd_nav_item_last a {
	color: #202041 !important;
	font-size: 90% !important;
	font-weight: normal !important;
	display: block;
	padding: 5px 5px 5px 15px;
	text-decoration: none;
}

.dd_nav_item a:hover, .dd_nav_item_last a:hover {
	color: #fff !important;
	font-size: 90% !important;
	display: block;
	text-decoration: none;
	background: url(../images/nav/top-nav-highlight.jpg) no-repeat top left #83adc6;
	padding: 5px 5px 5px 15px;
}

.dd_nav_box .former, .dd_nav_box .former a {
	background: #ddd;
	color: #666 !important;
}

/* left nav */

#left_nav {
	padding-bottom: 30px;
}

#left_nav a {
	display: block;
}

.nav_item_1, .nav_item_2 {
	background: url(../images/site/left-nav-bg.png) no-repeat bottom center;
	padding: 7px 15px 4px 15px;
	text-align: left;
}

.nav_item_1_active, .nav_item_2_active, 
.nav_item_1:hover, .nav_item_2:hover {
	background: url(../images/site/left-nav-bg-active.png) no-repeat top left;
	padding: 7px 15px 4px 15px;
}

.nav_item_1_down, .nav_item_1_down:hover {
	background: url(../images/site/left-nav-bg-down.png) no-repeat top left;
	padding: 7px 15px 4px 15px;
}

.nav_item_1_active a, .nav_item_2_active a,
.nav_item_1 a:hover, .nav_item_2 a:hover,
.nav_item_1_down a, .nav_item_1_down a:hover {
	color: #fff;
	text-decoration: none;
}

.nav_item_2, .nav_item_2_active {
	padding-left: 30px;
}


/* events styles */

.events_form_left {
	float: left;
	width: 75px;
	margin: 0 0 10px 0;
}

.events_form_right {
	float: left;
	width: 375px;
	margin: 0 0 10px 30px;
}

/* people styles */

#people_navigation {
	width: 488px;
	height: 40px;
	background: url(../images/site/people-navigation-bg.jpg) no-repeat top left;
}

.people_nav, .people_nav_active {
	padding: 5px 9px 0 9px;
	height: 25px;
	color: #fff !important;
	font-size: 100% !important;
	font-weight: normal !important;
	background: url(../images/site/people-nav-bg.png) no-repeat top right;
}

.people_nav_active {
	color: #000 !important;
	background: url(../images/site/people-nav-bg.png) no-repeat bottom right;
}

.people_image {
	float: left;
	width: 98px;
	margin: 20px 30px 0 0;
	border: 1px solid #95bad1;
}

.people_info {
	float: left;
	width: 350px;
	margin: 20px 0 0 0;
}

.people_name {
	color: #26266a;
	font-size: 130%;
}

.people_job {
	font-weight: bold;
}

.people_summary {
	font-size: 85%;
	line-height: 140%;
}

.people_text {
	margin: 20px 0 0 0;
}

.people_divider {
	margin: 20px 0 0 0;
	border-top: 3px #ebf1f5 solid;
}


/* general styles */

.border_after_paragraph {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #B9D2E2 solid;
}

.side_title {
	background: url(../images/site/side_title.png) no-repeat top left;
	padding: 1px 0 1px 16px;
}

.side_title_left {
	width: 176px !important;
}

.side_title_right {
	width: 239px !important;
}

.side_title_text {
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 2px 0 2px 0;
}

.side_title_text a {
	color: #fff;
}

.side_title_text a:hover {
	text-decoration: none;
}

.news_divider {
	height: 1px;
	background-color: #ccc;
	margin-bottom: 10px;
	clear: both;
}

.padded_img img {
	padding: 0px 10px 10px 10px;
}

.smallText {
	font-size: 85%;
	line-height: 150%;
}

.smallText a {
	font-size: 100%;
}

.error {
	color: #c00;
	font-weight: bold;
}

.pad15 {
	padding: 15px;
}

.event_image {
	padding: 5px 15px 10px 15px;
}

.nopad {
	padding: 0px !important;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hide {
	display: none;
}

.right {
	text-align: right !important;
}

table#partners td {
	text-align: left;
}

.scholar_search label {
	float: left;
	width: 130px;
}
.scholar_search {
	clear: both;
	margin: 5px;
}

.scholar_select {
	width: 150px;
}

.blue_block {
	display: block;
	background-color: #B9D2E2;
	color: #fff;
	padding: 5px;
	margin: 10px 0px 10px 0px;
	font-size: 150% !important;
	font-weight: bold;
}

.centered {
	text-align: center !important;
}

.botrplayer {
	text-align: center !important;
}

.left_align * {
	text-align: left !important;
}

.scholar_item {
	/* background: url(../images/site/scholar-bg.png) top left repeat-x #dbe8f1; */
	padding: 20px;
}

.alumnus_item {
	/* background: url(../images/site/alumnus-bg.png) top left repeat-x #98b8cc; */
	padding: 20px;
}

.notspecified_item {
	padding: 20px;
}

.scholar_left {
	float: left;
	width: 111px;
}

.scholar_image {
	background: center center no-repeat #fff;
	border: 1px solid #a2a8ac;
}

.scholar_image_inner {
	border: 1px solid #fff;
}

.scholar_right {
	float: left;
	width: 315px;
	margin: 0 0 0 10px;
}

.scholar_right h3 {
	font-size: 160%;
	margin: 3px 0 5px 0;
}

.scholar_right p {
	margin: 0 0 1px 0;
}

#scholar_rotator {
	margin: 0 0 30px 0;
}

.scholar_icon_surround {
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 1px 1px 0;
}

.scholar_icon, .scholar_icon_hide {
	display: block;
	width: 80px;
	height: 80px;
	background: no-repeat top left;
	cursor: default;
}

.scholar_icon_hide {
	display: none;
}

.scholar_icon:hover {
	background-position: bottom left !important;
	text-decoration: none;
}

.scholar_icon_logos {
	float: left;
	width: 240px;
	height: 80px;
	margin: 0 0 1px 0;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	background: url(../images/site/scholars-popup.png) no-repeat top left;
	padding: 10px 2px 10px 2px;
	width: 158px;
	height: 45px;
	opacity: 0.95;
}

#tooltip h3 {
	margin: 0;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
}

#tooltip div { 
	margin: 0; 
	color: #fff;
	font-size: 90%;
	text-align: center;
}

#search_scholars {
	float: right;
	width: 244px;
	height: 22px;
	background: url(../images/site/search-scholars.png) no-repeat top left;	
}


.side_box * {
	text-align: center !important;
}
