@import "/Themes/modern/page_style.css";

.main_page_thumbnail
{
	width:20%;
	padding-bottom:20px;
	text-align:right;
}


.main_page_thumbnail div
{
	padding-right:20px;
}


.main_page_entry
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:20px;
	font-size:0.9em;
	line-height:1.3em;
	width:60%;
	
	vertical-align:top;
	padding-bottom:20px;
}

.main_page_main_title
{
	font-size:150%;
	font-weight:bold;
}

.main_page_sub_title
{
	font-weight:bold;
}

.main_page_subnote
{
	font-size:70%;
}



/* --- MAIN PAGE STYLING START --- */
.main_page_outer_table {
	max-width:900px;
	margin-top:20px;
}


/* really narrow widths (phone portrait) */
/* 560px = 35em */
@media all and (max-width: 35em) {
	.main_page_thumbnail
	{
		width:25%;
		text-align:center;
	}

	.main_page_entry
	{
		width:75%;
		padding-right:0px;
	}
	
	.main_page_outer_table img {
		width:100px;
	}
}
/* --- MAIN PAGE STYLING END --- */


/* The next 3 styles are for the bold text headings at the top of each page in the story and focus-on pages */
.presentation_page_heading
{
	margin: auto;
	width: 600px;
}

.presentation_page_heading_p
{
	text-align:center;
}

.presentation_page_heading_big_text
{
	font-size:1.3em; color:#006699;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.presentation_page_heading_small_text
{
    font-family: Arial, Helvetica, sans-serif;
  	font-size:1.0em;
	color:#006699;
}

.my_blockquote
{
	font-size:0.9em;
	margin-left:50px;
	margin-right:50px;
	font-style:italic;
}