/************************************************************************
script:		main.css
author:		Mike Haynes mrh@ts.com	
description:	Style sheet to control the default display
date: 		02/02/05
*************************************************************************/


/************************************************************************/
/* General styles for all pages */
/************************************************************************/

body {
	margin : 0;
	padding : 0;
	background-color: #DFDFDF;
	font-family : Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #666666;
	text-align:center;
}

#wrapper {
	text-align:left;
	width : 670px;
	margin:auto;
}

/* Default colors to use for links */
a:link { 
	color: #3298E2;
	text-decoration:none; 
	font-weight:bold;
	font-size:11px;
}

a:hover { 
	color: #738FB5;
	text-decoration:underline; 
	font-weight:bold;
	font-size:11px;
}

a:visited { 
	color: #3298E2;
	text-decoration:none; 
	font-weight:bold;
	font-size:11px;
}
/************************************************************************/
/* top banner styles */
/************************************************************************/

#top_banner {
	background : #FFFFFF;
	height : 90px;
	min-width:70%;
	padding: 0;
}

#top_right {
	float : right;
}

#top_left {
	float : left;
}

#top_left img {
	padding : 0 0 10px 6px;
}

a img {
	border : none;
}

img, area
{
  border: none;
}

#todays_date {
	color : #666666;
	font-size:11px;
	font-weight:bold;
	float:right;
	margin: 10px 20px 0 0;
}

/************************************************************************/
/* navigation styles */
/************************************************************************/
#navigation {
	display:none;
	width : 210px;
	float : left;
	margin: 0 0 0 0;
}

#searchbox {
	width:170px;
	margin:auto;
	border:1px solid #ffffff;
	margin-top:30px;
	padding:7px;
	font-size:8pt;
	color:#ffffff;
	vertical-align:bottom;
}

#searchbox input.box {
	width:130px;
	height:18px;
	border:1px solid #2D4C82;
	margin-top:3px;
	font-size:7pt;
	padding-top:5px;
	padding-left:5px;
}

#searchbox input.mag {
	vertical-align:bottom;
	margin-left:3px;
	margin-top:3px;
}

#sitelinks {
	width:170px;
	margin:auto;
	margin-top:50px;
	margin-bottom:30px;
	text-align:center;
}

#sitelinks img {
	text-align:center;
	margin:0px;
}

/* the channels are styled via a ul */
#navigation ul {
	margin: 7px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
	line-height: 1.8em;
	font-size: 8pt;
	font-weight: normal;
	border-top:1px solid #ffffff;
}

/* channels without hover */
#navigation ul li {
	border-bottom:1px solid #ffffff;
	margin: 0px 0px 0px 0px;
	padding-left: 25px;
}

/* channels with hover - IE hack (.over) */
#navigation ul li:hover, ul li.over {
	background-color:#5BAFDB;
}

/* link style for channels */
#navigation ul li a{
	color: #ffffff;
	text-decoration: none;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}

/* the subnav lists are in a secondary ul */
#navigation ul li ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	line-height: 1.0em;
	font-size: 8pt;
	font-weight: normal;
	border-top:0px;
}

/* the first tier pages without hover */
#navigation ul li ul li {
	margin: 0px 0px 0px -25px;
	padding: 3px 0px 3px 35px;
	border-bottom:0px;
        background: #148FCB url(/images/nav_hyphen.gif) bottom left no-repeat;
}

/* first tier pages with hover - IE hack (.over) */
#navigation ul li ul li:hover, ul li ul li.over {
	background-color:#148FCB;
	font-weight:bold;
}

/* highlighted channel - currently displayed */
#navigation li.channel_on {
	background-color:#5BAFDB;
}

/************************************************************************/
/* content styles */
/************************************************************************/

#middle_row {
	text-align : left;
	margin:0;
/*	height:expression(    this.scrollHeight < 480? "480px" : "auto" );
	min-height:480px;*/
}

#content {
/*	padding:10px 15px 10px 15px;*/
	margin-left: 0;
	float: left;
	width: 670px;
	min-height: 400px;
}


#homepage_content {
        margin-left: 0;
        float: left;
        width: 670px;
        min-height: 400px;
}

/* used when there are two column components */
#narrow_content {
	margin: 0 0 0 0;
	padding:10px 15px 10px 15px;
	float: left;
	width: 670px;
}

/* but the narrow content needs 0 margin on the homepage */
#homepage_content #narrow_content {
	width: 499px;
	padding: 0px 0px 0px 0px;
}

#titleImage {
	margin : 30px 0 0 0;
}

h1 {
	margin : 10px 0 10px 0;
	padding : 0;
	font-size : 18px;
	font-weight:bold;
	color:#1B93C7;
}

h2 {
	margin : 10px 0 10px 0;
	padding : 0;
	font-size : 13px;
	font-weight:bold;
}

h3 {
	margin : 10px 0 10px 0;
	padding : 0;
	font-size : 11px;
	font-weight:bold;
	font-style:italic;
}


p {
	margin : 10px auto;
}

#breadcrumb {
	color : #666666;
	font-size:11px;
}

#breadcrumb a:link {
	color : #666666;
	text-decoration:none;
	font-size:11px;
}

#breadcrumb a:visited {
	color : #666666;
	text-decoration:none;
	font-size:11px;
}
#breadcrumb a:hover {
	color : #666666;
	text-decoration:underline;
	font-size:11px;
}


/* Appearance of the last option activated into the breadcrumb trail */
.breadactive {
	color: #999999;
	font-size:11px;
}

.breadcrumb_splitter {
	color:#0B90C8;
}

/* components *********************************************************/


#faqSummaryBox {
	padding-bottom:15px;
}

.faqQuestion {
	font-weight:bold;
	text-decoration:underline;
}

.faqAnswer {
}

.faqSummary {
}




.newsStorySummary {
}

.newsStoryNoThumbnail {
	margin-top:20px;
	width:600px;
}

.newsStory {
	padding-left:90px;
	margin-top:20px;
	width:600px;
}


/************************************************************************/
/* image align styles */
/************************************************************************/

.center {
	text-align : center;
}

.left {
	float: left;
	margin-right:10px;
}

.right {
	float:right;
	margin-left:10px;
}

/* and in case new line is selected use text-align rather than float so that text does not wrap */
.centerclear {
	text-align : center;
}

.leftclear {
	text-align : left;
}

.rightclear {
	text-align : right;
}


/************************************************************************/
/* footer styles */
/************************************************************************/

#footer {
	background: #ffffff;
	font-size : 10px;
	font-weight:bold;
	color : #999;
	text-align : left;
	clear: both;
	padding:15px 0px 15px 0px;
	width:670px;
}

#footer img {
	margin-top:5px;
}


/* #footer a {
	color : #999999;
	text-decoration:none;
}

#footer a.backtotop {
	padding : 0 0 0 200px;
} */

#footer p {
	margin: 0;
	padding: 3px 0 3px 0;
}


/* contact form styles */
div.peachBox h2.contact {
        background : #1B93C7;
        color: #FFFFFF;
        border-bottom: solid 1px #FFFFFF;
        padding-top : 3px;
        padding-bottom: 3px;
        font-size : 1.3em;
	width:440px;
	text-align:center;
}
div.peachBox {
        background : #DDEEFF;
        margin : 0;
        padding-bottom: 1px;
        font-size : 0.9em;
	width:440px;
}

/* doesn't work in Firefox when added to the list above */
div.contactform {
        margin : 10px 6px 0 6px;
	width:400px;
}

#contact_bottom {
        margin : 0;
        padding : 0;
}


/************************** KD CMS specific *********************************/

#logo {
	float:left;
	margin: 20px 0 0 0px;
	padding: 0px 0px 0px 13px;
}


/* blue box */

.blue_box {
	color:#ffffff;
	background: url(/images/blue_box_bg.gif) center left repeat-y;
	background-color:#158FD2;
	padding: 3px 15px 0px 15px;
	font-weight:bold;
	font-style:normal;
	text-align:left;
	font-size:1.1em;
	border-right: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
}


/* quote */

.leftquote {
	float:left;
	background: url("/images/quote.gif") left top no-repeat;
	background-color:#dddddd;
	margin: 10px 20px 10px 0px;
	padding:15px 30px 15px 30px;
	border-bottom:15px solid #148FCB;
	font-weight:normal;
	font-size:11pt;
	font-style:italic;
	width:300px;
}

.rightquote {
	float:right;
	background: url("/images/quote.gif") left top no-repeat;
	background-color:#dddddd;
	margin: 10px 0px 10px 20px;
	padding:15px 30px 15px 30px;
	border-bottom:15px solid #148FCB;
	font-weight:normal;
	font-size:11pt;
	font-style:italic;
	width:300px;
}

.quote {
	background: url("/images/quote.gif") left top no-repeat;
	background-color:#dddddd;
	margin: 10px 50px 10px 50px;
	padding:15px 30px 15px 30px;
	border-bottom:15px solid #148FCB;
	font-weight:normal;
	font-size:11pt;
	font-style:italic;
	width:300px;
}

div.quote:after {
    content: url("/images/backquote.gif");
    display: block;
    text-align: right;
    margin-top: -15px;
    margin-right: -30px;
    margin-left: 0px;
    margin-bottom: 0px;
    height: 10px;
}


/* general table style */

td {
	font-family : Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #333333;

}


/* home page box */

.multifeature_full {
	width:460px;
	border:1px solid #CBCBCB;
        margin:15px auto;
}

.multifeature_half {
	width:215px;
	border:1px solid #CBCBCB;
	float:left;
	margin: 0px 5px 10px 5px;
	padding:0px;
}

.multifeature_title {
	padding: 5px 10px 5px 10px;
	background: url(/images/blue_box_bg.gif) center left repeat-y;
	background-color:#158FD2;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
}

.multifeature_image {
	float:left;
	max-height:70px;
}


.multifeature_textual_content {
	font-size:11px;
	margin:0px 5px 0px 70px;
	padding:5px 0px 0px 15px;
	min-height:65px;
	border-left:1px solid #CBCBCB;
}

.multifeature_textual_content table {
	width:100%;
}

.multifeature_textual_content ul {
	padding:0px;
	margin:0px;
	list-style: none;
}

.multifeature_textual_content li {
	padding: 0px 0px 0px 10px;
	background-image: url(/images/link_bg_1.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

.multifeature_column {
	width:33%;
	vertical-align:top;
	padding:5px 0px 0px 0px;
}

.multifeature_column ul li a {
/*	text-decoration:none;
	font-weight:bold;
	font-size:11px; */
	line-height:1.5;
}


/* news fader */

#news_scroller {

	border:1px solid #CCCCCC;
	height:200px;
	width:248px;
	margin:10px 0px 10px 0px;
	

}

#right_column #news_scroller {
	border-left:0px;
	border-right:0px;
	margin:0px 0px 0px 0px;
}


#news_scroller a {
	text-decoration:none;
}

#news_scroller_text {
	width:200px;
	padding:0px 20px 0px 20px;
}

#news_scroller_title {
	width:150px;
	margin:auto;
	background: url(/images/blue_box_bg.gif) center left repeat-y;
	background-color:#158FD2;
	height:20px;
	text-align:center;
        color:#ffffff;
        font-weight:bold;
        font-size:12px;
	margin-bottom:20px;
}

.news_scroller_item_title {
	font-weight:bold;
	font-size:1.2em;
}

.news_scroller_item_text {
	font-weight:normal;
}

.news_scroller_more {
	font-size:1.2em;
	float:right;
        color: #3298E2;
        text-decoration:none;
        font-weight:bold;
        font-size:11px;
}


/* feature */

.feature {
	border:1px solid #CBCBCB;
	width:248px;
	min-height:70px;
}


#right_column .feature {
	border-left:0px;
	border-right:0px;
}

/* collapse borders if browser suports: firefox */
/*    .feature + .feature {
        border-top: 0px;
    }
*/

.feature_image_left {
	float:left;
}

.feature_image_right {
	float:right;
}

.feature_text_with_image_right {
	width: 160px;
	margin-left:10px;
	padding-right:7px;
	border-right:1px solid #CBCBCB;
}

.feature_text_with_image_left {
	width: 150px;
	margin-right:10px;
	margin-left:70px;
	padding-left:10px;
	border-left:1px solid #CBCBCB;
}

.feature_title {
	font-weight:bold;
	font-size:13px;
	margin:0px 0px 2px 0px;
	padding:5px 0px 0px 0px;
}

.feature_title a:hover,.feature_title a:visited,.feature_title a:link,.feature_title a,.feature_title a:active {
	color:#666;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	margin:0px 0px 2px 0px;
	padding:5px 0px 0px 0px;
}

.feature_text {
	font-size:10px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	line-height:1.1;
}

.feature_text a:hover,.feature_text  a:visited,.feature_text  a:link,.feature_text  a,.feature_text  a:active {
	color:#666;
	text-decoration:none;
	font-size:10px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	line-height:1.1;
	font-weight:normal;
}



/* info box */

.info_box {

	border:1px solid #CCCCCC;
/*	min-height:160px;*/
/*	width:200px;*/
	margin:0px 0px 0px 0px;
	background-color:#f7f7f7;
	padding:0px 0px 20px 0px;

}

.info_box table {
	float:none;
}


#right_column .info_box {
	border-left:0px;
	border-right:0px;
/*	width:248px;*/
}


#homepage_content .info_box {
/*	margin:-10px -100px 0px -17px;*/
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:3px solid #CBCBCB;
	min-height:0px;
/*	width:496px;*/
}

/*div [info_box] {
	margin-left:3px;
}*/

#homepage_content #right_column .info_box {
	border:1px solid #CCCCCC;
	min-height:160px;
	margin:0px 0px 0px 0px;
	background-color:#efefef;
	padding:0px 0px 20px 0px;
	border-left:0px;
	border-right:0px;
/*	width:245px;*/
}


.info_box_right {
	float:right;
	border:10px solid #ffffff;
}

#right_column .info_box_right {
	float:none;
	border:0px;
}

.info_box_left {
	float:left;
	border:10px solid #ffffff;
}

#homepage_content .info_box_left {
	float:none;
	border:none;
}

#right_column .info_box_left {
	float:none;
	border:0px;
}

/*
.info_box a {
	text-decoration:none;
	font-weight:bold;
}*/
/*
#homepage_content .info_box a {
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}*/



.info_box ul li a:hover {
        color: #738FB5;
        text-decoration:underline;
        font-weight:bold;
        font-size:11px;
}



.info_box ul {
	padding:0px;
	margin:0px;
	list-style: none;
}

.info_box li {
	padding: 7px 0px 0px 25px;
	background-image: url(/images/bullet_box.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

.info_box_text {
	padding:0px 20px 0px 20px;
}

.info_box_title {
	width:150px;
	margin:auto;
	background: url(/images/blue_box_bg.gif) center left repeat-y;
	background-color:#158FD2;
	height:20px;
	text-align:center;
        color:#ffffff;
        font-weight:bold;
        font-size:12px;
	margin-bottom:20px;
}

#homepage_content .info_box_title {
	width:300px;
}

#homepage_content #right_column .info_box_title {
	width:150px;
}


/* right column */

#right_column {

	width: 248px;
	float: right;
	margin: 0;
	display:none;

}

#right_column p {
	padding: 10px;
}


/* file upload */

.file_upload {
	list-style:none;
	font-weight:bold;
}
.file_upload li {
	padding: 7px 0px 0px 25px;
	background-image: url(/images/bullet_box.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}


/* movie */

.bordered_movie {
	border: 1px solid black;
}

.bordered_image {
	border: 1px solid black;
}

#homepage_movie {
/*	width:748px;*/
	background-color:#CBCBCB;
	border-bottom: 3px solid #CBCBCB;
}

/* identify the flash movie div in Firefox
We had to add selector="selector" and then
we can use this style to find that attribute and
use it to distinguish this div from all others */
/*div [selector] {
	margin-left:210px;
	background-color:red;
}
*/


/* job */
.job {
}

.job_title {
	float:left;
	font-weight:bold;
}

.job_text {
	clear:both;
	margin-left:15px;
}

.job_location {
	float:right;
	font-weight:bold;
}

.job_headings {
	padding: 15px 0px 30px 0px;
}

.job_link {
	margin-left:15px;
}

/* literature */

.literature {
	width:450px;
}

.literature_checkboxes {
	font-weight:bold;
	font-size:12px;
}

.literature_image {
	float:left;
	margin-right:10px;
}

.literature_title {
	font-weight:bold;
	margin-bottom:10px;
}

.literature_text {
}

.literature_content {
	width:350px;
	float:right;
	margin:0px 0px 5px 0px;
}

.literature hr {
	height:1px;
	width:450px;
	background-color:#00A0DD;
	border-style:none;
	clear:both;
	margin: 10px 0px 10px 0px;
}


/* general CMS */

#child_pages ul {
	padding:0px;
	margin:0px;
	list-style: none;
}

#child_pages li {
	padding: 7px 0px 0px 25px;
	background-image: url(/images/bullet_box.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

#print_bookmark_email {
	display:none;
	clear:right;
	float:right;
	margin: 45px 20px 10px 10px;
	color : #666666;
	font-size:11px;
}

#print_bookmark_email .divider {
	color:#0B90C8;
}

#print_bookmark_email a {
	color:#666666;
	text-decoration:none;
	font-weight:normal;
}


/* search styles */
#narrow_kd_search_results {

	background-color:#f9f9f9;
	border:1px solid #1F8ACE;
	padding:10px;
	margin:5px;
	width:42%;
	float:left

}

#wide_kd_search_results {

	background-color:#f9f9f9;
	border:1px solid #1F8ACE;
	padding:10px;
	margin:5px;
	width:90%;
}

#narrow_km_search_results {

	background-color:#f9f9f9;
	border:1px solid #1F8ACE;
	padding:10px;
	margin:5px;
	width:42%;
	float:right;

}

#wide_km_search_results {

	background-color:#f9f9f9;
	border:1px solid #1F8ACE;
	padding:10px;
	margin:5px;
	width:90%;
}