/* 
BASE CSS FOR BASE, INTRANET AND LANDING TEMPLATES: 
Revised 2006-10-02 to re-employ original spacing
 */

.red {color: red;}
.bold {font-weight: bold;}

* {
	font-family: Arial, Verdana, sans-serif;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 70%;
	color: #4b4b4b;
}

/*
p img {
	padding-right:3px;
	padding-left: 3px;
}
*/
p img {
	margin-right:3px;
	margin-left: 3px;
}

form {
	margin: 0px;
	padding: 0px;
	display: inline;
}

input, textarea, select {
	font-size: 100%;
}

a, a * {
	color: #373737;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 120%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 115%;
}

h4 {
	font-size: 110%;
}

h5 {
	font-size: 105%;
}

h6 {
	font-size: 100%;
}


hr, hr.footerhorizontalseparator {
	height: 1px;
	border: 0px;
	color: #b7b7b7;
	background: #b2bcbd;
}

sup, sub {
font-size:80%;
line-height:70%;
}

.invisible {
/*
display:none
*/
	position:absolute; 
	left:0; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
}

.offscreen {
/*
position: absolute;
left: -1000px;
*/
	position:absolute; 
	 left:0; 
	 top:-500px; 
	 width:1px; 
	 height:1px; 
	 overflow:hidden;
}

.skiplink {
	/*position: absolute;
	left: -999px;
	width: 90px;
	display: none;	
*/
position:absolute; 
	 left:0; 
	 top:-500px; 
	 width:1px; 
	 height:1px; 
	 overflow:hidden;
}

.carat, .leftmenucarat{
	position: relative;
	top: -1px;
	font-size: 120%;
	font-weight: normal;
}

.leftmenucarat {
	margin-right: 1px;
	float: left;
	top: -2px;
}

.aligninline {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
}

a:hover .aligninline {
	text-decoration: underline;
}

/*-----------*/
/*-- LOCAL --*/
/*-----------*/

		.middlecolumntext ul li a, .middlecolumntextwide ul li a, .middlecolumnintro ul li a{
			font-weight: bold;
		}
		
		.nonhpthreecolumns {
			margin-top:-5px;
   }
   		

/*----------------------------*/
/*-- NON-HOMEPAGE LEFT MENU --*/
/*----------------------------*/

#nonhpleftmenu {
	border: 1px solid #B7B7B7;
	border-left-width: 0px;
	padding-right: 1px;
	padding-bottom: 1px;
	width: 184px;
	float: left;
}

div#nonhpleftmenu ul * li {
	border-top: none;
	border-bottom: none;
}

div#nonhpleftmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div#nonhpleftmenu ul li {
	line-height:1.2em;
	font-weight: bold;
}

div#nonhpleftmenu ul ul li, div#nonhpleftmenu ul ul * li {
	background-color: white;
}

.menuitemlevel0 {
	background-color: #e6e6e6;
}

.menuitemlevel1, .menuitemlevel2, .menuitemlevel3, .menuitemlevel4 {
	font-weight: normal;
}

.menuitem1 {
	background: white;
	border-top: 1px solid #b7b7b7;
	padding-top: 1px;
}

.menuitem2, .menuitem3, .menuitem4, .menuitem5 {
	background: white;
/*	border-top: 1px solid #b7b7b7; */
/*	padding-top: 1px; */
}

.menuitem3 {
	padding-left: 6px;
}
.menuitem4 {
	padding-left: 12px;
}
.menuitem5 {
	padding-left: 18px;
}


.menuitemnoline1 {
	background: white;
	padding-top: 1px;
}

.topline {
	border-top: 1px solid #b7b7b7;
}

div#nonhpleftmenu ul * div {
	padding: 2px 2px 2px 12px;
}

/* LAYOUTS */

.clear {
 clear: both;
 font-size:1px;
}
.floatleft {float: left;}
.floatright {float: right;}

.header {
	margin: 25px;
	
	margin-bottom: 4px;
	width: 781px;
	border-bottom: 1px solid white;
}

.currentareaandbreadcrumb {
	/*margin-top: 17px;*/
	margin-left: 35px;
	/*margin-bottom:15px; */
	float: left;
	width: 578px;
}

/* added 2006-11-07 */
.currentareaandsearch {
	height: 45px;
}

.currentarea {
	float: left;
	font-size: 170%;
	margin-top: 0px; 
}

.currentarea img {
	margin-top: 17px; 
}

.currentarea img.twolines {
	margin-top: 0px; 
}

.currentarea h2,.currentarea h1 {
	margin:0px!important;
}

.breadcrumb {
	float: left;
	margin-left: 1px;
	padding-bottom:10px;  /* changed from 10px 2006-11-06*/
	padding-top:8px;     /* changed from 14px 2006-11-06*/
}

.breadcrumb * {
	color: #666;
}

.searchboxandbtn {
	float: right;
}

.searchboxandbtn form {
 margin:0px;
 padding:0px;
 display:inline;
 /* Only for MAC IE*/
}

.searchformmacfix {
 /*\*//*/
 float:left;
 width: 170px;
 /**/ 
}

.searchboxandbtn a:hover * {
	text-decoration: underline;
}

.search {
	float: left;
	margin-top: 19px;
}

.search input {
	width: 123px;
	margin-right: 9px;
	border-top: 1px solid #808080 ;
	border-right: 1px solid #d4d0c8 ;
	border-bottom: 1px solid #d4d0c8 ;
	border-left: 1px solid #808080 ;
	padding-left: 9px;
	font-weight: bold;
}

.searchbtn {
	margin-top: 19px;
}

.nonhpthreecolumns {
	width: 795px;
/*	margin-top: 5px;  changed to 5px from 18px JPW - may still be required for landing*/
	margin-top: 5px;
	float: left;
}

.lpthreecolumns {
	width: 795px;
	margin-top: 5px;
	float: left;
}

.fastfindandbutton {
/*	padding: 10px 10px 4px 14px;  changed to 10px from 14px (top) JPW  - may still be rquired for landing*/
	padding: 15px 10px 4px 14px;
	background-color: white;
	float: left;
}

.lpfastfindandbutton {
	padding: 10px 10px 4px 14px;
	background-color: white;
	float: left;
}

.fastfind {
 width: 161px;
 margin-bottom: 10px;
 border-top: 1px solid #808080;
 border-right: 1px solid #d4d0c8;
 border-bottom: 1px solid #d4d0c8;
 border-left: 1px solid #808080;
 font-weight: bold;
}

.leftcolumn {
	width: 186px;
	float: left;
}

/* not currently used in template JPW
.leftcolumnnone {
	visibility: hidden;
	width: 0px;
	width: 186px;
	float: left;
}
*/

.middleandrightcolumns, .middleandrightcolumnsmicrosite, .middleandrightcolumnforprospectus {
	float: left;
	width: 594px;
}

.middleandrightcolumnsforpage {
	padding-top: 10px; /* Changed to 0px from 17px by JPW*/
	float: left;
	width: 594px;
}

.lpmiddlecolumn {
	position: relative;
	left: -1px;
	width: 412px;
	border: 1px solid #b7b7b7;
	border-width: 0px 1px;
	padding-right: 1px;
	float: left;
}

.hpmiddlecolumn {
	position: relative;
	left: -1px;
	width: 412px;
	border: 1px solid #b7b7b7;
	border-width: 0px 1px;
	padding-right: 1px;
	float: left;
}

/* not currently used in template JPW
.twocolumnslink {
	background-color: #383838;
	color: white;
	height: 4px;
}

.twocolumnscurrentpage{
	background-color: #b0b634;
	color: white;
	font-size: 160%;
	border-top: 1px solid white;
	padding: 31px 15px 12px 15px;
}
*/

/* this next one sounds like it's not used - but it is */
.hpintrotext {
	width: 382px;
	margin: 0px;
	border-top: 1px solid #b7b7b7;
	padding: 8px 15px;
	background-color: #f5f5f5;
}



.middlecolumn, .middlecolumnwide {
	position: relative;
	left: -1px;
	width: 412px;
	border-right: 1px solid #b7b7b7;
	padding-right: 1px;
	float: left;
}

.middlecolumnwide {
	width: 587px;
	border-right: none;
}

.wide {
	width: 575px !important;
}

.widebordered {
	width: 575px !important;
	border-right: 1px solid #b7b7b7 !important;
}


.middlecolumnintro {
	padding: 7px 15px 5px 15px; /* JPW amended 2006-06-16; changed from 11px to 5px for padding-bottom */
	color: #4b4b4b;
	font-size: 110%;
	float:left;
}

.middlecolumnintro p {
	color: #4b4b4b;
}

.middlecolumnintro * a {
	text-decoration: underline;
	font-weight: bold;
}

.middlecolumnintro ul {
	position: relative;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	line-height: 150%;
}

.middlecolumnintro ul li {
	position: relative;
	color: #4b4b4b;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

.middlecolumnintro ul li a {
	color: #12343A;
	font-weight: normal;
}

.middlecolumnintro ul li a:hover {
	text-decoration: underline;
}

.rightcolumn {
	position: relative;
	left: -3px;
	width: 175px;
	margin-left: 1px;
	border: 1px solid #b7b7b7;
	border-width: 0px 0px 1px 1px;
	float: left;
}

.footer, .footernone {
	float: none;
	width: 390px;
	margin: 17px 197px 0px 205px; /* JPW changed 0px to 17px for top (so that the two br tags could be removed) 2006-06-16 */
}

.footernone {
	margin-left: 17px;
}

.footerverticalseparator {
	margin: 0px 13px;
	border: 0px;
	color: #4b4b4b;
}


/* LANDING */

.lpmiddlecolumnintro {
	padding: 7px 15px 7px 15px;
	border-top: 1px solid #b7b7b7;
	color: #4b4b4b;
	font-size: 110%;
	float:left;
	width: 383px;
}

.lpmiddlecolumnintro p {
	color: #4B4B4B;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-top: 0px;
}

.lpmiddlecolumnintro h2 {
margin-bottom: 0px;
}


.lpmiddlecolumnintro a * {
	font-weight: bold;
	text-decoration: underline;
}


.lpmiddlecolumntext, .middlecolumntext, .middlecolumntextwide, .staffviewalllisting, .staffpicandcontact, .staffviewbydeptlisting, .newsmiddlecolumntext, .newsdetailmiddlecolumntext, .eventsmiddlecolumntext {
	border-bottom: 1px solid #b7b7b7;
	padding: 15px;
	color: #4b4b4b;
	font-size: 110%;
	float:left;
	width: 382px;
}

.middlecolumntextwide {
 width: 554px;
}

.middlecolumntext, .middlecolumntextwide, .staffviewalllisting, .staffpicandcontact, .staffviewbydeptlisting {
	border-top: 1px solid #b7b7b7;
	border-left: 1px solid #b7b7b7;
}

.middlecolumntextwide {
	border-right: 1px solid #b7b7b7;
}

.lpmiddlecolumntext p, .middlecolumntext p, .middlecolumntextwide p, .staffviewalllisting p, .staffpicandcontact p, .staffviewbydeptlisting p {
	color: #4b4b4b;
}

.lpmiddlecolumntext a, .middlecolumntext a, .middlecolumntextwide a, .middlecolumnintro a {
	font-weight: bold;
	text-decoration: underline;
}

.lpmiddlecolumntext ul, .middlecolumntext ul, .middlecolumntextwide ul, .lpmiddlecolumnintro ul, .newsdetailmiddlecolumntext ul, .eventsmiddlecolumntext ul {
	position: relative;
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	line-height: 150%;
}

.lpmiddlecolumntext ul li, .middlecolumntext ul li, .middlecolumntextwide ul li, .lpmiddlecolumnintro ul li, .newsdetailmiddlecolumntext ul li, .eventsmiddlecolumntext ul li {
	position: relative;
	color: #4b4b4b;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

.lpmiddlecolumntext ul li a, .middlecolumntext ul li a, .middlecolumntextwide ul li a {
	font-weight: bold;
}

.lpmiddlecolumntext ul li a:hover, .middlecolumntext ul li a:hover, .middlecolumntextwide ul li a:hover {
	text-decoration: underline;
}

.lprightcolumntxt, .prospectusrightcolumntxt, .postgradrightcolumntxt {
	border: 1px solid white;
	border-top: 0px;
	padding: 10px 5px;
	background-color: #efefef;
	width: 162px;
}

.lprightcolumntxt p {
	margin: 0px;
}

.lpimglinktxt, .prospectusimglinktxt, .postgradimglinktext {
	width: 160px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-top: 0px;
	padding: 3px 6px;
	color: white;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 0px;
}

.lpimglinktxt a *, .prospectusimglinktxt a *, .postgradimglinktext a * {
	cursor: pointer;
}

.bigimagecaption {
	margin-left: 12px;
	border-bottom: 1px solid white;
}

.documenticon, .linkicon {
	padding: 4px 0px 3px 6px;
	float: left;
}

.documents, .links {
	border-top: 1px solid #b7b7b7;
}

.hpdocumenttitle, .hplinktitle, .documenttitle, .linktitle {
	width: 145px;
	padding: 4px 3px 3px 6px;
	font-weight: bold;
	float: left;
}

/* not currently used in template JPW

.hpdocumenttitle *, .hplinktitle * {
	color: #0074c1;
}

*/

.linktitle, .hplinktitle {
	padding-top: 1px;
	padding-left: 7px;
}

.docandlinkrightimg {
	float: right;
	background-color: #b7b7b7;
	padding: 0px;
	position: relative;
	top: -1px;
}

/* Features */

.imglinks {
	border-top: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.onepxwhiteborder {
	border: 1px solid white;
}

.standaloneimage {
 border: 1px solid #b7b7b7;
 margin-right:5px;
 margin-bottom:5px;
}

.lprightcolumntxt a {
	text-decoration: underline;
}

/* get pointer to appear for ie when the link is in the caption of a feature */
a .lpimglinktxt, a:hover .lpimglinktxt {
cursor: pointer;
color: white;
text-decoration:none;
}

/* Embedded Search */

.searchboxandbtnEmbedded {
	float: left;
}

.searchboxandbtnEmbedded form {
 margin:0px;
 padding:0px;
 display:inline;
}

.searchboxandbtnEmbedded a:hover * {
	text-decoration: underline;
}

.searchEmbedded {
	float: left;
	margin-top: 5px;
margin-bottom:10px;
}

.searchEmbedded input {
	width: 183px;
	margin-right: 9px;
	border-top: 1px solid #808080 ;
	border-right: 1px solid #d4d0c8 ;
	border-bottom: 1px solid #d4d0c8 ;
	border-left: 1px solid #808080 ;
	padding-left: 9px;
	font-weight: bold;
}

.searchbtnEmbedded {
	margin-top: 5px;
margin-bottom:10px;
}