/* Import the main layout style sheet  */
/* universal styles */


.content { float: left; width: 797px; min-height: 650px; border: dotted #5C99CC 1px; margin-top: 55px; background: #BCE07F url('/news/newscenter/images/content_back.jpg') 0px top repeat-y;	}

#main_story { width: 397px; min-height: 650px !important; float: left; padding-left: 0px; background: transparent;}
.home h1 { color: #fff; width: 398px; background: #3B6794; font-family: Optima, "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; text-transform: uppercase; margin-top: 0px; padding: 5px 0px; letter-spacing: 6px;}
#main_story h3.science, #main_story h3.community	  { color: #C5E16A; border-bottom: solid #D4ED9E 1px; margin: 20px 20px 15px  20px; padding-bottom: 0px; font-weight: bold; font-size: 25px; letter-spacing: 3px;}

/*div#rssresult { margin-top: 20px; }
div#rssresult ul.chunk li { color: #A0C735 !important;  padding-bottom: 20px;}
div#rssresult ul.chunk li a  {padding-top: 20px; }
div#rssresult ul.chunk li, div#rssresult ul.chunk li ul li, div#rssresult ul.chunk li ul li  { width: auto; margin-left: 20px; margin-right: 10px !important; list-style: none; list-style-image: none; list-style-type: none;}
div#rssresult, div#rssresult ul.chunk li a  { color: #5C99CC;  font-size: 12px; font-weight: normal;  text-align: left;}
div#rssresult ul.chunk li ul li { margin-left: 0px !important; text-align: justify; margin-top: 5px; padding-bottom: 15px; color: #777 !important; font-size: 12px; text-align: left; border-bottom: dotted #a0c735 1px;}
div#rssresult div { padding-bottom: 10px; }
*/

#rssresult #TJK_SlideMenu dt {color: #5C99CC;  margin-right: 10px;}
#rssresult #TJK_SlideMenu dd { margin-left: 0px; padding-bottom: 10px; color: #777; margin-right: 10px;}
span.story_date { font-size: 10px; display: block; color: #a0c735; padding-bottom: 2px; margin-left: 0px; padding-left: 0px; }
span.read { display: block; text-align: right;font-size: 11px; }
span.about { position: absolute; left: -2000px; }


.home .news_head h2 {
		margin-top: 20px; color: #8c2307; font-size: 20px;  font-family:  Optima, "Times New Roman", Times, serif; font-weight: normal;  padding-bottom: 0px;
}


.news_head h2 sup { text-transform: uppercase; font-size: 10px; vertical-align: middle; }

p.tagline {color: #8c2307 !important; font: 13px Optima, "Times New Roman", Times, serif; text-align: center; margin-top: -17px; padding-bottom: 20px;}

.secondary_story { min-height: 398px; margin-left: 20px; width: 399px; background: transparent;}
.secondary_story img {width: 398px; margin-left: 2px;}
.home .secondary_story h2 { position: relative; font-family:  Optima, "Times New Roman", Times, serif; margin-top: -23px; color: #fff; z-index: 500; font-weight: normal; font-size: 15px; margin-left: 20px;  text-transform: uppercase; letter-spacing: 4px;}
.home h2 {
	color: #a6a6a6;
}
h2 {
	color: #444477;
}
h3 {
	color: #444477;
}
h4 {
	color: #444477;
}
h5 {
	color: #444477;
}
h6 {
	color: #444477;
}
/* ====================================== */
/* sitebar elements */
#backband2 {
	background-color: transparent;
}
/* ================================== */
/* navigation */

#navigation {
  float:left;
	width: 150px;
	min-width: 150px;
	margin: 85px 17px 0 13px;
	padding: 20px 1px 20px 0;}
	

/* Navigation and header bar  */
.barleft {
	border: #dedede solid;
}
#navigation #nav li.first a{ font-weight: bold; font-size: 12px; color: #3B6794;}	
#navigation #nav li.headerbar {
	font-weight: normal; border-top: 1px #dedede solid; font-size: 11px; color: #999 !important;/* you can only alter the #color not the 1px border width in this style setting */
}
#navigation ul#nav ul li {
		font-size: 11px; ;/* you can only alter the #color not the 1px border width in this style setting */
}
#navigation ul#nav ul li a { color: #777 !important; }

#navigation #contacts h2 { font-size: 11px; text-transform: uppercase; border-width: 1px 0px 1px 0px; text-align: left; width: 140px; height: 15px; margin-left: 10px; padding-top: 4px; padding-bottom: 1px; font-weight: normal; }

#contacts ul { margin-top: 10px; margin-left: 10px;}
#contacts ul li { padding-bottom: 10px;  color: #999 !important; line-height: 125%; font-size: 11px;}
#contacts ul li.listhead { padding-bottom: 2px; font-size: 11px; color: #777 !important; }


/* ================================== */
/* contentmai	n */
.column {
	background: #fff;
}
#main_story {
	margin: 0 0 0 0;/* adjust the top margin to position graphic */
	background: #fff;
}

#main_story .youtube { text-align: right; margin-right: 15px; padding-bottom: 10px; padding-top: 10px;}
#main_story .youtube a { font-size: 13px; color: #DF3434; }
#main_story .title { width: 360px; position: relative; z-index: 10;}
.title img { float: left; padding: 19px 27px 19px 27px; margin-left: -83px; margin-top: 0px; opacity: .55; filter: alpha(opacity=55);}
#main_story .youtube span { float: left;  margin-left: 245px; margin-top: 15px; font-family: Optima, "Times New Roman", Times, serif;}

.v90WideEntry { margin-top: 10px; margin-left: 20px; min-height: 60px;}
img.vimg90 {position: relative; z-index: 3; width: 70px; padding: 1px; border: solid #ccc 1px; float: left; margin-right: 10px; }
.title a, p.desc a  { font-size: 12px; color: #5C99CC; }
.title span { font-size: 11px; }
.title .runtime { color: #A0C735; }

.secondary_story {
	margin: 0 0 0 0; padding: 0px;/* adjust the top margin to position graphic */
}

.secondary_story .panel {
	
	/* border: 1px #c5480a solid; optional instead of background color */
}
.secondary_story .panel p {
	color: #fff;
}

.related { background: transparent; width: 190px; margin: 0px; padding-right: 12px; min-height: 115px; float: left;}
.related h3, .tools h3 { padding: 20px 0px 5px 20px; margin: 0px; font: 11px  Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; text-transform: uppercase;}
.related a, .tools a { color: #5C99CC; font-size: 12px; }


.related ul, .tools ul { margin-left: 15px; width: 180px; }
.tools { background: transparent; width: 190px; margin: 0px; min-height: 115px; float: left;}
.secondary_story .related li, .secondary_story .tools li { line-height: 180%; list-style: none; list-style-image: none; list-style-type: none; margin-left: 6px;}


#footernav {  text-align: center; padding-top: 44px;}
#footernav a {color:#006699; }
#clear { clear: both; }

/* individual video pages*/
h3.video { color: #83AD3F; font-family: Optima, "Times New Roman", Times, serif; margin: 20px 20px 0px 40px; padding-bottom: 5px;  line-height: 125%}
div.video { margin: 10px 20px 20px 40px; width: 323px; height: 266px; border: solid #BCE07F 1px; }
object { margin: 2px; }
div.video.subply{ margin: 10px 20px 20px 40px; width: 329px; height: 267px; border: solid #BCE07F 1px; }
div.video.subply object, div.subply object { margin: 3px 0px 0px 5px !important;}
p.desc, #accessible { margin: 20px 40px 0px 40px; font-size: 12px; color: #888;}
#accessible { color: #83AD3F !important; }
#accessible a {display: block; color: #5C99CC;font-size: 12px;}
#accessible span { margin-left: -2000px; }
#main_story div.video p { font-size: 14px; margin: 85px 20px  20px 20px; vertical-align: middle; color: #8c2307 !important; }
#main_story div.video p.getflash { position: relative; top: 0px;margin-top: 0px;padding-top: 0px;}
#main_story div.video p a:link, #main_story div.video p a:hover, #main_story div.video p a:visited, #main_story div.video p a:active { color: #5C99CC; font-size: 14px;}

/* home page */
.home #footerlinks {padding: 25px 25px 10px 30px;}
.home #footerlinks p.homelink { position: relative; top: -25px; left: -5px;}
.home #footerlinks p.more {color: #666; font-size: 70%; line-height: 120%; background: url("/images/yicon_more.gif") 0 5px no-repeat;  padding: 0 0 0 8px; text-align: left; width: 120px; }