/* CSS Document */

body{font-family: Trebuchet MS, Tahoma, serifSansSerifMonospace;font-size:9pt;color:#474747;}
a{color:#474747;text-decoration:underline;}
h1{font-size:1.4em; color:#1c4363}
h2{font-size:1.3em; color:#5a7797}
h3{font-size:1.2em; color:#1c4363}
h4{font-size:1.1em; color:#1c4363}
h1, h2, h3, h4{margin:0 0 0.5em 0;}
h2, h3, h4{margin:1em 0 0.5em 0;}
h1.line{margin:0 0 0.5em 0;}
h1.clsH1Body{padding-bottom:5px;}
p{margin-bottom:1em;line-height: 1.5em;}
img{border:none;}
ul{margin:0px;padding:0px;margin-left:20px;}
li #dvPageRight {margin-bottom: 10px;}
li #singleCol {margin-bottom: 10px;}

#imgSiteLogoIE6{display:none;}
#dvBackground{background:url(/template/images/dvBackground.jpg) no-repeat bottom;min-height:100%;}
#dvPageHeader{background:url(/template/images/TopPageBar.jpg) repeat-x top;}
#dvHeaderBackground{background:url(/template/images/TopAreaBG.jpg) repeat-x top;}
#dvPageBody{
padding-top:8px;
background:url(/template/images/whitespace.jpg) repeat-x top;
}


#dvHeaderTopNav{
	width:348px;
	height:4em;
	text-align:center;
	background:url(/template/images/HeaderTopNavBG.png) top left no-repeat;
}
#dvHeaderTopNav a{
	display:block;
	line-height:3em;
	float:left;
	width:58px;
	background:url(/template/images/HeaderTopNavSpacer.jpg) right no-repeat;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
#dvHeaderNav, #dvHeaderSearch{line-height:52px;}

#dvFeaturedItems{position:absolute;top:40px;right:0px;height:55px;z-index:500;overflow:hidden;}
div.clsHeaderFeaturedItem{
	max-width:595px;
	width:auto !important;
	width:595px;
	height:55px;
}
div.clsHeaderFeaturedItem p{margin:0;padding:3px 0 0 0;color:#3da4de;line-height:1em;}
div.clsHeaderFeaturedItem p.title{font-weight:bold;}
div.clsHeaderFeaturedItem img{float:left;padding:0 15px 0 0px;border:none;}
div.clsHeaderFeaturedItem a{text-decoration:none;color:#3da4de;}

#dvHeaderSearch{background-color:#c1d2d9}


#imgHeaderNavDayCourses, #imgHeaderNavEveningCourses, #imgHeaderNavInternationalStudents, #imgHeaderNavEuropeanProgrammes, #imgHeaderNavNews, #imgHeaderNavGeneralInformation{
position:absolute;border:none;}

#imgHeaderNavDayCourses{clip:rect(0px 96px 52px 0px);}
#imgHeaderNavEveningCourses{clip:rect(0px 203px 52px 96px);}
#imgHeaderNavInternationalStudents{clip:rect(0px 348px 52px 203px);}
#imgHeaderNavEuropeanProgrammes{clip:rect(0px 488px 52px 348px);}
#imgHeaderNavNews{clip:rect(0px 536px 52px 488px);}
#imgHeaderNavGeneralInformation{clip:rect(0px 682px 52px 536px);}



.clsHeaderSearchLabel, .clsHeaderSearchInput, .clsHeaderSearchButton{
	position:absolute;
}
.clsHeaderSearchLabel{
	top: 1px;
	left: 15px;
	height:1em;
}
.clsHeaderSearchInput{
	top:16px;
	width:140px;
	right:44px;
	height:18px;
	border:none;
	border-top:2px solid #848484;
	border-left:2px solid #848484;
}
.clsHeaderSearchButton{
	top:17px;
	right:20px;
}
/*#dvBodyContainer{margin-top:8px;}*/
#dvPageRight{padding:10px 5px 5px 5px;}
#dvPageLeft, #dvCoursePageRightNav{padding:17px 0 0 0;}
#dvPageLeft{width:229px;float:left;background:url(/template/images/dvPageRightBackground.gif) top left no-repeat;}
#dvPageRight{width:656px;float:right;margin-bottom:1em;padding:17px 22px 22px;border-top:1px solid #d7d7d7;background:url(/template/images/dvPageRightBackground.gif) top left no-repeat;}
.clsPageContainerSpacer{clear:both;}
div.dvPageLeftNav{
	margin:0px 3px 3px 0px;padding:0px;width:100%;
	width: 100%;
}

p.clsLeftNavCaption, p.clsRightNavCaption{font-size:1.4em;font-weight:bold;padding:0px 5px 5px 15px;margin:0 5px 5px 5px; color: #1c4363}
p.clsLeftNavCaption{color:#1c4363;}
div.dvPageLeftNav p{padding:0px 10px;}
div.dvPageLeftNav ul{margin:0.4em 0px;padding:0px;list-style:none;}
div.dvPageLeftNav ul li{background:url(/template/images/leftnavsep.gif) bottom no-repeat;}
div.dvPageLeftNav ul li.last{background:none;}
div.dvPageLeftNav ul li a{text-decoration:none;display:block;width:193px;height:100%;padding:11px 8px 11px 20px;font-weight:bold;}
div.dvPageLeftNav ul li a.active, div.dvPageLeftNav ul li a:hover{background:url(/template/images/LeftNavActiveItemBG.png) repeat-y left;}
div.dvPageLeftNav ul li ul{margin:0px 0px 0px 20px;}
div.dvPageLeftNav ul li ul li a{width:183px;font-weight:normal;position:relative;}
div.dvPageLeftNav ul li ul li a .leftsubnavbullet{position:absolute;left:6px;font-size:0.8em;}

/**********************
*   Staff Directory   *
**********************/
p.clsStaffDirectoryNavigation{width:300px;float:right;text-align:right;margin:0px;padding:0px 0px 5px 0px;font-size:0.8em;}
p.clsStaffDirectoryNavigation a{font-size:1em;}
table.clsStaffDirectoryAlpha{width:400px;float:left;margin-top:0px;padding-top:0px;}
table.clsStaffDirectoryAlpha tr td a{font-size:0.8em;}

table.clsStaffDirectory{width:100%;margin-top:0px;padding-top:0px;}
table.clsStaffDirectory tr.header{background-color:#203651;color:#FFFFFF;font-weight:bold;}
table.clsStaffDirectory tr.altRow{background-color:#E8E8E8;}
table.clsStaffDirectory tr td.StaffName{width:35%;}
table.clsStaffDirectory tr td.StaffPhone{width:20%;}
table.clsStaffDirectory tr td.StaffExt{width:20%;}
table.clsStaffDirectory tr td.StaffContact{width:20%;}


table.clsStaffDirectory tr td.norecords{width:100%;text-align:center;font-style:italic;}




/************************
*    Calendar Styles    *
************************/
#dvHPWhatsOnTodayCalendar{float:right;}
.clsCalendar{text-align:center;}
.clsDayName, .clsPrevMonth, .clsCurrentMonth, .clsNextMonth{color:#242f52; text-transform:uppercase;}
.clsPrevMonth, .clsCurrentMonth, .clsNextMonth{font-weight:bold;}
.clsActiveMonth, .clsActiveMonth a, .clsActiveMonthToday, .clsActiveMonthToday a{background-color:#c3d5da;color:#3f4c4f;}
.clsActiveMonthHasEvent, .clsActiveMonthHasEvent a,  .clsActiveMonthHasEventToday, .clsActiveMonthHasEventToday a{background-color:#3e6796;color:#ffffff;}
.clsInactiveMonth, .clsInactiveMonth a, .clsInactiveMonthToday, .clsInactiveMonthToday a{color:#b19869;background-color:#d5e7ec;}
.clsActiveDay, .clsActiveDay a, .clsActiveMonth a:hover, .clsInactiveMonth a:hover, .clsActiveDay a:hover, .clsActiveMonthToday a:hover, .clsActiveMonthHasEvent a:hover, .clsActiveMonthHasEventToday a:hover, .clsInactiveMonthToday a:hover{background-color:#183552;color:#ffffff;font-weight:bold;text-decoration:none;}
.clsPrevMonth, .clsCurrentMonth, .clsNextMonth, .clsDayName, .clsActiveMonth, .clsInactiveMonth, .clsActiveDay{width:18px;height:18px;}
.clsPrevMonth, .clsCurrentMonth, .clsNextMonth, .clsDayName{height:auto;}
.clsActiveMonth a, .clsInactiveMonth a, .clsActiveDay a, .clsActiveMonthToday a, .clsActiveMonthHasEvent a, .clsActiveMonthHasEventToday a, .clsInactiveMonthToday a{width:18px;height:18px;display:block;line-height:18px;text-decoration:none;font-weight:normal;}
.clsCurrentMonth{width:auto;}
.clsDayName{font-size:0.7em;}
.clsActiveMonthToday a, .clsInactiveMonthToday a, .clsActiveDay a{font-weight:bold;}




/********************
*    News Styles    *
********************/
.clsPrevNextIcon{border:none;vertical-align:middle;}
.clsNewsNav{border-bottom:1px solid #ececec;height:20px;display:block;}
.clsNewsPrevNext{float:right;}
.clsNewsPrevNext a{text-decoration:none;}
.clsNewsImageMain, .clsNewsImageThumb{border:1px solid #7e869a;}
.clsNewsImageMain{float:right;margin:0px 0px 10px 10px;}
.clsArticle{display:block;clear:both;padding-top:5px;}
.clsArticleDate{font-weight:bold;}
.clsArticleTitle{font-weight:bold;display:block;padding-top:4px;}
.clsArticleImgContainer{border:0;float:left;width:80px;height:80px;padding-top:5px;}
.clsArticleMoreContainer{float:left;}
.clsArticleMore{text-decoration:none;}
.clsArticleBookImg{vertical-align:middle;}
.clsNoPadNoMargin{padding:0;margin:0;border:none;}




/**********************
*    Search Styles    *
**********************/
#dvSiteSearch{position:absolute;top:5px;left:820px;}
.clsHeaderSearchInput{width:135px;border: 1px solid #e5e5e5;height: 18px;}
.clsHeaderSearchButton{height:20px;border:none;}
.clsPrevNextIcon{border:none;vertical-align:middle;}
.clsSearchNotice{font-weight:bold;float:right;}
.clsSearchNav{border-bottom: 1px solid #cecece;height:20px;margin-bottom:10px;}
.clsSearchPrevNext{float:right;}
.clsSearchPrevNext a{text-decoration:none;}
.clsSearchResult{border-bottom:1px solid #ececec;clear:both;}
.clsSearchResultThumb{float:left; padding-right:10px;}
.clsSearchResultBullet{float:left;background-image:url(/template/images/searchBullet.gif);background-position:top left;background-repeat:no-repeat;width:10px;}
.searchHighlight{background-color:#203651;color:#ffffff;font-weight:bold;}
.clsSearchResultLinkContainer a{text-decoration:none;}
.clsSearchResultsClear{clear:both;}
.suggestion a{

}
.clsSearchRecords{

}




.clsClearLabel{clear:both;}
.clsLabel{display:block;float:left;width:150px;height:3em;padding-top:3px;}
.clsTextbox, .clsTextboxReadOnly, .clsTextArea{width:500px;}
.clsTextboxReadOnly{background-color:#CCCCCC}
.clsNote{display:block;font-size:0.8em;}
.clsFile{display:block;width:504px;float:left;}
.clsRequiredField{color:#FF0000;font-weight:bold;font-size:x-small;}


.clsFormLabel{display:block;float:left;width:150px;height:3em;padding-top:3px;}
.clsFormButton{width:200px;}
.clsFormTextbox{width:200px;}
.clsFormCombo{width:208px;height:100px;}
p.HPNoEvents{font-style:italic;text-align:center;float:left;width:110px;}