/*
---------------------------------------------------------------
For major updates please comment the version with date. It will make reversals easier.
---------------------------------------------------------------
Version 77 (Josef Lapka) 03/12/2008 --> Changed 
#GenericPageContentArea #ContentColumn #pageContent p, #GenericPageContentArea #ContentColumnFullWidth #pageContent p {width: 406px;} to
#GenericPageContentArea #ContentColumn #pageContent p { width: auto !important; } #GenericPageContentArea #ContentColumnFullWidth #pageContent p {width: 406px;}
*************NOTE for 77: #ContentColumn #pageContent p does not need a width because it is held by the #ContentColumn *****************
*/

/***************************************
	Imported stylesheets
****************************************/

@import url(/siteelements/styles/iFooter.css);

/***************************************
	End of Imported stylesheets
****************************************/



/* General styles */
body {
	margin: 0;
	padding: 0;
	/*background: #FFFFFF url('../images/bg/Body.gif') repeat-x top left;*/
	background: #eeeeee;
	text-align: center;
}

/* following three styles are potential safari 2 fixes */
form { 
	padding: 0 !important;
	margin: 0 !important;
}
#MainContent {
	width: 594px !important;
}



a {color: #383D41; text-decoration: none;}
a:hover {
	text-decoration: underline !important; color: #D81E05;
}

a img {
	border: none;
}


h2 {
	display: block;
	height: 26px;
	float: left;
	width: 764px;
	margin: 0;
	padding: 6px 0 0 10px;
	color: #FFFFFF;
	/*font-size: 1.1em;
	line-height: 1.1em; - 2012 update */
	font-size: 18px;
	line-height: 17px;
	font-weight: normal;
	font-family: Arial, sans-serif !important;
	/*border-top: 1px solid #ffffff; - 2012 update */	
}


h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;	
}

.fright {
	float: right;
}
.fleft {
	float: left;
}
.hidden {
	display: none;
}
.red {
	color: #D81E05;
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
.clearfix {
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}

/* ---------------------------------- Page Properties ------------------------------------- */
#Page {
	width: 778px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF;
}
#OuterDropShaddow{
	float: left;
	width: 776px;
	border-bottom: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	background-color: #FFFFFF !important;
}
#InnerDropShaddow{
	float: left;
	width: 774px;
	border-bottom: 1px solid #ACACAC;
	border-left: 1px solid #ACACAC;
	border-right: 1px solid #ACACAC;
	background-color: #FFFFFF !important;
}


/* ------------------------------------- Header ------------------------------------------- */

#Header {
	position: relative; /* need this for the location dots */ 
	width: 774px;
	height: 94px;
	float: left;
	/*background: url('/SiteElements/images/bg/header.gif') no-repeat left top; - 2012 update 	background: url(/support/web-development-unit/dev/iw2/home2012/images/HeaderJubileeBG.jpg) no-repeat left top;*/

	font-family: Verdana, sans-serif !important;
}
.red-text {
    color: #D81E05;
}
#Header p#TextOnly {
	position: absolute;
	top: 5px;
	right: 27px;
	font-size: 13px;
	line-height: 13px;
	padding: 0;
	margin: 0;
	color: #232120;
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
#Header p#TextOnly a {
	color: #68645f;
	font-size: 0.846em;
}

#Header #HeaderJubileeLink {
	position: absolute;
	top: 0px;
	left: 265px;
}
#Header #HeaderJubileeLink img {
	display: block;
}

#Header #HeaderHomeLink img {
	display: block;
	padding-left: 10px;
}

#Header #searchForm {
	position: absolute;
	top: 41px;
	right: 20px;
}
#Header #searchForm #Search {
    -webkit-appearance: none;
    -webkit-border-radius: 0px; /* these styles get rid of shadow and rounding of input elements in safari */
    border: 0;
    color: #68645f;
    background: #efedec;
    float: left;
    font-size: 13px;
    height: 20px;
    line-height: 18px;
    margin-bottom: 7px;
    padding: 5px;
    width: 190px;
}
#Header #searchForm .searchButton {
    -webkit-border-radius: 0px; /* this style gets rid of rounding of input elements in safari */
    border: 0;
}
/* for search engine */
#Header #CccuHeader_searchForm {
	position: absolute;
	top: 41px;
	right: 20px;
	width:230px;
}
#Header #CccuHeader_searchForm #CccuHeader_Search {
    -webkit-appearance: none;
    -webkit-border-radius: 0px; /* these styles get rid of shadow and rounding of input elements in safari */
    border: 0;
    color: #68645f;
    background: #efedec;
    float: left;
    font-size: 13px;
    height: 20px;
    line-height: 18px;
    margin-bottom: 7px;
    padding: 5px;
    width: 190px;
}
#Header #CccuHeader_searchForm #CccuHeader_SubmitSearch{
    -webkit-border-radius: 0px; /* this style gets rid of rounding of input elements in safari */
    border: 0;
}





#Header #KeyLinks {
	position: absolute;
	top: 13px;
	right: 12px;
	padding: 0;
	margin: 0;
}
#Header #KeyLinks li {
	float: left;
	list-style: none;
}
#Header #KeyLinks a {
	display: block;
	color: #464340;
	font-size: 12px;
	padding: 0px 8px 0px 8px;
	border-right: 1px solid #efedec;
	font-family: Arial, Helvetica, sans-serif;
}
#Header #KeyLinks a.last {
	border-right: 0;
}




#Header #Logo a {
	float: left;
	display: block;
	width: 170px;
	margin-top: 7px;
	background: transparent url(/SiteElements/images/illu/Logo.gif) no-repeat left top;
	height:80px;
	position:absolute;
	z-index:30;
}
#Header #Logo a:hover { text-decoration: none !important; }

#Header #Head h1 a { position:relative; z-index:20; margin-top: 10px; float: left; font-size: 3px; }

#Header #Head h1 { width: 50px; float: left; }

#CampusLinks {
	float: left;
	width: 65px;
	padding-left: 360px;
	padding-top: 10px;
	font-family: Verdana, sans;
}
#CampusLinks .CampusLink {
	background: url(../images/bg/CampusLink.gif) repeat-y left top;
	height: 14px;
	width: 65px;
	float: left;
	margin-bottom: 2px;
	line-height: .7em;
	padding-left: 3px;
}
#CampusLinks .CampusLink a {
	text-decoration: none;
	font-size: .6em;
	color: #383D41;
	padding-right: 4px;
	display:block;
	padding-top:2px;
}
#CampusLinks .CampusLink a:hover {
	color: #D81E05;
	text-decoration: underline;
}

#CanterburyLocation {
	position: absolute;
	top: 20px;
	left: 511px;
	background: url('../images/bg/CampusPointOff.gif') no-repeat left top;
	width: 3px; height: 3px;
	display: block;
	/*overflow: hidden;*/
	z-index: 10;
}
#BroadstairsLocation {
	position: absolute;
	top: 14px;
	left: 519px;
	background: url('../images/bg/CampusPointOff.gif') no-repeat left top;
	width: 3px; height: 3px;
	display: block;
	overflow: hidden;
	z-index: 10;
}
#ChathamLocation {
	position: absolute;
	top: 18px;
	left: 493px;
	background: url('../images/bg/CampusPointOff.gif') no-repeat left top;
	width: 3px; height: 3px;
	display: block;
	overflow: hidden;
	z-index: 10;
}
#FolkestoneLocation {
	position: absolute;
	top: 27px;
	left: 516px;
	background: url('../images/bg/CampusPointOff.gif') no-repeat left top;
	width: 3px; height: 3px;
	display: block;
	overflow: hidden;
	z-index: 10;
}

#SalomonsLocation {
	position: absolute;
	top: 32px;
	left: 490px;
	background: url('../images/bg/CampusPointOff.gif') no-repeat left top;
	width: 3px; height: 3px;
	display: block;
	overflow: hidden;
	z-index: 10;
}

div#HeaderLinks {
float:right;
/*font-size:0.7em;*/
font-size:0.6875em;
height:95px;
padding:0pt 10px 0pt 0pt;
text-align:right;
width:220px;
}
div#HeaderLinks p {
clear:both;
display:block;
margin:0pt;
padding:5px 0pt 0pt;
}
div#HeaderLinks p a {
color:#000000;
text-decoration:none;
}
div#HeaderLinks p a:hover {
color:#000000;
text-decoration:underline;
}
div#HeaderLinks div {
margin-top:5px;
}
div#HeaderLinks div#searchForm, div#HeaderLinks div#CccuHeader_searchForm{
float:right;
width:150px;
}
div#HeaderLinks div#linksForm, div#HeaderLinks div#CccuHeader_linksForm {
float:right;
width:206px;
}
div#HeaderLinks #Search, div#HeaderLinks #CccuHeader_Search {
margin:0pt;
padding:0pt;
width:120px;
height: 16px;
border: 1px solid #666E74;
font-size: 1em;
}
div#HeaderLinks #QuickLinks, div#HeaderLinks #CccuHeader_QuickLinks {
margin:0pt;
padding:0pt;
width:180px;
/*height: 16px;*/
border: 1px solid #666E74;
font-size: 1em;
}

#NormalSize a:link, #NormalSize a:visited { 
	font-size: 1em;
	padding-right: 3px;
}
#LargerSize a:link, #LargerSize a:visited {
	font-size: 1.272em;
	padding-right: 3px;
}
#LargestSize a:link, #LargestSize a:visited {
	font-size: 1.545em;
}
#NormalSize a:hover, #LargerSize a:hover, #LargestSize a:hover {
	text-decoration: none !important; 
	color: #D81E05 !important;
}

/* ------------------------------- Navigation Bar ------------------------------------------------ */
#NavBar {
	width: 774px;
	float: left;
/*	height: 30px; - 2012 update */
/*	height: 32px; */
/*	background: url(/SiteElements/images/bg/NavBar.gif) repeat-x left top; - 2012 update */
	background-color: #fff;
	background-image: none;
	padding: 0;
	font-family: Verdana, sans-serif !important;
/*	border-top: 1px solid #E0E4E7; - 2012 update */
	border-top: 1px solid #dfdcd9;
	/*border-bottom: 1px solid #ffffff;*/
}
#NavBar ul {
	margin: 0;
	padding: 0;
}
#NavBar li {
	float: left;
	list-style: none;
}
#NavBar a {
	display: block;
	height: 27px;
	color: #464340;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	padding: 12px 12px 0 12px;
	border-right: 1px solid #dfdcd9;
	margin: 0;
}
#NavBar a.first {
	background: url('/homepage/images/header/icon-home.png') no-repeat 25px 10px;}
#NavBar a.first:hover {
	background: url('/homepage/images/header/icon-home-over.png') no-repeat 25px 10px;}

#NavBar a.last {
	border-right: 0;
}





#PublicLinks {
	float: left;
	margin: 0;
}
#PublicLinks a {
	font-size: .8em;
	text-decoration: none;
	color: #383D41;
	height: 23px;
	display: block;
	float: left;
	padding: 8px 9px 0 10px;
}
#PublicLinks a.publicLinksSides {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #D7DDE1;
}
#PublicLinks a.publicLinksSidesFirst {
	border-right: 1px solid #D7DDE1;
}




#PublicLinks a:hover {
	text-decoration: underline; 
	background: #F0F2F4; 
	color: #D81E05;
}

.LinkSpacerLeft {
	display: block;
	height: 30px;
	background: #D7DDE1;
	width:1px;
	float: left;
	overflow: hidden;
	padding: 0;
}
.LinkSpacerRight {
	display: block;
	height: 30px;
	background: #FFFFFF;
	float: left;
	width: 1px;
	overflow: hidden;
	padding: 0;
}
#SecureLinks {
	float: right;
	width: 210px;
}
#SecureLinks a {
	float: left;
	padding: 8px 10px 0 10px;
	height: 23px !important;
	display: block;
	text-decoration: none;
	font-size: .8em;
	color: #383D41;
}

#SecureLinks a.secureLinksSides {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #C5B5B5;
}
#SecureLinks a.secureLinksSidesLast {
	border-left: 1px solid #FFFFFF;
}
#SecureLinks img {
	border-right: 1px solid #D7DDE1;
	float: left;
	padding-right: 8px;
}

#SecureLinksStudentLink a {
	width: 79px;
	background: url(/SiteElements/images/bg/SecureLink.gif) repeat-x right top !important;
	padding: 8px 23px 0 11px !important;
}
#SecureLinksStudentLink a:hover {
	padding: 8px 23px 0 11px !important;
	background: url(/SiteElements/images/bg/SecureLinkOver.gif) no-repeat right top  !important;

}

#SecureLinksStaffLink a {
	width: 59px;
padding: 8px 23px 0 11px !important;
	background: url(/SiteElements/images/bg/SecureLink.gif) repeat-x right top !important;
}
#SecureLinksStaffLink a:hover {
	padding: 8px 23px 0 11px !important;
	background: url(/SiteElements/images/bg/SecureLinkOver.gif) no-repeat right top  !important;
}


/* ------------------------------------- SectionTitle -------------------------------------- */

h2{
	font-family: Arial, sans-serif !important;
	background-color: #233289;
	
}


/* ------------------------------------- Left Main Links ----------------------------------- */
#LeftMainLinks {
	font-family: Arial, sans-serif;
	float: left;
	width: 162px;
	height: 550px;
	background: #ffffff;
	padding: 0;
	margin: 10px 8px 0 10px;
	overflow: hidden; /* for now this is my IE6 hack */
}

#LeftMainLinks ul {
	background: url(/homepage/images/lefthandNav/bg-leftNnav.png) no-repeat scroll left top transparent !important;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 162px;
	height: 539px;
}
#LeftMainLinks li {
	float: left;
	width: 162px;
	height: 77px;
	margin-bottom: 0;
}
#LeftMainLinks li a {
	width: 123px;
	height: 58px;
	padding: 19px 0 0 39px;
	margin: 0;
	font-size: 15px;
	line-height: 18px;
	float: left;
}
#LeftMainLinks li a:hover {
	background: url(/homepage/images/lefthandNav/leftNav-over2.png) no-repeat scroll left top transparent !important;
}

/* ----------------------------------Left Menu -------------------------------------------------- */

/* see sidemenu.css stylesheet */


/* ----------------------------------- Main Image and Feature Space ----------------------------- */
#MainContent {
	float: left;
	background: #FFFFFF;
}

#MainFeatureSpace {
	font-family: Arial, sans-serif !important;
	position: relative; /* This is for the floating layer */
	/*width: 590px; - 2012 update */
	width: 580px;
	height: 274px;
	float: left;
	padding: 10px 0 0 4px;
	background: #ffffff;
}

/* Feature Template 1 */
#MainFeatureSubtitle {
	display: block;
	float: left;
	width: 570px;
	height: 38px;
	padding: 7px 0 0 10px;
	background: #A5AFB6 url('../images/bg/MainFeatureSubTitle.gif') repeat-y top left;
}
#MainFeatureSubtitle h3 {
	color: #ffffff;
	float: left;
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	padding: 0;
	width: 400px;
}
#MainFeatureSubtitle p {
	float: left;
	color: #000000;
	padding: 0;
	margin: 0;
	font-size: .75em;
	z-index: 50;
}
#MainFeatureSpace img {
	float: left;
}
#MainFeatureSubtitle a {
	color: #D81E05;
	font-size: .9em;
	padding-right: 10px;
	background: url('../images/bg/More.gif') no-repeat center right;
}
#MainFeatureDate {
	font-family: /*"Humnst777 BT",*/ Arial, sans-serif;
	float: right;
	height: 38px;
	font-size: 1.7em;
	padding-right: 8px;
	color: #D81E05;
}
#MainFeatureDateDay{color: #ffffff !important;}
#MainFeatureDateMonth{color: #ffffff !important;}
#MainFeatureDateYear{}

/* Feature Template 1 with Image Over */
#MainFeatureImageOver {
	position: absolute;
	bottom: -3px;
	right: 10px;
	width: 381px;
	height: 260px;
	z-index: 0;
}

/* Feature Template 2 */
#MainFeatureAbsoluteText {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 240px;
	height: 240px;
}
#MainFeatureAbsoluteText h3 {
	font-size: 48px;
	line-height: .8em;
	font-family: /*"Humnst777 BT",*/ Arial, sans-serif;
	color: #ffffff;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
#MainFeatureAbsoluteText p {
	font-size: .75em;
}
#MainFeatureAbsoluteText a {
	color: #D81E05;
	font-size: .9em;
	padding-right: 10px;
	background: url('../images/bg/More.gif') no-repeat center right;
}


/* -------------------- Important Links - Right bottom --------------------------------------- */
#ImportantLinks {
	float: left;
	padding-left: 12px;
	width: 162px;
	background: #ffffff;
}
#KeyMessageSpace {
	margin-bottom: 3px;
}
#SocialMediaSpace h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #464340;
	font-size: 13px;
	margin-bottom: 1px;
}
#SocialMediaSpace img {
	margin-right: 1px;
}


#OpenDay {
	height: 77px;
	width: 161px;
	float: left;
	padding: 6px 0 6px 6px;
	display: block;
	font-family: Arial, sans-serif;
}

#Prospectus, #CourseFinder {
	height: 77px;
	width: 161px;
	float: left;
	padding: 6px 0 6px 6px;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
}

#OpenDay a {
	display: block;
	color: #fff !important;
	width: 142px !important;
	height: 33px !important;
	padding: 38px 8px 0;
	font-size: 22px;
	line-height: 24px;
}

#Prospectus a, #CourseFinder a {
	display: block;
	color: #68645F !important;
	width: 142px !important;
	height: 36px !important;
	padding:25px 8px 10px;
}

/*#OpenDay a:hover, #Prospectus a:hover, #CourseFinder a:hover {
	text-decoration: underline;
}*/

/*#OpenDay a .first_line, #Prospectus a .first_line, #CourseFinder a .first_line {
	font-weight: bold !important;
	font-size: 18px !important;
}
#OpenDay a .second_line, #Prospectus a .second_line, #CourseFinder a .second_line {
	font-weight: normal !important;
	font-size: 30px;
}
*/

/*#OpenDay:hover, #Prospectus:hover, #CourseFinder:hover {
	cursor: pointer;
}*/
#OpenDay {
	background: #ffffff url(/SiteElements/images/bg/bg_opendays_green.gif) no-repeat 4px 4px;
}
#Prospectus {
	background: #ffffff url(/SiteElements/images/bg/prospectus2012.jpg) no-repeat 4px 4px;
}
#CourseFinder {
	background: #ffffff url(/SiteElements/images/bg/bg_courseFinder.jpg) no-repeat 4px 4px;
}


/* ------------------------ Main Content Area------------------------------------------------ */

#GenericPageContentArea {
	margin: 10px 0 0 0;
	font-family: Arial, sans-serif;
	font-size: .8em !important;
	color: #232120;
	width: 590px !important;
	float: left;
}

#GenericPageContentArea #ContentColumn { 
	width: 406px;
	padding-right: 13px;
	float: left;
	overflow: hidden;
}

#GenericPageContentArea #ContentColumnFullWidth { 
	width: 580px;
	padding-right: 10px;
	float: left;
	overflow: hidden;
	margin: 0 0 0 4px;
}

#GenericPageContentArea #ContentColumn #MediaContainer {
	margin-bottom:15px;
}

#GenericPageContentArea #ContentColumn #pageContent p { width: auto !important; } 

#GenericPageContentArea #ContentColumnFullWidth #pageContent p {width: 406px;}

#GenericPageContentArea # RelatedLinks { }






/* sets a width for mac safari 2 */
/*#SecureLinks {
	width: 184px;
}*/
/* sets width for all browsers that safari 2 ignores */
/*#SecureLinks {
	width: 187px;#
}*/
/* sets width for mac safari 3 - hacks the # hack */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	#SecureLinks { width: 184px; }
}*/





/* ----------------------------- Campus home pages --------------------------- */
#CampusPageContentArea {
   font-family:Arial,sans-serif;
   font-size:0.8em !important;
}
#CampusPageContentArea #ContentColumn {
   float:left;
   margin:0 8px 0 4px;
   padding:0;
   width:406px;
}
#CampusPageContentArea #ContentColumn #VideoPanel {
   margin-top:10px !important;
   margin-bottom:10px !important;
/*   width:406px;*/
   float:left;
}

#CampusPageContentArea #ContentColumn h3 {
   color:#D81E05;
   font-family:Arial,sans serif;
   font-weight:normal;
   font-size:1.4em;
   margin: 0 0 12px;
   padding:0;
}

#CampusPageContentArea #ContentColumn p {
   margin-bottom:15px;
}


#CampusPageContentArea #HotSpacePanel {
   float:left;
   width:406px;
   height:114px !important;
   background-color:#EFEDEC;
   margin-top:15px !important;
   margin-bottom:15px !important;
}
#CampusPageContentArea #HotSpacePanel .HotSpaceContent {
   width:203px;
   float:left;
}
#CampusPageContentArea #HotSpacePanel .HotSpaceImage {
   width:203px;
   float:right;
}
#CampusPageContentArea #HotSpacePanel .HotSpaceContent h3 {
   width:193px !important;
   height:15px !important;
   padding:10px 0 0 10px !important;
   margin:0 !important;
   font-family:Arial, sans serif;
   font-size:1em !important;
   font-weight:bold;
   color:#D81E05;
   float:left !important;
}
#CampusPageContentArea #HotSpacePanel .HotSpaceContent p {
   width:183px !important;
   height:84px !important;
   padding:5px 10px 0 10px;
   margin:0 !important;
   float:left !important;
   font-family:Arial;
   font-size:1em !important;
   clear:both;
}
#CampusPageContentArea #HotSpacePanel .HotSpaceImage img {
   width:203px !important;
   height:114px !important;
   float:right!important;
}


#CampusPageContentArea .CorePageLv2KeySpace {
   background: #EFEDEC /*transparent url(/SiteElements/images/bg/corePageLv2/CoreProjectKeySpaceBG.gif) no-repeat scroll  right top*/;
   height:84px;
   margin:0 0 15px;
   float:left;
}
#CampusPageContentArea .CorePageLv2KeySpace img {
   float:left;
}
#CampusPageContentArea .CorePageLv2KeySpace h4 {
   color:#d81e05;
   float:left;
   font-size:1.1em !important;
   font-family:Arial, sans serif;
   padding:6px 0 0 10px !important;
   margin:0 !important;
   height:20px !important;
   width:274px !important;
}
#CampusPageContentArea .CorePageLv2KeySpace h4 a {
   color:#1a67b4;
}
#CampusPageContentArea .CorePageLv2KeySpace h4 a:hover {
   color:#1a67b4;
}
#CampusPageContentArea .CorePageLv2KeySpace p {
   float:left;
   font-size:1em !important;
   margin:0 !important;
   padding:0 0 0 10px !important;
   height:52px !important;
   width:264px !important;
   font-family:Arial,Helvetica,sans-serif;
 }
#CampusPageContentArea .CorePageLv2KeySpace p a {
   color:#D81E05 !important;
}



#CampusPageContentArea #RightColumn {
   float:left;
   width:170px;
   margin-top:10px;
}
#CampusPageContentArea #RightColumn h4 {
   background:#68645f /*transparent url(/SiteElements/images/bg/facultyPages/FacultiesDepartmentBG.gif) repeat-x scroll 0 0*/;
   color:#fff;
   font-family:Arial, sans serif;
   font-size:1.4em;
   line-height:1.3em;
   font-weight:normal;
   margin:0 4px;
   padding:4px 10px 5px 10px;
}
#CampusPageContentArea #RightColumn ul.RightColumnElements, #CampusPageContentArea #RightColumn ul.RightColumnEventElements {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin:0 4px 2px;
   padding:0 0 1px;
}
#CampusPageContentArea #RightColumn ul.RightColumnElements li {
border-bottom:1px dotted #AEA79F;
font-family:arial;
font-size:0.85em;
line-height:1.3em;
margin:0;
padding:8px 0 8px 10px;}
#CampusPageContentArea #RightColumn ul.RightColumnElements li a {
   color:#1a67b4;
}
#CampusPageContentArea #RightColumn p {
   margin:0 4px 17px;
   padding:0;
}
#CampusPageContentArea #RightColumn p a {
   color:#1a67b4;
   font-size:0.85em;
   margin:0;
   padding:0;
}
#CampusPageContentArea #RightColumn p a img {
   border:0 none;
   padding:0 0 1px;
}
#CampusPageContentArea #RightColumn ul.RightColumnEventElements li {
	border-bottom:1px dotted #AEA79F;
	font-family:arial;
	font-size:0.85em;
	line-height:1.3em;
	margin:0;
	padding:8px 0 8px 10px;
}
#CampusPageContentArea #RightColumn ul.RightColumnEventElements li span.date {
   color:#d81e05;
   font-weight:bold;
}
#CampusPageContentArea #RightColumn ul.RightColumnEventElements li a {
color:#1a67b4;
}
#CampusPageContentArea #RightColumn ul.RightColumnButtons {
	background:transparent url(/SiteElements/images/bg/facultyPages/rightColumnButtons2014.jpg) no-repeat scroll 0 0;
	font-size:14px;
	height:180px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
#CampusPageContentArea #RightColumn ul.RightColumnButtons li {
   height:58px;
   margin:0 0 31px;
   padding:0;
   width:148px;
}
#CampusPageContentArea #RightColumn ul.RightColumnButtons li a {
	color:#68645F;
	float:left;
	line-height:18px;
	margin:0;
	padding:31px 60px 10px 15px;
	width:90px;
}

/* --------------- end of campus home page styles --------------------- */


/* ----------------------------------------------------------------------- */
/* Style for text when no News or Events are displayed in righthand column */

.RightColumnNoElements {
	font-size:0.85em !important;
	margin: 0 !important;
	padding: 5px 0 5px 5px !important;
	background:none !important;
}

/* ----------------------------------------------------------------------- */

/* ----------------------------- CORPORATE pages --------------------------- */
#CorporatePageContentArea {
   font-family:Arial,sans-serif;
   font-size:0.8em !important;
   color: #232120;
}
#CorporatePageContentArea #ContentColumn {
   float:left;
   margin:0 8px 0 4px;
   padding:0;
   width:406px;
}
#CorporatePageContentArea #ContentColumn #VideoPanel {
   margin-top:10px !important;
   margin-bottom:10px !important;
/*   width:406px;*/
   float:left;
}

#CorporatePageContentArea #ContentColumn h3 {
   color:#D81E05;
   font-family:Arial, sans serif;
   font-weight:normal;
   font-size:1.4em;
   margin: 0 0 12px;
   padding:0;
}

#CorporatePageContentArea #ContentColumn p a {
	color:#1A67B4 !important;
}




#CorporatePageContentArea #HotSpacePanel {
   float:left;
   width:406px;
   height:114px !important;
   background-color:#EFEDEC;
   margin-top:15px !important;
   margin-bottom:15px !important;
}
#CorporatePageContentArea #HotSpacePanel .HotSpaceContent {
   width:203px;
   float:left;
}
#CorporatePageContentArea #HotSpacePanel .HotSpaceImage {
   width:203px;
   float:right;
}
#CorporatePageContentArea #HotSpacePanel .HotSpaceContent h3 {
   width:193px !important;
   height:15px !important;
   padding:10px 0 0 10px !important;
   margin:0 !important;
   font-family:Georgia, Times, serif;
   font-size:1em !important;
   font-weight:bold;
   color:#D81E05;
   float:left !important;
}
#CorporatePageContentArea #HotSpacePanel .HotSpaceContent p {
   width:183px !important;
   height:84px !important;
   padding:5px 10px 0 10px;
   margin:0 !important;
   float:left !important;
   font-family:Arial;
   font-size:1em !important;
   clear:both;
}
#CorporatePageContentArea #HotSpacePanel .HotSpaceImage img {
   width:203px !important;
   height:114px !important;
   float:right!important;
}


#CorporatePageContentArea .CorePageLv2KeySpace {
   background:transparent url(/SiteElements/images/bg/corePageLv2/CoreProjectKeySpaceBG.gif) no-repeat scroll  right top;
   height:84px;
   margin:0 0 15px;
   float:left;
}
#CorporatePageContentArea .CorePageLv2KeySpace img {
   float:left;
}
#CorporatePageContentArea .CorePageLv2KeySpace h4 {
   color:#4B5F67;
   float:left;
   font-size:1em !important;
   font-family:Georgia, Times, serif;
   padding:6px 0 0 10px !important;
   margin:0 !important;
   height:20px !important;
   width:274px !important;
}
#CorporatePageContentArea .CorePageLv2KeySpace h4 a {
   color:#4B5F67;
}
#CorporatePageContentArea .CorePageLv2KeySpace h4 a:hover {
   color:#D81E05;
}
#CorporatePageContentArea .CorePageLv2KeySpace p {
   float:left;
   font-size:1em !important;
   margin:0 !important;
   padding:0 0 0 10px !important;
   height:52px !important;
   width:264px !important;
   font-family:Arial,Helvetica,sans-serif;
 }
#CorporatePageContentArea .CorePageLv2KeySpace p a {
   color:#D81E05 !important;
}



#CorporatePageContentArea #RightColumn {
   float:left;
   width:170px;
   margin-top:10px;
}
#CorporatePageContentArea #RightColumn h4 {
   /*background:transparent url(/SiteElements/images/bg/facultyPages/FacultiesDepartmentBG.gif) repeat-x scroll 0 0;*/
	padding: 4px 10px 5px 10px;
	margin: 0 4px;
	font-family: Arial, sans serif;
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight: normal;
	color: #fff;
	background-color: #68645f;
}





#CorporatePageContentArea #RightColumn ul.RightColumnElements, #CorporatePageContentArea #RightColumn ul.RightColumnEventElements {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin:0 4px 2px;
   padding:0 0 1px;
}
#CorporatePageContentArea #RightColumn ul.RightColumnElements li {
   background:transparent url(/SiteElements/images/bg/facultyPages/list-border.jpg) repeat-x scroll left bottom;
   color:#999999;
   font-family:arial;
   font-size:0.85em;
   height:45px;
   margin:0;
   padding:3px 0 0 10px;
}

#CorporatePageContentArea #RightColumn .phoneNo {
border-bottom:1px dotted #AEA79F;
background-image:none !important;
background-color:#EFEDEC !important;
padding:4px 0 6px 10px !important;
font-size:1em;
line-height:1.3em;
list-style-type:none !important;
width: auto !important;
height: auto !important;
margin-bottom:0px !important;
}


#CorporatePageContentArea #RightColumn ul.RightColumnElements li a {
   color:#1a67b4;
}
#CorporatePageContentArea #RightColumn p {
   margin:0 4px 17px;
   padding:0;
}
#CorporatePageContentArea #RightColumn p a {
   color:#1a67b4;
   font-size:0.85em;
   margin:0;
   padding:0;
}
#CorporatePageContentArea #RightColumn p a img {
   border:0 none;
   padding:0 0 1px;
}
#CorporatePageContentArea #RightColumn ul.RightColumnEventElements li {
   background:transparent url(/SiteElements/images/bg/facultyPages/list-border.jpg) repeat-x scroll left bottom;
   color:#232120;
   font-family:arial;
   font-size:0.85em;
   height:63px;
   margin:0;
   padding:6px 0 0 10px;
}
#CorporatePageContentArea #RightColumn ul.RightColumnEventElements li span.date {
   color:#d81e05;
   font-weight:bold;
}
#CorporatePageContentArea #RightColumn ul.RightColumnEventElements li a {
color:#1a67b4;
}
#CorporatePageContentArea #RightColumn ul.RightColumnButtons {
   background:transparent url(/SiteElements/images/bg/facultyPages/rightColumnButtons.jpg) no-repeat scroll 0 0;
   font-size:1.6em;
   height:180px;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin:0;
   padding:0;
}
#CorporatePageContentArea #RightColumn ul.RightColumnButtons li {
   height:58px;
   margin:0 0 31px;
   padding:0;
   width:148px;
}
#CorporatePageContentArea #RightColumn ul.RightColumnButtons li a {
   color:#1a67b4;
   float:left;
   height:100%;
   line-height:22px;
   margin:0;
   padding:18px 4px 10px 15px;
   width:100%;
}

/* --------------- end of CORPORATE pages page styles --------------------- */
/* --------------- start of BREADCRUMBS styles --------------------- */
#ExtCrumb {
background-color: #233289;
color: #fff;
float:left;
font-family: Verdana,sans-serif;
font-size:0.7em;
padding: 10px 0 10px 10px;
width:764px;
}
#ExtCrumb div {
display:inline;
}
#ExtCrumb a {
color: #fff;
}

/* --------------- end of BREADCRUMBS styles --------------------- */
/* Styles for Events listing page */
#ResearchEventsList { 
	border-top: 1px dotted #aea79f;
	padding-top: 10px;
}
.ResearchEventsItem {
	border-bottom: 1px dotted #aea79f;
	padding-bottom: 10px;
}
.ResearchEventsItem h3 {
	margin-top: 0 !important;
	/*font-size: 1.8em !important;*/
	font-weight: normal !important;
	margin-bottom: 10px !important;
}
.ResearchEventsItem p {
	margin-bottom: 5px !important;
}
.ResearchEventsItem p.ResearchEventDate {
	color: #d81e05 !important;
}
/* End of Events listing page styles */