@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic|Lora:400,400italic,700|Crimson+Text:400,400italic,700,700italic|Old+Standard+TT:400italic|Abril+Fatface);

/*### IE 6 and 7 fallback styles ###*/
@media screen and (min-width:0\0) {

#column-right {
  margin-top:-800px !important;
}

/* puts thinker head logo and words MormonThink next to each other */
#flex-header {
	background:#004266;
	z-index:100;
}

.header-left {
	float:left;
}

#sidethinker {
 left:5px;
}

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
#column-right {
  margin-top:0px !important;
}

/* puts thinker head logo and words MormonThink next to each other */
#flex-header {
	background:#004266;
	z-index:100;
}

.header-left {
	float:left;
}

#sidethinker {
 left:5px;
}
}




/*#########################*/
/*##### GLOBAL STYLES #####*/
/*#########################*/

.introimg {
 display:block;
 margin-left:20px;
 margin-right:-5px;
 margin-top:145px;
 border:none;
}

p.borders-above-below {
  border-top-style:solid;
  border-bottom-style:solid;
  border-width:2px;
  margin-top:40px;
  margin-bottom:15px;
}

p.border-below {
 border-bottom-style:solid;
 border-width:1px;
 margin-top:-5px;
 margin-bottom:25px;
 width:50%;
color:gray;
}

h1, h2, h3, h4, h5 {
 color:#000000;
 font-family:'Lora', serif;
 font-weight:600;
 text-decoration:none;
 margin-bottom:12px;
}


/*####  <h1> formatting  ####*/
h1 {
 font-size:165%;
 color:#000000;
}
a.heading-link:link {
	color:#000000;
	text-decoration:none;
	}
a.heading-link:visited {
	color:#000000;
	text-decoration:none;
	}
a.heading-link:hover {
	color:#000000;
	text-decoration:none;
	background-color:transparent;
	}

h2 {
 background-color:#a17500;
 padding:20px;
 font-size:140%;
 color:#ffffff;
 margin-top:2em;
}

h2 a:link {
 color:#ffffff;
 font-weight:normal;
 text-decoration:underline;
}
h2 a:visited {
 color:#ffffff;
}
h2 a:hover {
 background-color:#fdfbf2;
 text-decoration:underline;
}


h3 {
 background-color:#a12400;
 font-size:125%;
 color:#ffffff;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:#cccccc;
 margin-top:2em;
 padding:10px;
}

h3 a:link {
 color:#ffffff;
 font-weight:normal;
}
h3 a:visited {
 color:#ffffff;
}
h3 a:hover {
 background-color:transparent;
 text-decoration:underline;
  color:#ffffff;
}

h4 {
 background-color:#8c8c8c;
 font-size:110%;
 color:#ffffff;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:#cccccc;
 margin-top:1.5em;
 padding:6px;
}

h4 a:link {
 color:#000000;
 font-weight:bold;
}
h4 a:visited {
 color:#000000;
}
h4 a:hover {
 background-color:#fdfbf2;
 text-decoration:underline;
}

h5 {
 font-size:105%;
 color:#000000;
 font-weight:bold;
}

h5 a:link {
 color:#000000;
}
h5 a:visited {
 color:#000000;
}
h5 a:hover {
 background-color:#fdfbf2;
 text-decoration:underline;
}

img  a {border:none;}

a:link {
 color:#00688B;
 text-decoration:none;
}

a:visited {
 color:#009ACD;
}

a:hover {
text-decoration:underline;
}


.alternate-line-coloring li:nth-child(even) {
	background:#f2f2f2;
	}

blockquote {
 display:block;
 background:url("/img/pull-quote.png") no-repeat scroll 0 4px transparent;
	box-shadow:10px 10px 5px #e6e6e6;
 font-family:'Lora',serif;
 font-weight:400;
 font-size:95%;
 line-height:140%;
 /* background-color:#fdb800; */
 margin-top:10px;
 margin-bottom:25px;
 margin-left:20px;
 padding-top:3px;
 padding-right:35px;
 padding-bottom:3px;
 padding-left:35px;
 border-left-width:7px;
 border-left-style:solid;
 border-left-color:#fdb800;
}


/*####  HEADER  ####*/
/* main container */
#header {
	display:-webkit-flex;
    display:flex;
	-webkit-flex-flow:column;
	flex-flow:column;
	background:#004266;
	z-index:100;
}

#flex-header {
    display:-webkit-flex;
    display:flex;
		-webkit-flex-flow:row wrap;
		flex-flow:row wrap;
		justify-content:flex-start;
		align-content:flex-start;
	background:#004266;
    position:relative;
	z-index:100;
}

#flex-header a:hover {
	color:white;
	text-decoration:none;
}

#flex-header a {
	color:white;
	text-decoration:none;
}

/* left half of header containing logo */
.header-left {
	margin:10px 10px 0px 5px;
}

#logo-name {
	font-family:'Abril Fatface', serif;
	margin:15px 0px 0px 0px;
	font-size:45px;
	letter-spacing:3px;
	color:white;
	z-index:200;
}

#logo-name a:hover {
	background:none !important;
}

.small-caps {
	font-variant:small-caps;
}




/* ##### NAV BAR and MENUS ##### */

.tbar {
 background:#004266;
 color:#eeeeee;
 width:100%;
 position:relative;
 top:0px;
 left:0px;
 z-index:98;
}

.nav_bar_menu {
 font-family:'Open Sans', sans-serif;
 margin:0px 0px 0px 0px;
}

.nav_main_heading {
 font-family:'Open Sans', sans-serif;
 margin:0px 0px 0px 0px;
}

.nav_drop_down {
 font-family:'Open Sans', sans-serif;
 margin:0px 0px 0px 0px;
}


.tbar ul ul {
	display:none;
}

.tbar ul li:hover > ul {
 display:block;
 background:#2a2a2a !important;
}
	
.tbar ul {
 padding:0px;
 list-style:none;
 position:relative;
 display:inline-table;
}

.tbar ul:after {
	content:"";
	clear:both;
	display:block;
	 background:#004266 !important;
}
	
.tbar ul li {
	float:left;
}
	

.tbar ul li:hover {
 background:#004266 !important;
}

.tbar ul li a {
 color:#eeeeee;
 display:block;
 padding:5px 20px 8px 20px; /* adjusts the menu box size and the text within it */
 text-decoration:none;
}


.tbar ul ul {
 background:#2a2a2a;
 padding:0px;
 position:absolute;
}

.tbar ul li a:hover {
 background:#2a2a2a !important; /* makes main menu item have a near-black background */
 color:#ffffff;
}

.tbar ul li:hover > a {
background:#2a2a2a !important; /* keeps main menu item a near-black background after no longer hovering */
}

.tbar ul ul li {
 float:none;
 border-top:1px solid #4f4f4f;
 position:relative;
 white-space:nowrap;
 }

.tbar ul ul li a {
 color:#eeeeee;
}

.tbar ul ul li a:hover {
 background:#004266 !important;  /* makes drop-down item have a near-black background */
 color:#ffffff;
}

.tbar ul ul ul {
position:absolute;
left:100%;
top:0;
}

.sub-dropdown {
	float:right;
	font-weight:bold;
	margin-top:-20px;
}
/* ##### nav bar and menus end ##### */



/* ###  FOOTER  ### */
#footer {
    display:-webkit-box;   
	display:-moz-box; 
	display:-ms-flexbox;  
	display:-webkit-flex;
	display:flex;  
    
    -webkit-justify-content:center;
    -moz-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
    -moz-align-items:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;
 position:fixed;
 bottom:0;
 background-color:#004266;
 text-align:center;
 margin:0px;
 padding:10px 0px 10px 0px;
 height:auto;
 width:100%;
 left:0px;
 font-size:80%;
 z-index:98;
white-space:nowrap;
}

#footer a {
 color:#eeeeee;
 padding:0px 12px 0px 15px;
 text-decoration:none;
}

#footer a:hover {
 background:transparent;
 text-decoration:underline;
}

#footer a+a {
 border-left:solid 1px #eee;
}

/* search section */

.footer-menu {
}

/* search box */
.search-box {
margin-left:20px;
margin-top:2px;
}

input[name^="q"] {
    height:16px;
    width:200px;
}



/* search img - magnifying glass */
.search_img {
 margin:0px 0px 0px 0px;
}



.invisible {display:none;}

/* ###### table of contents (TOC) box begin ###### */
.toc {
  display:block;
  background:#ededed;
  max-height:70% !important;
  position:fixed;
  top:145px;
  left:-1px;
  width:200px;
  z-index:95;
  padding:10px 5px 10px 10px;
  border:solid 1px #cccccc;
  font-size:11px;
  line-height:5px;
	/* scrollbar */
  overflow:auto;
  overflow-y:auto;
  overflow-x:hidden;
}
  

.toc a {
	text-decoration:none;
	color:#000850;
}

.toc a:hover {
	text-decoration:underline;
	color:#000850;
	background-color:transparent;
}

.toc a:visited {
	text-decoration:none;
	color:#00304a;
}

.toc h3 {
  line-height:1;
  margin:0px 0px 0px -5px;
  text-align:left;
  color:#ffffff;
  border-bottom-width:0px;
 background-color:#a17500;
}

.toc p {
  white-space:nowrap;
}

.tools {
  display:none;
}



/* ####  BOOKS PAGE  #### */

em.book_title {
 font-weight:bolder;
}

p.book_title {
 font-family:'Lora', serif;
 font-size:120%;
 margin-top:50px;
}

img.rss {
	margin:0px 0px -3px 0px !important;
}


/* ####  TABLE  #### */

table {
 margin-bottom:20px;
}

td {
font-size:90%;
}

th {
 padding:15px;
}

.table-formatted {
    margin-left:10%; 
	padding:0px;
	box-shadow:10px 10px 5px #e6e6e6;
	border:0px solid #000000;
    border-collapse:collapse;
    border-spacing:0;
	height:100%;
}
.table-formatted tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.table-formatted table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.table-formatted table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.table-formatted tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.table-formatted tr:hover td{
	
}
.table-formatted tr:nth-child(odd){ background-color:#89bcff; }
.table-formatted tr:nth-child(even) { background-color:#ffffff; }

.table-formatted td{
	vertical-align:top;
	border:1px 1px 1px 1px;
	text-align:left;
	padding:7px 15px 7px 15px;

}.table-formatted tr:last-child td{
	border-width:0px 1px 0px 0px;
}.table-formatted tr td:last-child{
	border-width:0px 0px 1px 0px;
}.table-formatted tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.table-formatted tr:first-child td{
	background:-o-linear-gradient(bottom, #5e86ff 5%, #5e86ff 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5e86ff), color-stop(1, #5e86ff) );
	background:-moz-linear-gradient( center top, #5e86ff 5%, #5e86ff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e86ff", endColorstr="#5e86ff");
	background:-o-linear-gradient(top,#5e86ff,5e86ff);
	background-color:#5e86ff;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.table-formatted tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #5e86ff 5%, #5e86ff 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5e86ff), color-stop(1, #5e86ff) );
	background:-moz-linear-gradient( center top, #5e86ff 5%, #5e86ff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e86ff", endColorstr="#5e86ff");
	background:-o-linear-gradient(top,#5e86ff,5e86ff);

	background-color:#5e86ff;
}
.table-formatted tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.table-formatted tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
/* interior borders */
table td, table th {
  border:1px solid black;
vertical-align:bottom;
}
table tr th {
  border-top:0;
  border-bottom:0;
}
table tr td {
  border-top:0;
  border-bottom:0;
}
table tr td:first-child,
table tr th:first-child {
  border-left:0;
}
table tr td:last-child,
table tr th:last-child {
  border-right:0;
}

caption {
 font-weight:bold;
 font-size:120%;
 background-color:#004266;
 color:white;
 padding:20px;
 box-shadow:10px -3px 5px 0px #e6e6e6;
}


/*##########################*/
/*#### TABLETS PORTRAIT ####*/
/*##########################*/

@media only screen and (min-width:600px) and (max-width:800px) {

html {
 height:100%;
 font-family:'Open Sans', sans-serif;
 font-weight:400;
 margin:0px;
 padding-bottom:10px;
 background:#fdfbfc;
width:100%;
}

body {
 height:100%;
 margin:0px;
 padding:0px;
 border:0; /* This removes the border around the viewport in old versions of IE */
}

.bodytext {
 padding-left:230px;
 width:65%;
 margin-bottom:100px;
}

.toc {
  top:160px;
}


/* ### INDEX.HTM ### */

#two-columns {
	display:-webkit-flex;
    display:flex;
	z-index:100;
}

#column-left {
	display:-webkit-flex;
    display:flex;
	-webkit-flex-flow:column;
	flex-flow:column;
	width:150px;
	z-index:90;
	margin-left:-180px;
	padding-top:50px;
	padding-bottom:60px;
	padding-right:60px;
	padding-left:10px;
	border-right-style:solid;
	border-color:#cccccc;
	border-width:1px;
	align-items:center;
	text-align:center;	
	font-size:85%;
	font-weight:normal;		
}

#column-right {
  padding-top:50px;
  padding-left:20px;
  padding-bottom:60px;
}

.text {
  font-size:85%;
}


.intro {
  margin-top:50px;
  margin-left:0px;
}

.intro-mission {
	width:400px;
	font-family:'Old Standard TT', serif;
	font-size:135%;
	padding-left:35px;
}

.intro-quote {
	display:-webkit-flex;
  display:flex;
	-webkit-flex-flow:column;
	flex-flow:column;
	background-color:#004266;
	color:#eeeeee;
}

.intro-left {
 padding:15px;
 margin-left:auto;
 margin-right:auto;
}

.intro-right {
	padding:15px;
}

.top-stories {
	text-align:left;
	margin-top:30px;
	padding:10px 30px 30px 0px;
}

.thinkerimg {
 display:block;
 margin-left:auto;
 border:none;
float:right;
padding-right:150px;
}

.intro-quote {
	display:-webkit-flex;
    display:flex;
	align-items:center;
	width:550px;
	background-color:#004266;
	color:#eeeeee;
}


#sidethinker {
 position:fixed !important;
 top:80px;
 z-index:-100;
padding-left:10px;
}




}


/*###########################*/
/*#### TABLETS LANDSCAPE ####*/
/*###########################*/

@media only screen and (min-width:801px) and (max-width:1024px) {

html {
 height:100%;
 font-family:'Open Sans', sans-serif;
 font-weight:400;
 margin:0px;
 padding-bottom:10px;
 background:#fdfbfc;
width:100%;
}

body {
 height:100%;
 margin:0px;
 padding:0px;
 border:0; /* This removes the border around the viewport in old versions of IE */
}

.bodytext {
 padding-left:230px;
width:70%;
 margin-bottom:100px;
}

img {
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}

.toc {
  top:120px;
}


/* ### INDEX.HTM ### */

#two-columns {
    display:flex;
	display:-webkit-flex;
	z-index:100;
}

#column-left {
	display:-webkit-flex;
    display:flex;
	-webkit-flex-flow:column;
	flex-flow:column;
	width:150px;
	z-index:90;
	margin-left:-180px;
	padding-top:50px;
	padding-bottom:60px;
	padding-right:60px;
	padding-left:10px;
	border-right-style:solid;
	border-color:#cccccc;
	border-width:1px;
	align-items:center;
	text-align:center;	
	font-size:85%;
	font-weight:normal;		
}

#column-right {
  padding-top:50px;
  padding-left:20px;
  padding-bottom:60px;
}

.text {
  font-size:85%;
}


.intro {
  margin-top:50px;
  margin-left:0px;
}

.intro-mission {
	width:400px;
	font-family:'Old Standard TT', serif;
	font-size:135%;
	padding-left:35px;
}

.intro-left {
	padding-left:15px;
	padding-right:15px;
}

.intro-right {
	padding:15px;
}

.top-stories {
	text-align:left;
	margin-top:30px;
	padding:10px 30px 30px 0px;
}

.thinkerimg {
 display:block;
 margin-left:auto;
 border:none;
float:right;
padding-right:150px;
}

.intro-quote {
	display:-webkit-flex;
    display:flex;
	align-items:center;
	width:550px;
	background-color:#004266;
	color:#eeeeee;
}


#sidethinker {
 position:fixed !important;
 top:50px;
 z-index:-100;
padding-left:10px;
}


}



/*#########################*/
/*#### DESKTOP SCREENS ####*/
/*#########################*/
@media only screen and  (min-width:1025px) {

html {
 height:100%;
 font-family:'Open Sans', sans-serif;
 font-weight:400;
 margin:0px;
 padding-bottom:10px;
 background:#fdfbfc;
width:100%;
}

body {
 height:100%;
 margin:0px;
 padding:0px;
 border:0; /* This removes the border around the viewport in old versions of IE */
}


.bodytext {
 padding-left:250px;
/* margin-left:215px; */
width:75%;
 margin-bottom:100px;
 font-size:14pt;
}


p {
 white-space:normal;
 margin:10px 5px 15px 0px;
}

p.borders-above-below {
  border-top-style:solid;
  border-bottom-style:solid;
  border-width:2px;
  margin-top:40px;
  margin-bottom:15px;
}





ul {
 margin:4px 12px 4px 30px;
 list-style-position:outside;
 padding-left:5px;
}

 li {
 font-size:98%;

 margin:5px 12px 4px 20px;
}

ol {
 margin:4px 12px 4px 50px;
 list-style-position:outside;
 padding-left:5px;
 list-style-type:decimal;
 }


.inline_quote {
 font-family:'Lora',serif;
 font-weight:400;
 font-size:100%;
 font-style:italic;
 line-height:120%;
}


/* indents for non quotes */
.indent {
 font-size:98%;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:20px;
 padding-left:35px;
}

/* indents for non quotes level 2*/
.indent2 {
 font-size:97%;
 font-family:calibri, helvetica, sans-serif;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:40px;
 padding-left:55px;
}

/* indents for non quotes level 3*/
.indent3 {
 font-size:97%;
 font-family:calibri, helvetica, sans-serif;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:60px;
 padding-left:75px;
}

/* indented and quoted */
.indent-quotes {
 background:url("/img/pull-quote.png") no-repeat scroll 0 4px transparent;
 font-size:97%;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:60px;
 padding-left:35px;
 border-left-width:1px;
 border-left-style:solid;
 border-left-color:#cccccc;
}

.indent-ltblue {
 font-size:97%;
 margin-top:-5px;
 margin-bottom:-5px;
 padding-top:5px;
 padding-bottom:5px;
 margin-left:55px;
 background-color:#EDEDED;
 color:#444;
}

figure {
 display:block;
 border:none;
}

figcaption {
 font-size:90%;
 font-style:italic;
 font-family:'Times New Roman', serif;
 color:#8D8D8D;
 text-decoration:none;
}

img {
 border:none;
 }

 .align-right {
 display:block;
 float:right;
 margin:10px 20px 20px 20px;
 padding:10px;
 background-color:#fdfbfc;
}

.align-left {
 display:block;
 float:left;
 margin:0px 30px 20px 0px;
 padding:10px;
 background-color:#fdfbfc;
}

.img-glossary {
 display:block;
 float:right;
 margin:0px 30px 20px 20px;
 padding:0px 0px 20px 20px;
 background-color:#fdfbfc;
}

.iframe {
 display:block;
 margin-left:auto;
 margin-right:auto;
 border:none;
 padding:20px 20px 20px 20px;
}

sup {
 font-size:11px;
 font-family:calibri, helvetica, sans-serif;
 line-height:0;
}

.blurb {
 width:120px;
 color:#000000;
 background-color:#fdfbf2;
 margin:auto;
 font-size:90%;
}

.blurb .text {
 font-weight:normal;
 font-size:85%;
}


.highlight-ltblue
{
 background-color:#DEEFFF;
 padding-top:20px;
 padding-bottom:20px;
 padding-left:20px;
 padding-right:20px;
 display:table; /* keeps the blue box from going under pictures */
 }

 .highlight-ltblue-inline {
 background-color:#DEEFFF;
 }

.believers_response { background-color:#ECECFF; }

.reference {
 font-size:95%;
 font-weight:normal;
/* line-height:12px; */
 margin-top:13px;
 margin-bottom:13px;
 margin-left:-10px;
 list-style-position:outside;
}

.refquote {
 background:url("img/pull-quote.png") no-repeat scroll 0 4px transparent;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:-10px;
 padding-left:40px;
 /* border-left-width:1px;
 border-left-style:solid;
 border-left-color:#cccccc; */
}

.refsource {
 font-family:'Lora',serif;
 font-weight:400;
 font-size:95%;
 margin-top:-12px;
 margin-bottom:20px;
 margin-left:70px;
 padding-left:5px;
 border-left-width:2px;
 border-left-style:solid;
 border-left-color:#fdb800;
}

.links {
 font-size:80%;
 background-color:white;
 border-style:solid;
 border-width:1px;
 border-color:#cccccc;
 z-index:200;
 margin-right:auto;
 margin-left:auto;
 color:#000000;
 width:700px;
}

.links a:link {
 color:#00688B;
 text-decoration:none;
}

.links a:visited {
 color:#6586AB;
}

.links img {
 max-height:100px;
 max-width:100px;
}


.alpha li {
 list-style:upper-alpha;
 list-style-position:outside;
}


.red {
 color:red;
}

.blue {
 color:blue;
}

p.numbered-list
{
  padding-left:20px;
}

p.numbered-list:first-letter
{
  margin-left:-20px;
}


#sidethinker {
 position:fixed !important;
 top:45px;
 z-index:-100;
}


.toc {
  top:145px;
}



/* ### INDEX.HTM ### */

#two-columns {
	width:100%;
	display:-webkit-flex;
    display:flex;
	z-index:100;
}

#column-left {
	display:-webkit-flex;
    display:flex;
	-webkit-flex-flow:column;
	flex-flow:column;
	vertical-align:top;
	width:150px;
	z-index:90;
margin-left:-230px;
	padding-top:50px;
	padding-bottom:60px;
	padding-right:10px;
	padding-left:10px;
	border-right-style:solid;
	border-color:#cccccc;
	border-width:1px;
	align-items:center;
	text-align:center;	
	font-size:65%;
	font-weight:normal;	
}


#column-right {
  padding-top:50px;
  padding-left:50px;
  padding-bottom:60px;
}


.text {
  font-size:85%;
}


.intro {
  margin-top:50px;
  margin-left:0px;
}

.introimg {
float:right;
}

.intro-mission {
	width:60%;
	font-family:'Old Standard TT', serif;
	font-size:135%;
	padding-left:35px;
	padding-bottom:25px;
}

.intro-left {
	padding-left:15px;
	padding-right:15px;
}

.intro-right {
	padding:15px;
}

.top-stories {
	text-align:left;
	margin-top:30px;
	padding:10px 30px 30px 0px;
}

.thinkerimg {
 display:block;
 margin-left:auto;
 border:none;
float:right;
padding-right:150px;
}

.intro-quote {
	display:-webkit-flex;
    display:flex;
	align-items:center;
	width:550px;
	background-color:#004266;
	color:#eeeeee;
}


}



/*#########################################*/
/*### SMALLEST SCREENS - MOBILE - PHONE ###*/
/*#########################################*/
@media only screen and (min-width:300px) and (max-width:599px) {


html {
 width:100%;
 height:100%;
 font-family:'Open Sans', sans-serif;
 font-weight:400;
 -webkit-text-size-adjust:100%; /* Prevent font scaling in landscape while allowing user zoom */
 background:#fdfbfc;
}

body {
 width:100%;
 height:100%;
}

.bodytext {
 width:100%;
 margin-bottom:100px;
 font-size:16px;
}

img {
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}


blockquote {
 margin-top:15px;
 margin-bottom:15px;
 margin-left:10px;
 margin-right:2px;
 padding-top:8px;
 padding-right:10px;
 padding-bottom:5px;
 padding-left:20px;
}


.toc {
	display:none;
}


/* FOOTER */
#footer {
 font-size:50%;
 padding:0px 0px 0px 0px;
 z-index:0;
 line-height:180%;
}

#footer a {
 padding:0px 5px 0px 8px;
}




/*####  HEADER  ####*/
/* main container */

#header {
	display:-webkit-flex;
    display:flex;
	-webkit-flex-flow:column;
	flex-flow:column;
	background:#004266;
	z-index:100;
}

#flex-header {
    display:-webkit-flex;
    display:flex;
	-webkit-flex-flow:row nowrap;
	flex-flow:row nowrap;
	justify-content:flex-start;
	align-content:flex-start;
	z-index:100;
}

#flex-header a:hover {
	color:white;
	text-decoration:none;
}

#flex-header a {
	color:white;
	text-decoration:none;
}

/* left half of header containing logo */
.header-left {
	margin:10px 10px 0px 0px;
}

#logo-name {
	font-family:'Abril Fatface', serif;
	margin:15px 0px 0px 0px;
	font-size:28px;
	letter-spacing:3px;
	color:white;
	z-index:200;
}

#logo-name a:hover {
	background:none !important;
}

.small-caps {
	font-variant:small-caps;
}


#sidethinker {
  display:none !important;
}


/* ### MENU BAR ### */

.tbar {
	display:-webkit-flex;
    display:flex;
	background:#004266;
	color:#eeeeee;
	position:relative;
	top:0px;
	left:0px;
	z-index:98;
	font-size:60%;
	line-height:250%;
	padding:-5px 0px 15px 0px; /* adjusts the menu box size and the text within it */
}
.nav_bar_menu {
 font-family:'Open Sans', sans-serif;
 margin:0px 0px 0px 0px;
}

.nav_main_heading {
 font-family:'Open Sans', sans-serif;
 margin:0px 0px 0px 0px;
}

.nav_drop_down {
 font-family:'Open Sans', sans-serif;
 margin:0px 0px 0px 0px;
}


.tbar ul ul {
	display:none;
	}
	
.tbar ul li:hover > ul {
	display:block;
	}
	
.tbar ul {
 padding:0px;
 list-style:none;
 position:relative;
 display:inline-table;
}

.tbar ul:after {
content:"";
clear:both;
display:block;
	}
	
.tbar ul li {
	float:left;
	}
	
.tbar ul li:hover {
 background:#222; /*2a2a2a (it kinda looked better dark)*/
}

.tbar ul li a {
 color:#eeeeee;
 display:block;
 padding:0px 8px 0px 8px; /* adjusts the menu box size and the text within it */
 text-decoration:none;
}


.tbar ul ul {
 background:#2a2a2a;
 padding:0px;
 position:absolute;

}

.tbar ul ul li {
 float:none;
 border-top:1px solid #4f4f4f;
 position:relative;
 white-space:nowrap;
 }

.tbar ul ul li a {
 color:#eeeeee;
}

.tbar ul ul li a:hover {
 background:#0055AB;
 color:#ffffff;
}

/* position of sub-dropdown */
.tbar ul ul ul {
position:absolute;
left:100%;
top:0;
}


/* #### INDEX.HTM #### */

#two-columns {
	width:100%;
}

#column-left {
	display:none;
	width:100%;
}

#column-right {
  padding-left:0px;
  padding-bottom:60px;
  	font-size:;
}

.intro {
  display:block;
  margin-top:90px;
  margin-left:0px;
}

.intro-mission {
	width:80%;
	font-family:'Old Standard TT', serif;
	padding-left:15px;
  font-style:italic;
line-height:1.4;
}

.intro-quote {
	display:-webkit-flex;
  display:flex;
	-webkit-flex-flow:column;
	flex-flow:column;
	background-color:#004266;
	color:#eeeeee;
}

.intro-left {
 padding:15px;
 margin-left:auto;
 margin-right:auto;
}

.intro-right {
	padding:15px;
}

.thinkerimg {
 vertical-align:text-top;
 display:block;
 float:right;
 margin-top:-80px;
 margin-bottom:20px;
 margin-left:10px;
 margin-right:20px;
 border:none;
	max-width:20%;
	max-height:20%;
	width:auto;
	height:auto;
}


#h1intro {
  display:block;
	position:absolute;
	margin-top:-80px;
}

.top-stories {
	text-align:left;
	margin-top:30px;
	padding:10px 30px 30px 0px;
}


h1 {
 font-size:180%;
}


h2 {
 font-size:165%;
 margin-top:1em;
}

h3 {
 font-size:140%;
  margin-top:1em;
}

h4 {
 font-size:130%;
}

h5 {
 font-size:120%;
}


p {
 white-space:normal;
 margin:10px 0px 10px 0px;
font-size:110%;
}



}