/*
Blue: #316C7C
Magenta: #c62052 
Orange: Glenda: #df794f 
Taupy gray: Glenda: #87766B  
*/


BODY {
	font-family: Karma, Helvetica, serif;
	color: black;
}

A, A:hover {
	color: #87766B;
	text-decoration: none;
}


blockquote,
blockquote p {
	border: none;
	color: #316C7C !important;
}

#contentDiv {
/* 	margin: auto; */
/* 	min-width: 800px; */
/* 	max-width: 1000px; */
}

#topDiv {
	min-height: 200px;
}



#menuItems {
	float: right;
	padding-right: 8px;
}

.navLink {
	color: white;
	text-decoration: none;
}



@media only screen and (max-width: 390px) {
	
	.menuImg {display: none;}
	
}



@media only screen and (max-width: 40em) {
	
	#dropMenuDiv {
		background-color: rgba(19, 95, 109, 1);
		height: 700px;
	/*
		min-width: 800px;
		max-width: 1000px;
	*/
		z-index: 10;
		display:  block;
		position: absolute;
		top: 82;
		margin-top: 50px;
		float: right;
		display: none;
		padding-top: 18px;
	/* 	text-shadow: 2px 2px 8px black; */
		
	}
	
	#searchDiv {
		height: 60px;
		background-color: white;
		margin: 0px 4px 12px 12px;
	}
	
	#searchInputDiv {
		float:left;
		height: 50px;
		width: 80%;
		margin: 10px 0px 0px 12px;
		text-align: right;
	}
	
	#searchInput {
		width: 97%;
		height: 45px;
		border: none;
		font: 32px "Roboto Condensed";
		font-weight: 300;
	}
	
	#searchButtonDiv {
		float: right;
		height: 60px;
		width: 45px;
		padding-top: 10px;
	}
	
	#searchButtonImage {
		height: 40px;
		width: 40px;
	}
	
	
	#dropMenuLeft {
		width: 40%;
		padding-left: 10px;
		height: 700px;
		float: left;
		border-right: 1px solid rgba(255,255,255,.5);
		
	}
	
	#dropMenuLeft A {
		font: 18px "Roboto Condensed";
		font-weight: 300;
		
		}
	
	
	
	#dropMenuRight {
		width: 55%;
		height: 400px;
		float: right;
	}
	
	.menuHead {
		font: 42px "Roboto Condensed";
		color: white;
		margin-left: 50px;
	}
	
	#moreTopics {
		margin-left: 26px;
		color: white;
/* 		font: 28px "Roboto Condensed"; */
	}
	
	#moreTopics LI {
		margin-bottom: 10px;
	}
	
	#moreTopics LI A {
		color: white;
	}
	
	.rightMenuOption {
		font: 28px "Roboto Condensed";
	/* 	line-height: 140%; */
		color: white;
		margin-top: 6px;
		padding: 0px 0px 22px 0px;
		text-align: left;
	}
	
	.rightMenuOption A {
		color: white;
		font: 22px "Roboto Condensed";
		font-weight: 300;
	}
	
	#topRightMenuDiv {
		margin-top: 30px;
	}
	
	#logoDiv {
		float: left;
		width: 135px;
		height: 55px;
		background-color: white;
		margin-left: 8px;
		margin-top: 0px;
		position: absolute;
		padding: 8px 8px 0px 8px;
		z-index: 50;
	}
	
	#menuDiv {
		height: 48px;
		background-color: #316C7C;
		font: 14px "Roboto Condensed";
		color: white;
		padding-top: 14px;	
	}
	
	.navDiv {
		float: left;
		padding-left: 10px;
	}
	
	.menuImg {
		width: 18px;
	}
	
	
}



@media only screen and (min-width: 40.063em) { 
	
		#dropMenuDiv {
		background-color: rgba(19, 95, 109, 1);
		height: 800px;
	/*
		min-width: 800px;
		max-width: 1000px;
	*/
		z-index: 10;
		display:  block;
		position: absolute;
		top: 82;
		margin-top: 50px;
		float: right;
		display: none;
		padding-top: 18px;
	/* 	text-shadow: 2px 2px 8px black; */
		
	}
	
	#searchDiv {
		height: 100px;
		background-color: white;
		margin: 0px 18px 30px 18px;
	}
	
	#searchInputDiv {
		float:left;
		height: 80px;
		width: 85%;
		margin: 10px 0px 0px 22px;
		text-align: right;
	}
	
	#searchInput {
		width: 97%;
		height: 80px;
		border: none;
		font: 42px "Roboto Condensed";
		font-weight: 300;
	}
	
	#searchButtonDiv {
		float: right;
		height: 80px;
		width: 110px;
		padding-top: 10px;
	}
	
	#searchButtonImage {
		height: 80px;
		width: 80px;
	}
	
	
	#dropMenuLeft {
		width: 40%;
		padding-left: 10px;
		height: 700px;
		float: left;
		border-right: 1px solid rgba(255,255,255,.5);
		
	}
	
	#dropMenuLeft A {
		font: 38px "Roboto Condensed";
		font-weight: 300;
		}
	
	
	
	#dropMenuRight {
		width: 55%;
		height: 400px;
		float: right;
	}
	
	.menuHead {
		font: 42px "Roboto Condensed";
		color: white;
		margin-left: 50px;
	}
	
	#moreTopics {
		margin-left: 40px;
		color: white;
		font: 38px "Roboto Condensed";
	}
	
	#moreTopics LI {
		margin-bottom: 18px;
	}
	
	#moreTopics LI A {
		color: white;
	}
	
	.rightMenuOption {
		font: 28px "Roboto Condensed";
	/* 	line-height: 140%; */
		color: white;
		margin-top: 6px;
		padding: 0px 0px 22px 0px;
		text-align: left;
	}
	
	.rightMenuOption A {
		color: white;
		font: 36px "Roboto Condensed";
		font-weight: 300;
	}
	
	#topRightMenuDiv {
		margin-top: 30px;
	}
	
		
	#logoDiv {
		float: left;
		width: 254px;
		height: 100px;
		background-color: white;
		margin-left: 18px;
		margin-top: 0px;
		position: absolute;
		padding: 8px 16px 0px 16px;
		z-index: 50;
	}
	
	#menuDiv {
		height: 58px;
		background-color: #316C7C;
		font: 26px "Roboto Condensed";
		color: white;
		padding-top: 18px;	
	}
	
	.navDiv {
		float: left;
		padding-left: 22px;
	}

	.menuImg {
		width: 24px;
	}
}





#topImgDiv {
	text-align: center;
	height: auto;
	text-align: center;
	border-top: 1px solid #316C7C;
	border-bottom: 1px solid #87766B;
}

#topImg {
	max-width: 100%;
	height: auto;
	display: block; 
	margin: auto;
	
}

#categoryDiv {
	background-color: #C62052;
	color: white;
	text-align: center;
	margin-left: 15px;
}

#dateDiv {
	/* float: right; */
	width: 45%;
	height: 24px;
	text-align: right;
	font-weight: 300 !important;
}

h1 {
	text-align: center;
	color: #316C7C !important;
	/* font: 59px Karma; */
	font-family: Karma !important;
	font-weight: 500 !important;
	line-height: 120% !important;
}

#bylineDiv, .seriesAuthor {
	text-align: center;
	font-weight: 300 !important;
	color: #df794f;
}

#blurbDiv {
	text-align: center;
	font-weight: 300 !important;
}

blockquote.news, blockquote.big,
blockquote.news p, blockquote.big p {
	color: #316C7C !important;
	text-align: center;
	font-weight: 700;
}

.subhead, .nsubhead, .bdesTitle, .bsubhead, .bhead {
    color: #316C7C;
    font-weight: 600 !important;
}

.relatedStoriesLinks A {
	font-weight: 500 !important;
	text-decoration: none !important;
	
}

.des {
	font-weight: 300;
/* 	font-family: "Roboto Condensed"; */
	font-family: Roboto;
	padding-top: 8px;
}




@media only screen and (max-width: 40em) {
	#categoryDiv {
		max-width: 150px;
		height: 30px;
		font: 14px "Roboto Condensed";
		padding-top: 6px;
	}
	
	#dateDiv {
		font: 14px "Roboto Condensed";
		padding-top: 10px;
	}
	
	h1 {
		font-size: 2.0em !important;
		padding: 12px 12px 0px 12px !important;
	}
	
	#bylineDiv, .seriesAuthor {
		font: 18px Roboto;
		padding: 8px 8px 0px 8px;
	}
	
	#blurbDiv {
		font: 16px Roboto;
		padding: 12px 42px 0px 42px;
	}
	
	.socialIcon {
		width: 32px;
		height: 32px;
		padding-right: 0px;
	}
	
	.socialIconRight {
		width: 34px;
		height: 34px;
		padding-left: 2px;
	}
	
	#shareDiv {
		margin: 12px 12px 10px 12px;
		border-bottom: 1px solid #333;
		padding-bottom: 10px;
	}
	
	#articleDiv {
		font: 18px Karma;
		font-weight: 300;
		padding: 0px 6px 0px 6px;
	}
	
	#articleDiv P {
/* 		margin: 26px 0px 26px 0px; */
		font-size: inherit;
	}
	
	blockquote.news, blockquote.big {
		padding: 8px 6px 0px 6px;
		border-bottom: 6px solid #CF288F;
		border-top: 6px solid #CF288F;
		font-size: 20px !important;
		margin: 15px 0px;
		line-height: 60% !important;
		
	}
	blockquote.news p, blockquote.big p { 
		font-size: 20px !important;
	}
	
	#leftShareDiv {
		padding-bottom: 6px;
	}
	
	.subhead, .nsubhead, .bdesTitle, .bsubhead, .bhead {
	    font:  22px Karma;   
	    margin-bottom: 10px; 
	}
	
	.relatedStoriesLinks A {
		font-size: 22px;
		
	}
	
	.latestCat {
		width: 135px;
		height: 30px;
		background-color: #C62052;
		color: white;
		text-align: center;
		font: 16px "Roboto Condensed";
		padding: 6px 0px 0px 0px;
		margin: 10px 0px;
	}
	
	.latestLink {
		color: #316C7C;
		font-size: 18px;
		text-align: left;
		font-weight: 500;
		line-height: 110% !important;
	}
	
	.des {
	font-size: 16px;
	}

}


	
@media only screen and (min-width: 40.063em) { 
	#categoryDiv {
		/* width: 230px; */
		max-width: 230px;
		height: 40px;
		font: 24px "Roboto Condensed";
		padding-top: 7px;
	}
	
	#dateDiv {
		font: 22px "Roboto Condensed";
		padding-top: 10px;
		font-weight: 300;
	}
	
	h1 {
		font-size: 3.7em !important;
		padding: 42px 12px 0px 12px !important;
	}
	
	#bylineDiv, .seriesAuthor {
		font: 31px Roboto;
		padding: 8px 8px 0px 8px;
	}
	
	#blurbDiv {
		font: 29px Roboto;
		padding: 12px 42px 0px 42px;
	}
	
	.socialIcon {
		width: 56px;
		height: 56px;
		padding-right: 8px;
	}
	
	.socialIconRight {
		width: 56px;
		height: 56px;
		padding-left: 8px;
	}
	
	#shareDiv {
		margin: 32px 42px 0px 42px;
		border-bottom: 1px solid #333;
		padding-bottom: 10px;
	}
	
	#articleDiv {
		font: 22px Karma;
		font-weight: 300;
		padding: 0px 42px 0px 42px;
	}
	
	#articleDiv P {
		margin: 16px 0px 16px 0px;
		font-size: inherit;
	}
	
	blockquote.news, blockquote.big { 
		padding: 15px 8px 15px 8px;
		border-bottom: 6px solid #CF288F;
		border-top: 6px solid #CF288F;
		font-size: 32px;
		margin: 40px 0px;
	}
	
	blockquote.news p, blockquote.big p { 
		font-size: 32px;
	}
	
	.subhead, .nsubhead, .bdesTitle, .bsubhead, .bhead {
    font:  34px Karma;    
	}
	
	.relatedStoriesLinks A {
		font-size: 30px;
		
	}
	
	.latestCat {
		width: 230px;
		height: 40px;
		background-color: #C62052;
		color: white;
		text-align: center;
		font: 24px "Roboto Condensed";
		padding: 7px 0px 0px 0px;
		margin: 20px 0px;
		
	}
	
	.latestLink {
		color: #316C7C;
		font-size: 38px;
		text-align: left;
		font-weight: 500;
		line-height: 110% !important;
	}
	
	.des {
	font-size: 18px;
	}


}
	



#bylineDiv A {
	color: #df794f;
}


#leftShareDiv {
/* 	float: left; */
/* 	width: 400px; */
/* 	height: 64px; */
}

#rightShareDiv {
/* 	float: right; */
/* 	width: 255px; */
/* 	height: 64px; */
	text-align: right;
}



#articleDiv A {
	color: #87766B;
	text-decoration: none;
}



.googleAdDiv {
	padding: 9px 18px 9px 18px;
	border-bottom: 1px solid #D9DBDB;
	border-top: 1px solid #D9DBDB;
	font-size: 51px;
	color: #316C7C;
	margin: 25px 0px;
	text-align: center;
	font-weight: 500;
	min-height: 116px;
	
}



.advertisement {
	text-align: center;
	font: 12px "Roboto Condensed";
	margin-bottom: 12px;
}


#articleFooterDiv {
	margin: 50px 0px 25px 0px;
	padding: 26px 18px 10px 18px;
	border-bottom: 6px solid #D9DBDB;
	border-top: 1px solid #D9DBDB;
	min-height: 70px;
	text-align: center;
}



#relatedStoriesDiv {
	border-bottom: 6px solid #D9DBDB;
	padding: 12px 0px 46px 0px;
}


#relatedStoriesTitle {
	color: #c62052;
	font: 43px "Roboto Condensed";
	padding: 0px 0px 6px 0px;
	text-align: center;
	font-weight: 700;
}

.relatedStoriesLinks {
	text-align: center;
	margin-top: 32px;
}



#fbCommentDiv {
	padding: 0px 0px 12px 0px;
	min-height: 215px;
	border-bottom: 6px solid #D9DBDB;
}

#commentTitle {
	color: #316C7C;
	font: 43px "Roboto Condensed";
	padding: 0px 0px 12px 0px;
	text-align: left;
	font-weight: 700;
}



#latestDiv {
	border-bottom: 6px solid #D9DBDB;
	border-bottom: 6px solid #D9DBDB;
	margin-top: 22px;
/* 	height: 1180px; */
}


#latestDivTitle {
	color: #316C7C;
	font: 43px "Roboto Condensed";
	padding: 8px 0px 12px 0px;
	text-align: left;
	font-weight: 700;
}

.latestLinkDiv {
	overflow: auto;
	overflow-y: hidden; 	
	overflow-x: hidden; 
	border-top: 1px solid #D9DBDB;
}

#latestTextDiv {
/*
	float: right;
	width: 300px;
*/
}

#latestImageDiv {
/*
	width: 480px;
	float: left;
*/
	width: 50%;
/* 	min-height: 300px; */
}

.latestTextDiv {
/*
	 min-height: 300px;
	 position: relative;
	 left: 530px;
	 width: 280px;
	width: 40%;
*/
}

.latestTextContent {
/*
	position: absolute;
    bottom: 0;
    left: 0;
*/
}





#bottomLogoTable {
	margin-top: 12px;
}

#bottomLogoTable TD {
	width: 33%;
	text-align: center;
	vertical-align: middle;
}

#footerDiv {
	color: white;
	background-color: #316C7C;
	min-height: 100px;
}

#followUsDiv {
	margin-top: 20px;
	text-align: center;
	font: 24px "Roboto Condensed";
}

#bottomFollowLinks {
	text-align: center;
	margin-top: 18px;
}

#bottomLinksDiv {
	margin-left: 50px;
}

#bottomLinksDiv P {
	margin-top: 14px;
}

#bottomLinksDiv A {
	margin-top: 14px;
	color: white;
	font: 24px "Roboto Condensed";
	font-weight: 300;
}

#bottomLegalDiv {
	text-align: center;
	margin-top: 34px;
	padding-bottom: 42px;
	color: #dadada;
	font: 20px "Roboto Condensed";
	font-weight: 300;
	line-height: 170%;
}






.nline {
	
/*
    font:  32px Karma;    
    font-weight: 600;
    color: #316C7C;
*/
}

/* "miniheader" and tinyhead" can default to ROBOTO or just "tinyhead" to distinguish from other larger ubheads and so we don't have to go much smaller */



.miniheader, .newsminiheader, .bminihead {
    font:  30px Roboto;    
    color: #316C7C;
    font-weight: 500;
}



.tinyhead {
    font:  32px Karma;    
    color: #316C7C;
    font-weight: 500;
}



.little {
	padding-left: 0px;
	padding-top: 5px;
	font: 11px arial, sans-serif;
	color: #1c4f60;
}

.bPart {
	font:  30px Roboto;
	color: #d50050;
	margin-bottom: 3px;
    font-weight: 500;
}

.bookImgRight {
margin-left: 20px;
		
	margin-bottom: 40px;
}

.bookImg {
	margin-right: 20px;
	margin-bottom: 40px;
}


/*
.subhead {
	font:  32px Karma;	
	color: #316C7C;
	font-weight: 600;
}

.nsubhead {
	font:  32px Karma;	
	color: #316C7C;
	font-weight: 600;
}

.nline {
	font-weight: 600;
	color: #316C7C;
}

.miniheader {
	font:  30px Karma;	
	color: #316C7C;
	font-weight: 600;
}

.newsminiheader {
	font:  30px Karma;	
	color: #316C7C;
	font-weight: 600;
}

.tinyhead {
	font-weight: 600;
}
*/



.debug {
	border: 1px solid red;
}