/***********************************************************
************	just.css is individualized for Just  *********
***********************************************************/

/*****   NAVIGATION: This section controls the navigation of your site.           *****/
	
	/* List your sections here, so that when you're on a page in navsection1, the
		navsection1 list will be expanded. */
	.navsection1Section #navSection1,
	.navsection2Section #navSection2,
	.navsection3Section #navSection3,
	.navsection4Section #navSection4,
	.navsection5Section #navSection5,
	.navsection6Section #navSection6,
	.navsection7Section #navSection7,
	.sidenavsectionSection #sidenavsection {
		display: block;
	}
	
	/* List your subsections here, so that when you're on a page in
		navsubsection1, the navsubsection1 list will be expanded. */
	.navsubsection1 #navSubSection1,
	.navsubsection2 #navSubSection2,
	.navsubsection3 #navSubSection3,
	.navsubsection4 #navSubSection4,
	.navsubsection5 #navSubSection5,
	.navsubsection6 #navSubSection6 {
		display: block;
	}
	
	
	}

/*****   SITE-STYLES: Styles specific to your site.                               *****/

		/******
			
			TIP: 		Any styles specific to your site should be added here. It's
							also better to overwrite styles set elsewhere here than to
							change them in site.css (if there are any future changes to
							site.css, it'll make it easier to just download a new
							version, and also to keep track of what is specific to your
							site.
			
		******/
	
/* Put your own department banner image here */
#heading, #gallery {
	background-image: url(/just/banner/banner_1.jpg);
	}
	
#photoTour{
	height: 285px;
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
	width: 425px;
	z-index: 10;
	}
	
/* :R -> */
#back2Top{ /* for the go-back-to-top anchor */
  text-align:right;
  margin-bottom:50px;
	}
#colRight { /* for the right hand column in a 2 column format */
	float: left;
	width: 595px;
	}	
#colRight h4 { /* the header level 4 */
	font-size: 1.0em;
	margin: 0 0 .7em 0;
	padding: 0;
  font-weight: bold;
	}
.navSubList	li a{ /* ** */
  margin-left:10px;
	/* *BWS removed border from subnav * */
  }
#navigation h4 a { /* ** */
	width:130px;
	border:0px;
	}


/*  main section for 3 column format */	
.pageContent{ /* For the right hand column in the 3 column format */
	width: 622px;
 	margin: 0;
 	padding: 0;
 	position: relative;
 	z-index: 50;
 	border-left: 1px solid #b2b3b5;
 	/* Fix a bug with IE */
	display: inline;
	margin-bottom:20px;
	}
	#centreContent { /* For the center column in the 3 column format */
		width: 440px;
		float: left;
		margin: 0;
		padding-left: 6px;
		padding-right:6px;
		line-height: 1.3em;
	 	border-right: 1px solid #b2b3b5;
	}
		.featureStory {/* a sub section in the center column */
			margin: 0;
			padding: 0;
			width: 440px;
			/* height: 28em;*/
		}
		
		.comFeature {/* a sub section in the center column */
			margin: 0;
			padding: 0;
			width: 440px;
			/* height: 28em;*/
		}
		
		.comFeature p { /* for the paragraph in the featureStory at the center column  */
			color: #555;
			line-height: 1.4em;
			font-size: .95em;
			padding: 0em;
			}	
	
			.featurePhoto	{/* the photo for the featureStory at the center column */
				display: block;
				margin: 0 0 10px 0;
				}
			.featureStory p { /* for the paragraph in the featureStory at the center column  */
				color: #555;
				line-height: 1.4em;
				font-size: .95em;
				padding: 0em;
				}	
				
			.featureContent {
			padding-top:10px;
			}
	
		.rewards {
			font-weight: normal; 
			width: 435px;
			border-top-width: 1px;
			border-top-style: solid;
			border-color: #b2b3b5;
			margin: 20px 0 5px 0px;
			border:0px;
		}
			 
			.rewards h2 {
				position: relative;
				}
			 
			.rewards h2 img{
				position: absolute;
				width: 16px;
				height: 16px;
				margin: 0;
				padding: 0 7px;
				right: 5px;
				top: 7px;
				z-index: 10;
				}
				
				 
				.rewards h3, .rewards h4, .rewards h5 {
					margin: 0;
				}
				.newsFromFeed h5,
				.rewards h5 {
					margin-top:-15px;
				}
				
				.rewards hr {
					display: none;
				}
				
        
				.rewards p.release-snippet {
					letter-spacing: 0em;
					margin: 0 auto 1em 0.5em;
					width: 95%;
					font-size:0.8333em;
					line-height: 1.3em;
					color: #333333;
					}
				

				.rewards .FullTextLink {
				margin-left:5px;
				
				}	
	
				
			.newsFromFeed dl dt a:link, .newsFromFeed dl dt a:visited,
			.reward a:link, .reward a:visted {
				text-decoration: none;
				padding: 0 10px;
				color: #1f5099;
				display: block;
				font-size:1.1em;
				font-weight:bold;				
				}
			.newsFromFeed dl dd {
				padding: 0 10px;
				margin: 0 0 1.5em 0;
				color: #555;
				line-height: 1.2em;
				font-size: .93em;
				margin-top:0px;	
				}
				
			.newsFromFeed dl h3 a {
				font-size:14px;
				}
				
			.RelTitle, .RelTitle h3 {
				padding-top:5px; font-size:14px;
				}
				
				.newsFromFeed .news-pub-time{
				font-size:0.9em;
				font-style:italic;
				}
		.hotTopics {
			width: 440px;
			margin: 10px 0 0 0;
			font-family: "Lucida Grande","Lucida Grande", Tahoma, Arial, sans-serif;
			}
			.hotTopics ul {
				margin: 0;
				padding: 8px 0;
				border-width: 1px 0;
				border-style: solid;
				border-color: #b2b3b5;
				text-align: justify;
				}	 
			.hotTopics li {
				display: inline;
				line-height: 1.85em;
				font-size: 1.05em;
				color: #1f5099;
				word-spacing: .18em;
				}


/* left hand*/
#theDate {
 	background: url(/img/headergradient.jpg) #fff;
 	border: 1px solid #b2b3b5;
 	padding: 8px 4px;
 	color: #555;
 	margin-bottom: 8px;
 	font-size: 10px;
 	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	}

#secondaryContent {
	width: 155px;
 	float: right;
 	background-image: url(../img/rghtcolgradient.png);
 	background-repeat: repeat-y;
	/* border-left: 1px solid #b2b3b5;*/
	}			
		
.searchresult h3, .searchresult h4, .searchresult h5 {
	margin: 0;
}

.searchresult hr {
	display: none;
}

p.release-snippet {
	letter-spacing: 0em;
	margin: 0 auto 1em 1em;
	width: 95%;
}

.sidebar_content {
	line-height: 1.3em;
	font-size: 0.85em;
	color: #333333;
	}
.note, .hint{
	font-style:italic;
	font-weight:normal;
	}		
.hint{
	font-style:italic;
	color:#AAAAAA;
	}			
.missing {
  background-color:#FFFF66;
  }
#byAlpha{
 	text-align:center; 
	width:550px; 
	border-bottom:1px dashed #CCCCCC; 
	margin:20px 0;
	}					
li.broken{
	color:#AAAAAA;
	cursor:default;
	}		

	#bgshading {
   background: url(/img/headergradient.jpg) #fff;
}


div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 9px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}
hr{
	height: 1px;
  border-top: 1px;
	}
	
/* table style: basic */	
#centreContent table, #centrecontent table{
	width:440px;
	}
.centreContent table, .centrecontent table{
	width:590px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0;
	}
table table{
	width:95%;
	margin:0 auto;
	}	
thead td{
	vertical-align:center;
	text-align:center;
	}		
tbody td{
	vertical-align:top;
	}
	
	/* Feature Stories */
		#f_container { width: auto; }
		#featureStories
		{
			border: 0px dotted blue;
			position: relative;
			width: 440px;
			height: 480px;
			overflow: hidden;
		}
		#featureStories h2
		{
			margin-bottom: 1px;
			z-index: 2;
		}
		.featureStory h2 { display: none; }
		#featureViewport
		{
			background: #eee; /* "should" never see this */
			border: 0px dotted #e60;
			overflow: hidden;
			margin: 0;
			padding: 0;
			width: 440px;
			height: 800px;
			position: absolute;
			top: 0px;
			z-index: 1;
		}
		.feature
		{
			background: #fff;
			border: 0px solid red;
			margin: 0px 0 30px 0;
			padding: 33px 0 0 0;
			width: 440px;
			/*height: 420px;
			overflow: auto;*/
		}
		.featureStoriesStatic .feature /* for non-javascript clients */
		{
			overflow: hidden;
			height: 450px;
		}
		
		#featureDivider
		{
			background: #fff;
			width: 440px;
			height: 800px;
		}
		.featureCover
		{
			background: #fff;
			width: 440px;
		}
		
		#featureStories .featureInactive
		{
			position: absolute;
		}
		#featureStories .featurePrevious
		{
			overflow: hidden;
			position: absolute;
		}
		#featureStories .featureActive
		{
			overflow: visible;
			position: absolute;
		}
		#featuresIndex
		{
			position: absolute;
			top: 5px;
			right: 4px;
			z-index: 10;
			margin: 0;
			padding: 0;
		}
		#featuresIndex li
		{
			display: block;
			float: left;
			border: 0;
			margin: 1px;
			padding: 0;
			width: 20px;
			height: 20px;
		}
		#featuresIndex li a
		{
			/*color: white;*/
			border: 1px solid #ccd;
			display: block;
			font-size: 10px;
			margin: 0px;
			padding: 0px;
			width: 18px;
			height: 18px;
			text-align: center;
			text-decoration: none;
		}
		#featuresIndex li a span
		{
			color: white;
			background: #ccd;
			display: block;
			cursor: pointer;
			margin: 0;
			border: 1px solid white;
			padding: 1px;
			width: 14px;
			height: 14px;
		}
		#featuresIndex li a:hover
		{
			border-color: transparent;
			text-decoration: underline;
		}
		#featuresIndexLink1 { background: #075D00; }
		#featuresIndexLink1 a:hover { color: #075D00; }
	
		#featuresIndexLink2 { background: #E68429; }
		#featuresIndexLink2 a:hover { color: #E68429; }

		#featuresIndexLink3 { background: #1B9EBC; }
		#featuresIndexLink3 a:hover { color: #1B9EBC; }
	
		#featuresIndexLink4 { background: #811BA3; }
		#featuresIndexLink4 a:hover { color: #811BA3; }

		#featuresIndexLink5 { background: #BB2626; }
		#featuresIndexLink5 a:hover { color: #BB2626; }
		
		#featuresIndexLink6 { background: #075D00; }
		#featuresIndexLink6 a:hover { color: #075D00; }

		#featuresIndexLinkMore { background: #1F5099; }
		#featuresIndexLinkMore a:hover { background: transparent; color: #1F5099; }
		#featuresIndexLinkMore a:hover span { background: transparent; color: white; }

		#featuresIndex li.featuresIndexActive a span, #featuresIndex li a:active span
		{
			background: transparent;
		}

	
/* <- :R */