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


/* I'm not sure why i have to add these next two presentation video class changes
in some of these old presentations, but if I don't, the lower caption doesn't align
properly */
.presentationVideo_v2 {
	margin-bottom:25px;
}

.presentationVideoCaption {
	bottom: -25px;
}

.main_page_thumbnail
{
	width:40%;
	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.7em; color:#a67d64;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.presentation_page_heading_small_text
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size:1.2em;
	color:#a67d64;
}


/* blockquote related styles */

.blockquote_style
{
	font-style: italic;
	margin-left: 2.2em;
	margin-right: 2.2em;
	font-size: 85%;
}

.blockquote_style > div
{
	text-align:center;
	margin-bottom:10px;
}

.prologue_top_line
{
	width:100%;
	height:1px;
}

.prologue_bottom_line
{
	width:100%;
	height:1px;
}




.styleTrackmapRowElement
{
    border:1px solid #333333;
	padding-top:17px; 
	padding-bottom:10px;
	background-color:#AFAD8F;
}


/*
.styleFloraRightTitleCell
{
   text-align:right; 
   padding-top:3px; 
   padding-right:2px;
   margin:1px; 
   width:275px;
}

.styleFloraTextBlock
{
   padding-top:10px;
   margin-bottom:10px;
}

.styleFloraTextBlockParagraph
{
   margin: 0px 0px 0px 0px;
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.8em;
}

.styleFloraTextBlockParagraphSmaller
{
   margin: 0px 0px 0px 0px;
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.6em;
}

.styleFloraBlock
{
    width:580px;
	margin-bottom:50px;
	margin-top:15px;
	padding-left:10px; padding-right:10px;
	padding-bottom:10px;
}
*/


/* flora page styles */
.flora_header
{
	font-style:italic;
}

.flora_sub_header
{
	margin-bottom:10px;
}

.flora_block
{
	margin-top:30px;
	border-left:1px solid #a67d64;
	padding-left:10px;
}

.flora_body
{
	font-size:0.85em;
	margin-left:10px;
	margin-right:30px;
	
}