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

#Header {
	position: relative; /* need this for the location dots */ 
	width: 774px;
	height: 100px;
	float: left;
	background: url('/SiteElements/images/bg/header.gif') no-repeat left top;
	font-family: Verdana, sans-serif !important;
}

#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('/SiteElements/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('/SiteElements/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('/SiteElements/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('/SiteElements/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('/SiteElements/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;
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;
text-align:right;
}
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 {
float:right;
width:150px;
}
div#HeaderLinks div#linksForm {
float:right;
width:206px;
}
div#HeaderLinks #Search {
margin:0pt;
padding:0pt;
width:120px;
height: 16px;
border: 1px solid #666E74;
font-size: 1em;
}
div#HeaderLinks #QuickLinks {
margin:0pt;
padding:0pt;
width:180px;
/*height: 16px;*/
border: 1px solid #666E74;
font-size: 1em;
}

/* ------------------------------- Navigation Bar ------------------------------------------------ */
#NavBar {
/*	width: 714px;*/
width: 774px;
	float: left;
	height: 30px; /*32px*/
	background: url(/SiteElements/images/bg/NavBar.gif) repeat-x left top;
/*	padding: 0 30px;*/
padding: 0;
	font-family: Verdana, sans-serif !important;
	border-top: 1px solid #E0E4E7;
}
#PublicLinks {
	float: left;
	margin: 0;
}
#PublicLinks a {
	font-size: .8em;
	text-decoration: none;
	color: #383D41;
	height: 23px;
	display: block;
	float: left;
padding: 8px 10px 0 10px;
/*	padding: 9px 13px 0 13px;*/
	/*border-left: 1px solid #FFFFFF;
	border-right: 1px solid #D7DDE1;*/
}
#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;
}
#SecureLinks a {
	float: left;
/*	height: 23px;*/
/*padding: 9px 25px 0 13px;*/

padding: 8px 10px 0 10px;
height: 23px !important;

	/*border-left: 1px solid #FFFFFF;
	border-right: 1px solid #C5B5B5;*/
	display: block;
	text-decoration: none;
	font-size: .8em;
/*background: url('/SiteElements/images/bg/SecureLink.gif') no-repeat right top;*/
	color: #383D41;
}

#SecureLinks a.secureLinksSides {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #C5B5B5;
}
#SecureLinks a.secureLinksSidesLast {
	border-left: 1px solid #FFFFFF;
}



/*#SecureLinks a:hover {
	text-decoration: underline;
	background: url(/SiteElements/images/bg/SecureLinkOver.gif) no-repeat right top;
	color: #D81E05;
}*/
#SecureLinks img {
	border-right: 1px solid #D7DDE1;
	float: left;
	padding-right: 8px;
}
#SecureLinksStudentLink a {
	background: url(/SiteElements/images/bg/StudentsLink.gif) repeat-x right top !important;
	padding: 8px 13px 0 13px !important;
}
#SecureLinksStudentLink a:hover {
	padding: 8px 13px 0 13px !important;
	background: url(/SiteElements/images/bg/SecureLinkOver.gif) no-repeat left top  !important;

}

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

/* 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; }
}