@charset "UTF-8";

/* CSS Document */



@import url("reset.css");



/* CSS Document Outline 

ACCESSIBLITY

GLOBAL TYPOGRAPHY

SITE STRUCTURE

LEFT COLUMN

NAVIGATION

MAIN CONTENT

FLASH ELEMENTS

SITEWIDE CLASSES

UNIVERSITIES DROP DOWN MENU

MYPLACE DROP DOWN MENU

*/



/* ACCESSIBILITY */

.w3c {

	left: -9999px;

	position: absolute;

	top: -9999px;

}



/* GLOBAL TYPOGRAPHY */

body {

	font-family:Arial, Verdana, sans-serif;

	font-size: 12px;

	color: #4c4c4c;

}



a, a:link, a:visited, a:hover, a:active {

	color: #0063a6;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



h1 {

	color: #ed1b23;

	font-weight: bold;

	font-size: 20px;

	margin-bottom: 25px;

	text-transform:uppercase;

}



h2 {

	color: #4c4c4c;

	font-size: 14px;

	font-weight: bold;

}



h3 {

	color: #ed1b23;

	font-weight: bold;

	font-size: 12px;

	text-transform:uppercase;	

}



h3 strong {

	color: #4c4c4c;

}



p {

	padding-bottom: 25px;

}



em {

	font-style: italic;

}



blockquote {

	color: #ed1b23;

	font-weight:bold;

}



/* SITE STRUCTURE */



/* LEFT COLUMN */

#leftColumn {

	width: 167px;

	float: left;

	margin: 8px;

}



#rightColumn {

	width: 461px;

	float: left;

	margin-left: 16px;

	padding: 3px 0 0 0;

}



#logo {

	background: url(../images/logo.gif) no-repeat top left;

	width: 52px;

	height: 41px;

	margin-top: 17px;

}



/* NAVIGATION */

#navigation ul {

	width: 167px;

}



#navigation li {

	padding-bottom: 4px;

}



#navigation li a, #navigation li a:link, #navigation li a:visited, #navigation li a:hover, #navigation li a:active {

	color: #FFF;

	background: #ed1b23;

	display: block;

	padding: 4px 3px 4px 10px;

	font-size: 11px;

	text-decoration: none;

}



#navigation li a:hover, #navigation #selected a {

	color: #eb1b23;

	background: #fac2c3;

}



#navigation li a.furtherActivities, #navigation li a.furtherActivities:link, #navigation li a.furtherActivities:visited,

#navigation li a.furtherActivities:hover, #navigation li a.furtherActivities:active {

	background: #0063a6;

}



#navigation li a.furtherActivities:hover,

#navigation #activitiesSelected a{

	background: #c2daea;

	color: #0063a6;

}



#navigation li a.publications, #navigation li a.publications:link, #navigation li a.publications:visited,

#navigation li a.publications:hover, #navigation li a.publications:active {

	background: #89c20f;

}



#navigation li a.publications:hover,

#navigation #publicationsSelected a{

	color: #89c20f;

	background: #e9f5a7;

}



#navigation li a.contact, #navigation li a.contact:link, #navigation li a.contact:visited,

#navigation li a.contact:hover, #navigation li a.contact:active {

	background: #fb9d16;

}



#navigation li a.contact:hover,

#navigation #contactSelected a {

	background: #fee7b9;

	color: #fb9d16;

}



/* MAIN CONTENT */



img {

	margin-bottom: 30px;

}



.departmentLogo {

	float: right;

	margin: 24px 0;

} 



#rightColumn .imageBlock {

	width: 461px;

}



#rightColumn .imagesBlock img,

#rightColumn .imagesTripleBlock img {

	margin-bottom: 0;

}



#rightColumn .imageColumn {

	float: left;

	padding: 6px 6px 0 0;

	width: 227px;

}



#rightColumn .imagesTripleBlock .imageColumn {

	width: 149px;

	padding-right: 6px;

}



#rightColumn .lastImage,

#rightColumn .imagesTripleBlock .lastImage {

	padding-right: 0;

}



#rightColumn .imageColumn h3,

#rightColumn .imageColumn h4 {

	padding-bottom: 12px;

}



/* FLASH ELEMENTS */

.videoIcon {

	background: url(../images/video_icon.gif) no-repeat top left;

	height: 32px;

	margin-bottom: 12px;

	margin-top: 24px;

}



.videoIcon h2 {

	padding: 10px 0 0 33px;

}



#flashContent {

	margin-bottom: 12px;

}



/* TEMPLATES */



#rightColumn .publication img {

	padding-right: 12px;

	float: left;

	padding-top: 4px;

}



#rightColumn .publicationText {

	margin-left: 170px;

}



#rightColumn .publication {

	margin-bottom: 30px;

}



#rightColumn .publicationText p {

	padding-bottom: 12px;

}



a.consoleLink, a.consoleLink:link, a.consoleLink:visited, a.consoleLink:hover, a.consoleLink:active {

	text-decoration: none;

	color: #FFFFFF;

	background-color: #ed1b23;

	padding: 5px 10px;

}



a.consoleLink:hover {

	background: #fac2c3;

	color: #ed1b23;

}



/* SITEWIDE CLASSES */

.clear {

	clear: both

}



.left {

	float: left;

}



.right {

	float: right;

}



/* UNIVERSITIES DROP DOWN MENU */

	

.universitiesDropMenu p {

	background:url(../images/drop_menu.gif) 0 0 no-repeat;

	width:290px;

	height:24px;

	text-indent:-9999px;

}



.universitiesDropMenu ul {

	width:288px;

	background-color:#FFF;

	border: 1px solid #e5e5e5;

	padding:0;

	list-style:none;

	font-size: 12px;

}



.universitiesDropMenu ul li {

	margin: 0;

	border-bottom: 1px solid #e5e5e5;

}



 

.universitiesDropMenu ul a:link, .universitiesDropMenu ul a:visited, .universitiesDropMenu ul a:hover, .universitiesDropMenu ul a:active {

	display:block;

	width:273px;

	padding:5px 8px;

	text-decoration:none;

	font-weight:normal;

	color: #4c4c4c;

}

 

.universitiesDropMenu ul a:hover {

	background-color:#ed1b23;

	color: #FFF;

}



.universitiesDropMenu {

	width:290px;

	height:24px;

	overflow:hidden;

	margin-bottom: 30px;

}



.universitiesDropMenu:hover {

	overflow:visible;

}



.universitiesDropMenu {

	position:relative;

}



.universitiesDropMenu ul {

	z-index: 10;

	position:absolute;

	left:0;

	top:24px;

}



.universitiesDropMenu {

	display:none;

}



html>body .universitiesDropMenu {

	display:block;

}



/* MYPLACE DROP DOWN MENU */

	

.myplaceDropMenu p {

	background:url(../images/myplace_drop_menu.gif) 0 0 no-repeat;

	width:290px;

	height:24px;

	text-indent:-9999px;

}



.myplaceDropMenu ul {

	width:288px;

	background-color:#FFF;

	border: 1px solid #e5e5e5;

	padding:0;

	list-style:none;

	font-size: 12px;

}



.myplaceDropMenu ul li {

	margin: 0;

	border-bottom: 1px solid #e5e5e5;

}



 

.myplaceDropMenu ul a:link, .myplaceDropMenu ul a:visited, .myplaceDropMenu ul a:hover, .myplaceDropMenu ul a:active {

	display:block;

	width:273px;

	padding:5px 8px;

	text-decoration:none;

	font-weight:normal;

	color: #4c4c4c;

}

 

.myplaceDropMenu ul a:hover {

	background-color:#ed1b23;

	color: #FFF;

}



.myplaceDropMenu {

	width:290px;

	height:24px;

	overflow:hidden;

	margin-bottom: 30px;

}



.myplaceDropMenu:hover {

	overflow:visible;

}



.myplaceDropMenu {

	position:relative;

}



.myplaceDropMenu ul {

	z-index: 10;

	position:absolute;

	left:0;

	top:24px;

}



.myplaceDropMenu {

	display:none;

}



html>body .myplaceDropMenu {

	display:block;

}