/* 21 June, 2011 : Andrew Lucas. 
This stylesheet is a cut down version of the main ISS site stylesheet */


/* Remove padding and margin */
* {	margin: 0;
	padding: 0;
}


/* Put it back on certain elements */
.content h1, .content h2,  .content h3, .content h4, .content h5, .content h6, .content p, .content pre, .content blockquote, 
.content table,  {
	margin: 0.5em 0;
}


.content tr.even td {
/*	background-color:#E5E6EA;*/
	background-color:#FFFFFF;
}


.content table.white tr.even td {
	background-color: none;
}

/* border around linked images */
img {
	border: 0.2px;
}

/* Removes styling from all list items */
ul, li {
	list-style: none; 
}

/* =Layout (Global)
-----------------------------------------------------------------------------

body {
	background-color:#804d51;
}
*/


#container {

	background:url(/images/container.gif) repeat-y 70%;
}

#accessibility, #pageDescription, #pNavigation 
, #pageInfo h3, #tools h3, #mainFeatures h3, #mainFeatures2 h3 {
	position:absolute;
	top:-5000em;
}

#contentContainer {
	margin-right:30%;
	background:#FFFFFF url(/images/curve.gif) no-repeat top right;
/*	padding-top:41px;
	margin-bottom:22px;  */
		padding-top:21px;
	margin-bottom:8px;
}


h3.linkTitle {
	margin-bottom:0px;
	}


#sOptions {
	float:right;
	width:30%;
}



#footer {
	clear:both;
	background:#804d51 url(/images/footer.gif) no-repeat 70% 0%;
}

#header {
	background-color:#FFFFFF;
	height:96px;
	border-bottom:1px solid #e4e6e8;
}

.tHome #header {
	height:130px;
	background:url(/images/home_banner.jpg) no-repeat right;
}

#pNavigation {
	background-color:#FFFFFF;
}

#tools {
	clear:both;
	height:4em;
	background:#804d51 url(/images/toolsBack.gif) repeat-x;
	position:relative;
}

#search, #sNavigation, #sNavigation2 {
    z-index: 20;
	background-color:#e3b5b9;
}

.content {
	padding-right:3.4em;
}

#search {
	padding:40px 0 1em 0;
	float:left;
	width:100%;  

}

/* [DB] sNavigation2 and related
nks2 added (see further down for details) */

#sNavigation, #sNavigation2, #relatedLinks, #relatedLinks2 {
	clear: both;
}

#pageInfo, .content {
	margin-left:0.7em;
}

#footerContainer {
	clear:both;
	position:relative;
	z-index: 20;
}


/* =Branding
-----------------------------------------------------------------------------*/

.tText #photos, .tList #photos, .tPortal #photos {
	position:absolute;
	top:0;
	right:0;
	width:535px;
	
	height:243px;
	background:url(/images/photosBack.png) no-repeat top right;
}

#branding img, #printContact, #footnotes, .printOnly {
	display:none;
}

.tHome #photos {
	width:258px;
	height:290px;
	background:url(/images/homePhotoBack.png) no-repeat top right;
	position:absolute;
	top:0;
	right:0;
}


#photo1 {
	position:absolute;
	width:191px;
	height:96px;
	top:0;
	left:24px;
	background:url(/images/photo1.gif) no-repeat;
}

.tHome #photo2, .tHome #photo3 {
	display:none;
}



#photo2 {
	position:absolute;
	width:178px;
	height:110px;
	top:0;
	left:204px;
	background:url(/images/photo2.gif) no-repeat;
}

#photo3 {
	position:absolute;
	width:202px;
	height:222px;
	top:0;
	left:333px;
	background:url(/images/photo3.gif) no-repeat;
}

.sIss #photo1 {background:url(/images/iss1.gif) no-repeat;}
.sIss #photo2 {background:url(/images/iss2.gif) no-repeat;}
.sIss #photo3 {background:url(/images/iss3.gif) no-repeat;}


.sStudy #photo1 {background:url(/images/study1.gif) no-repeat;}
.sStudy #photo2 {background:url(/images/study2.gif) no-repeat;}
.sStudy #photo3 {background:url(/images/study3.gif) no-repeat;}

.sAbout #photo1 {background:url(/images/about1.gif) no-repeat;}
.sAbout #photo2 {background:url(/images/about2.gif) no-repeat;}
.sAbout #photo3 {background:url(/images/about3.gif) no-repeat;}

.sEstates #photo1 {background:url(/images/about1.gif) no-repeat;}
.sEstates #photo2 {background:url(/images/about2.gif) no-repeat;}
.sEstates #photo3 {background:url(/images/about3.gif) no-repeat;}

.sLife #photo1 {background:url(/images/life4.gif) no-repeat;}
.sLife #photo2 {background:url(/images/life2.gif) no-repeat;}
.sLife #photo3 {background:url(/images/life3.gif) no-repeat;}

.sLife1 #photo1 {background:url(/images/life5.gif) no-repeat;}
.sLife1 #photo2 {background:url(/images/life6.gif) no-repeat;}
.sLife1 #photo3 {background:url(/images/life7.gif) no-repeat;}

.sBus #photo1, .sBusiness #photo1 {background:url(/images/business1.gif) no-repeat;}
.sBus #photo2, .sBusiness #photo2 {background:url(/images/business2.gif) no-repeat;}
.sBus #photo3, .sBusiness #photo3 {background:url(/images/business3.gif) no-repeat;}

.sResearch #photo1 {background:url(/images/research1.gif) no-repeat;}
.sResearch #photo2 {background:url(/images/research2.gif) no-repeat;}
.sResearch #photo3 {background:url(/images/research3.gif) no-repeat;}

.sHome #photo1 {background:url(/images/home1.gif) no-repeat;}
.sHome #photo2 {background:url(/images/home2.gif) no-repeat;}
.sHome #photo3 {background:url(/images/home3.gif) no-repeat;}

.tHome #photo1 {
	position:absolute;
	width:238px;
	height:267px;
	top:0;
	left:20px;
	background:url(/images/home.gif) no-repeat;
}



/* Replaced H1 with H2 as we are not using H1 in the ISS version [DB] */
#branding h2 a {
	position: absolute;
	width:136px;
	height:83px;
	background:url(/images/logo.gif) no-repeat;
	overflow:hidden;
	text-indent:-5000em;
	top:7px;
	left:12px;
}

.tHome #branding h2 a {
	width:197px;
	height:130px;
	background:url(/images/home_logo.gif) no-repeat; 
	top:0;
}


/* =Main Nav on top of page (Home, About Us, Study Here, Research etc. */

#pNavigation {
	float:left;
	width:100%;
	border-bottom:2px solid #78a5be;
}

#pNavigation ul {
	margin-right:260px;
}

#pNavigation li {
	float:left;
}

#pNavigation li a {
	display:block;
	float:left;
	padding:1em 0.6em 0.7em 0.6em;
	position:relative;
	z-index:10;
	text-decoration:none;
	color:#804d51;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:0.5em solid #FFFFFF;
	background:url(/images/menuDivider.gif) right 1.4em no-repeat;
}

#pNavigation li a:hover {
	color:#e08652;
}

.sBus #pNBus, .sStudy #pNStudy, .sHome #pNHome, .sAbout #pNAbout, .sLife #pNLife, .sBusiness #pNBus, .sResearch #pNResearch {
	border-bottom:0.5em solid #78a5be;
	color:#78a5be;
}


/* =Breadcrumbs
-----------------------------------------------------------------------------*/

/* added ISS breadcrumb styling DB */
.crumb a, .crumbend {
font-family: verdana,arial,helvetica,sans-serif;
 font-size:1.1em;
 letter-spacing: 0.05em;
 font-weight: bold;
}
.crumb a {
 color: #EA8652;
}

.crumbend {
 color: #999;
}

.crumb  a:hover {
text-decoration: none;
}
/* crumb styling DB */


#pageInfo li {
	display:inline;
}

#pageInfo li a, #bCurrent {
	display:block;
	float:left;
	font-size:1.1em;
	color:#e08652;
	background: #ffffff url(/images/breadcrumbs_bullet.gif) no-repeat right center;
	margin-right: 0.5em;
	padding-right: 10px;
	white-space:nowrap;
}

#bCurrent {
	font-weight:bold;
	color:#949b9e;
	background:none;
}



/* =Sub Navigation: This is the Navigation on the right of the page ISS Home, ISS Service Desk, MyAccount etc */

#relatedLinks h3, #relatedLinks2 h3, #sNavigation h3, #sNavigation2 h3, #lifeInLancaster h3 {
	margin-bottom:1em;
	font-size:1em;
	margin-left:-18px;
}

#sOptions h3 {
	background:#4d6d80 url(/images/h3CurveTop.gif) no-repeat top left;    
}


#relatedLinks h3 a, #relatedLinks2 h3 a, #sNavigation h3 a, #sNavigation2 h3 a, #lifeInLancaster h3 span {
	background:url(/images/h3CurveBottom.gif) no-repeat bottom left;
	padding:0.5em 18px;
	font: normal 1.6em Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
}

#sOptions ul {
	padding: 0 1em;
	padding-bottom:1em;
}



#sOptions li {
	background:url(/images/dotsDarkV.gif) repeat-x bottom left;
	padding-bottom:1px;
}

#sOptions li a {
	display:block;
	font: 1.4em Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0.5em 0.5em 0.5em 38px;
	color: #3b3e3f;
}

#sOptions li a {
	background:url(/images/buttonPink.gif) no-repeat 5px 50%;
}


#sNavigation li a:hover, #sNavigation2 li a:hover {
	background:#e19d85 url(/images/buttonOrange.gif) no-repeat 5px 50%;
	color:#FFFFFF;
}

#sNavigation li ul li a:hover, #sNavigation2 li ul li a:hover {
	background-image:none;
}



/* [DB] #relatedLinks2 added cope with the possibility of two related links menus */

#relatedLinks li a, #relatedLinks2 li a {
	background:url(/images/buttonBlue.gif) no-repeat 5px 50%;
}

#relatedLinks li a:hover, #relatedLinks2 li a:hover {
	background:#c0c6c8 url(/images/buttonLightBlue.gif) no-repeat 5px 50%;
	color:#FFFFFF;
}

#relatedLinks li.fullLink, #relatedLinks2 li.fullLink {
	margin:0;
}

#relatedLinks li.fullLink a, #relatedLinks2 li.fullLink a {
	background:none;
	padding-left:0.5em;
}

#relatedLinks li.fullLink a img, #relatedLinks2 li.fullLink a img {
	display:block;
	border:1px solid #415c6c;
}

#relatedLinks li.fullLink a .linkTitle, #relatedLinks2 li.fullLink a .linkTitle {
	display:block;
	font-weight:normal;
	text-decoration:underline;
	color:#FFFFFF;
	margin-top:0.5em;
}

#relatedLinks li.fullLink a .linkDescription, #relatedLinks2 li.fullLink a .linkDescription {
	color:#000000;
	display:block;
	margin:0.5em 0 0 0;
}

#relatedLinks li.fullLink a br, #relatedLinks2 li.fullLink a br {
	display:none;
}

#relatedLinks li.fullLink a:hover, #relatedLinks2 li.fullLink a:hover  {
	background:#C0C6C8;
}

#relatedLinks li ul li a:hover, #relatedLinks2 li ul li a:hover  {
	background-image:none;
}

#sOptions ul li ul li a {
	font-size:1.2em;
	background:none;
}
#sOptions ul li ul, .content ul li ul {
	padding:0;
	margin:0 0 -1px 0;
}



/* nested LI links [DB] *********************************************************** */

/*
.content ul li ul li a {
	margin-left:2em;
}

.content ul li ul li a:hover {
	background:url(/images/buttonWhite.gif) no-repeat 5px 50%; 
}

.content ul li ul li a {
	font-size:1em;
}
*/


#sOptions a.current {
	background:#804d51 url(/images/buttonMaroon.gif) no-repeat 5px 50%;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#e3b5b9;
}

#sOptions a.currentsub {
	background:#804d51 no-repeat 5px 50%;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#e3b5b9;
}



/* =Anchor Links
-----------------------------------------------------------------------------

.content .anchorLinks li, .content .anchorLinks li a {
	background:none;
	margin:0;
	padding:0;
	display:inline;
}

.content .anchorLinks {
	border-top:5px solid #E6E7E9;
	border-left:1px solid #E6E7E9;
	border-right:1px solid #E6E7E9;
	display:block;
	margin:1em 0;
	padding:0.5em;
	background:none;
}

.content .anchorLinks li a, .content .anchorLinks li a:visited {
	border-right:1px solid #804D51;
	padding:0 0.5em;
	margin:0.5em 0;
	margin-left:0;
	padding-left:0;
	text-decoration:underline;
	color:#E19D85;
}

.content .anchorLinks li a:hover  {
	background:none;
	color:#804D51;
}



/* =Tools & =Footer ------------------------------------- */

#tools li, #footer li  {
	display:inline;
}

#tools ul {
	float:left;
}

#tools li a, #footer li a, #footer li span {
	font-size:1.1em;
	color:#e3b5b9;
	position:relative;
	top:0.9em;
	border-right:1px solid #5a3639;
	padding:0 0.5em;
	z-index:10;
}

#footer li span {
	padding-left:0;
}

#tools li a:hover, #footer li a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#tools li:first-child a, #footer li:first-child a {
	border-left:1px solid #5a3639;
}

#tools .tel {
	float:left;
	padding-left:22px;
	color:#FFFFFF;
	font-size:1.2em;
	background:url(/images/tel.gif) no-repeat left center;
	margin:0.8em 0.6em 0 0.6em;
}

#footer {
	text-align:center;
	padding-bottom:2em;
	padding-top:57px;
}

/* =Search
-----------------------------------------------------------------------------*/

#search label {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#804d51;
	font-size:1.2em;
	line-height:2em;
}

#search label strong {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



#search .label {
	display:block;
	width:100%;
}


#search .tl input {
	margin:4px 12px;
	border:1px solid white;
	width:8em;
}

#search .tl {
	margin-right:0.5em;
}

#search form {
	margin:0.1em 0 0.1em 1em;
}

#search .btl input {
	background:none;
	border:none;
	margin:4px 12px;
	position:relative;
	top:-0.1em;
	text-transform: lowercase;
	color: #7f8587;
}

#search span {
	position:relative;
	z-index:10;
}

#search span {
	display:block;
	float:left;
}


/* =Tables - Pink(green head with alternate grey stripes) and White(old style) -
-----------------------------------------------------------------------------*/
/* Pink (grey stripes) style table */
table { 
	border-spacing: 0;
	border-collapse: collapse;
	
}

td {
	text-align: left;
	font-weight: normal;
}

.content table {
	margin:1em 0;
	border-left:1px ;/*solid #999EAC   */
	border-bottom:1px; /* solid #999EAC */  
}
.content table td, th {
/*	padding:0.5em 1em; */
	padding:0.2em 1em;
	text-align:left;
	
/*background-color:#C0C7C9;
	background-color:#F3F5F4;
	border-top:1px solid white;
	border-right:1px solid #4D6D80;*/
}

th form fieldset {
    border: 0px solid white;
}


/*This element is the top of the two columns */
.content table th {
	border-top:1px  solid #999EAC  ;
  background-color:#4D6D80;
	/*	background-color:	F8FBFE;*/
	border-right:1px solid #CCCED5;
}

.content th	{
	color: #FFFFFF;
		}

.content table th:last-child {
	border-right:none;
}



.content table a {
	color:#4D6D80;
	padding:1px;
} 
.content table a:visited {
	color:#7094A9;
}
.content table a:hover {
	background:#4D6D80;
	color:#FFFFFF;
}

/* 4D6D80

/* =Stops horizontal scrolling
-----------------------------------------------------------------------------*/

#container {
	overflow-x:hidden;
	overflow-y:auto;
}

/* =Content
-----------------------------------------------------------------------------*/

.content {
	font-size:1.2em;
}

.content h3.ocs {
	font-size:1.6em;
	font-weight:normal;
/*	color:#804d51; */
	background: none;	
/*	padding-top:10px;*/
	clear:left;
}


/* Controls the header bars enclosing the individual news item title */
.content h3 {
	font-size:1.2em;
	font-weight:normal;
	color:#804d51;
	background: url(/images/h3.jpg) no-repeat left top;
	
/*	padding-top:30px;*/
	clear:left;
}


.content h2 {
	font-size:1.4em;
}

.divider {
	font-weight:normal;
	background: url(/images/h3.jpg) no-repeat left top;	
	padding-top:20px;
	clear:left;
}


/*
.tPortal .content h3 {
	padding-top:15px;
}
*/
.content h4 {
	font-size:1.2em;
	font-weight:normal;
	color:#4d6d80;
}

.tList .content h4 {
	color:#804D51;
	font-weight:bold;
}
 

.content li {
	background:url(/images/dotsDarkV.gif) repeat-x bottom left;
	padding-bottom:0.5px;
}

.content ul.ocs {
	margin:1em 0;
	background:none;
	padding-top:1px;
}

.content li.ocs {
	background:none;
	padding-bottom:1px;
}
/* ===================================================================== */
/* H1 hidden to stop conflicts with %title% [DB]*/
H1 {
display: none;
}

/* ===================================================================== */
/* [DB] KBD defined so that KBD instructions will be big enough in the main text */

kbd {
 font-size: 1.6em;
}

/* ===================================================================== */
/* [DB] 'breadcrumbs' div added to position the new breadcrumbs trail    */

#breadcrumbs {
padding-left: 1.2em;
}

/* ======================================================================= */

/*Comment by AL - Float and rfloat puts space below and right of images.*/

.float {
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
  padding-right: 10px;
	width: 165px;
	height: 85px; 
	
/*	width: 20%;
	height: 5%; */
	

	max-height: 85px;
	max-width: 165px; 

}

.rfloat {
	float: right; 
	padding-left: 6px;
	padding-bottom: 6px;
}


/* ================================================================================================ */
/* [DB] display block removed to make lines continuous AND padding raised by .2 AND Line Height add */

.content li a, .content p.highlightLink a {



/*display:block; */

	padding:0.5em 0.3em 0.3em 35px; 
	text-decoration:none;
	background:url(/images/buttonWhite.gif) no-repeat 5px 0.5em;
	color: #4D6D80;
	line-height: 2em;
}

.content p.highlightLink {
	background:url(/images/dotsDarkV.gif) repeat-x top left;
	padding-top: 1px;
}
/*
.content div.intro  {
	padding:0.5em;
	border-left:3px #a5adb0 solid;
	border-bottom:3px #a5adb0 solid;
	background:url(/images/blockquote.gif) no-repeat top right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	color:#4D6D80;
}

.content blockquote  {
	padding:0.5em;
	border-left:3px #a5adb0 solid;
	border-bottom:3px #a5adb0 solid;
	background:url(/images/blockquote.gif) no-repeat top right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#4D6D80;
}

.content div.intro {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#6D787C;
	
}

.linkDescription {
	display:block;
	font-size:0.9em;
	color:#A5ADB0;
}
*/

#apply li a:hover {
background:url(/images/buttonWhite.gif) no-repeat 5px 0.5em;
color:#A5ADB0;
}

.content a {
	color:#78a5be;
	padding:1px;
}

.content a:visited {
/*		color: red; */
color:#804d51; 
}

.content a:hover {
	text-decoration:none;
	background-color:#e08652;
	color:#FFFFFF;
}

.content .NonLinkList li, .content  ul.NonLinkList, .content  ul.NonLinkList ul {
	background:none;
	margin:0 0 0 2.2em;
	list-style: disc outside;
	padding: 0 0 0 0;
}








/* MW added to remove fake bullet on <a> in lists */
 .content ol li a, .content ol li a:hover{
	background: none;
	padding-left: 0;
}

/* MW added to add fake bullet on <UL> list items */
 .content ul li {
    background:url("/images/buttonWhite.gif") no-repeat scroll 5px 0.5em transparent; 
/*	color:#4D6D80; removed by DB - black is a better colour for the non-link text */
	color:#000;
	line-height:2.3em;
	
/* top, right, bottom, left */
/*	padding:0.1em 0.3em 0.3em 0px; DB */
	padding:0.1em 0.3em 0.3em 35px;	
	text-decoration:none;
}

.content #shortcuts  ul li, .content #shortcuts2 ul li {
background:url(/images/dotsGreyV.gif) no-repeat scroll 0px 0.0em transparent;
/*    background:url("/images/buttonWhite.gif") no-repeat scroll 5px 0.5em transparent; */
/*	color:#4D6D80; removed by DB - black is a better colour for the non-link text */
	color:#000;
	line-height:2.3em;
	
/* top, right, bottom, left */
	padding:0.1em 0.5em 0.3em 0px;
	
/*	padding:0.1em 0.3em 0.3em 35px;	DB */
	text-decoration:none;
}

	
		
		
		
/* =Typography (Global)
-----------------------------------------------------------------------------*/

body {
	font: 86%/1.6 Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

#pageInfo h2 {
	clear:left;
	font-size:1.8em;
	font-weight:normal;
	color:#4d6d80;
	text-transform: lowercase;
}

#pageInfo h2 strong {
	color:#000000;
}

a#backTop {
	background:url(/images/backTop.gif) no-repeat left center;
	padding-left:15px;
	color:#78a5be;
}

a#backTop:hover {
	background:#e08652 url(/images/backTopHover.gif) no-repeat left center;
	color:#FFFFFF;
}

p#copyright {
	position:absolute;
	top:1em;
	left:1.7em;
	color:#A5ADB0;
}

li.book a {
	background:url(/images/bookNow.gif) no-repeat 5px center;
	padding-left:60px;
}
li.book a:hover {
	background:#e8e8e8 url(/images/bookNowHover.gif) no-repeat 5px center;

}


}

/* MW added this for line spacing in shortcuts - currently only works in IE*/

#shortcuts li a span, #shortcuts2 li a span {
	line-height: 1.5em;
}

.shortImage {
	height:100px;
}

#contactUs {
	position:absolute;
	top:-6em;
	left:70%;
	z-index:1000;
	font-size:1.2em;
	margin-bottom:4.6em;
	padding-left:1em;
	font-family:Arial, Helvetica, sans-serif;
}



/* The body text size is adjusted by this bit below (where the 1.6 relates to the space between lines of text. */

body {
	font: 65%/1.6 Verdana, Arial, Helvetica, sans-serif;# 
}