@charset "utf-8";
body {
	font: 100%/1.2 Verdana, Arial, Helvetica, sans-serif;
	font-family:Georgia, "Times New Roman", Times, serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
}

.pagetitle_conf_sub{
	color:  #2B2F64;
	font-size: 15px;
	font-family:Mignon,Cambria, Times, serif; 

/*	font-family: "Frutiger LT Std", "trebuchet MS", sans-serif;
/*	text-transform:uppercase; */

	font-weight:bold;
}

.pagetitle_conf_text{
	font-family:Mignon,Cambria, Times, serif; 
	color: #8a1b04;
	font-size: 14px;
	font-weight:bold;
}

.pagetitle_lesson_head{
	font-family:Mignon,Cambria, Times, serif; 
	color: #8a1b04;
	font-size: 15px;
	font-weight:bold;
	margin-top:5px;

}


.TopicHeading {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:22px;
	color:#743677;
	text-transform: none;
	
}

.TopicSubHeading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-transform: none;
 	color: #0054a4;	
		padding-top:10px;

}

.TopicSubHeading_space {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-transform: none;
 	color: #0054a4;	
	padding-top:10px;
	margin-bottom:4px;

}

.GreenBulletList {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-transform: none;
    color: #006f53;         
}

.highlight { 
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	text-transform: none;
    color:#8a1b04;
	}

.TopicAuthor {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	text-transform: none;
 	color: #000;	
	margin-left: 30px;

}

.TopicAuthor_green {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size: 13px;
	text-transform: none;
    color: #006f53;

}

.ImageDetail {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-transform: none;
 	color: #000;	
}



.TopicHeadingDownload {
	font-family:Georgia, "Times New Roman", Times, serif;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-weight:bold;
	font-size:22px;
	color:#743677;
}

.sidelink{
		font-size: 12px;
}

.SideBarHeading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	padding: 0px 15px 5px 0px;
	text-transform: none;
	
}

.SideBarSubHeading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-transform: none;
	color:#743677;
	padding: 0px 5px 5px 0px;
}

a.SideBarSubHeading:link {
	text-decoration:none;
	color:#743677;
}

.SideBarSubHeadingColor {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-transform: none;
 	color:#000;
	padding: 0px 5px 5px 0px;
}

.SideBarText {
	font-size: 12px;
	padding: 0px 5px 5px 0px;
}

.RightBoxText {
	font-size: 14px;
	margin-right:5px;
}
.pointofinterest{
	font-family:Geneva, Verdana, sans-serif;
	color: #AE6219;
	font-size: 18px;
	font-weight: bold;

}

.pointofinterest_small{
	font-family:Geneva, Verdana, sans-serif;
	color: #AE6219;
	font-size: 14px;
	font-weight: bold;

}

.pointofinterest_space{
	font-family:Geneva, Verdana, sans-serif;
	color: #AE6219;
	font-size: 18px;
	font-weight: bold;
	padding-top:10px;
	margin-bottom:4px;
}

.dropcap {
    font-size: 400%;
    padding: 0 2px 0 0;       
    color: #006f53;         
    float: left;   
    line-height: 0.8em;
    position: relative;
    left: -3px;
	padding-top: 20px;
}

.highlightword {
    font-size: 125%;
    color: #006f53;         
}

.footertext {
	font-size:11px;	
}

.imagecaption {
	font-size:11px;	
	text-align:center;
}

.QuoteHighlight {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
}

.tableborder {
	border-style:solid;
	border-width:1px;
	border-color:#727272;
	background:#E2E9FE;
	padding:3px;
	margin: 3px, 3px, 3px, 3px;
}


p {
	font: 100%/1.2 Verdana, Arial, Helvetica, sans-serif;
	font-family:Georgia, "Times New Roman", Times, serif;
		
}

p + ul {  
   margin-top: -11px;
	font: 100%/1.2 Verdana, Arial, Helvetica, sans-serif;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3, h4, h5, h6, p{
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */

	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	text-decoration:none;
	color:#00529b;
}

a:visited {
	color: #00529b;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
}

a.TopicAuthor:link, a.TopicHeading:visited {
	color:#000;
}
a.TopicHeading:link, a.TopicHeading:visited {
	color:#743677;
}

a.SideBarSubHeading:link, a.SideBarSubHeading:visited {
	color:#743677;
}


a.SideBarSubHeading:hover {
	text-decoration:underline;	
}



/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 826px;
	background: #FFF;
	border-style:solid;
	border-width:thin;
	border-color:#828282;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}



/* ~~ miscellaneous float/clear classes ~~ */
.floatright_border{
	float:right;
	padding:4px;
	border-style:solid;
	border-width:1px;
	border-color:#727272;
	padding:3px;
	margin: 3px, 3px, 3px, 3px;
}

.floatright_border_shade{
	float:right;
	padding:4px;
	border-style:solid;
	border-width:1px;
	border-color:#727272;
	background:#E2E9FE;
	padding:3px;
	margin: 3px, 3px, 3px, 3px;
}



.QuoteHighlight {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	border-style:solid;
	border-width:1px;
	border-color:#727272;
	padding:3px;
	margin: 3px, 3px, 3px, 3px;
	background: #CCC49F;
}

.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}

.floatleft_border{
	float:left;
	padding:4px;
	border-style:solid;
	border-width:1px;
	border-color:#727272;
	padding:3px;
	margin: 3px, 3px, 3px, 3px;
}
