@charset "utf-8";
/* CSS Document */
/** Responsive Menu **/

@media only screen and (max-width: 1400px) {
.dashboard_item a {
    float: none;
    margin-top: none;
	font-size: 90%;
}


@media only screen and (max-width: 1200px) {
.content {
width: 100%;
}

.hp_content {
max-width: 100%;
min-height: inherit;
}
}

@media only screen and (max-width: 1090px) {
	
#logo 
	{
left: 15px;
top:10px;
	}

.dashboard_item {
	height: 60px;
	font-size: 90%;
}	
}

/*  GO FULL WIDTH AT LESS THAN 900 PIXELS */

@media only screen and (max-width: 900px) 
{
		
	.col { 
		margin: 1% 0 1% 0%;
	}

	.span_3_of_3, .span_2_of_3, .span_1_of_3 
	{ 
		width: 100%; 
	}
	
	
	#logo img
	{
		width: 250px;
	}
	
	#navigation 
	{
	    width: 190px;
	    position: static;
	    float: right;
	    padding: 0 0px 20px 20px;
	    margin-right: 10px;
	    background-color: #fff;
	}

	#section_content 
	{
	    width: 100%;
	    border-right: none;
  	}
  	
  	div.Graphic div.BoxNote {
    	width: 526px;
	}
	
	div.Graphic div.Caption 
	{
	    width: 100%;
	    float: none;
	}
	
	div.Graphic div.Caption::before {
    content: '\e858';
    font-family: 'fontello';
    color: #193C6A;
    font-size: 12pt;
    line-height: 14px;
    float: left;
    position: relative;
    top: 4px;
    left: -2px;
    margin-right: 2px;
}
	
.section_crown h1 {
	font-size: 155%;
}
	
.section_crown h2 {
	font-size: 110%;
	line-height: 120%;
}

.dashboard_item a {
    border-left: none;
    margin-right: 0px;
    padding: 0px;
}	
.highlight_box_blue {
    width: 100%;
}
.highlight_box_purple {
	width: 100%;	
}
	
.highlight_box_blue_big {
	width: 100%;	
}

.highlight_box_dark_blue_big {
	width: 100%;	
}

.highlight_box_red {
	width: 100%;	
}

#logo img {
    width: 225px;
}	
#logo {
top: 15px;
left: 3px;
	}

#global {
margin-right: 5px;
}	
	
}

/*  GO FULL WIDTH AT LESS THAN 700 PIXELS */

@media only screen and (max-width: 700px) {

#footer {
    height: 280px;
    margin-top: -280px;
}

#frame::after
{
	height: 280px;
}

div.Graphic div.BoxNote {
    width: 100%;
}

div.Graphic img, div.Graphic table {
    max-width: 100%;
}
/** Responsive Menu **/
.image_panel {
    background-size: cover;
    min-height: 200px;
    top: 0 !important;
    width: 100%;
}

.image_panel H2 {
	float: none;
	font-size: 140%;
	margin-top: 30px;
	margin-left:20px;	
	width: 260px;
	padding-top: 60px;
	margin-right: 0px;
}
	
	
#hamburger {
color:#222;
padding: 15px 15px;
position: fixed;
right: 0;
top: 0;
cursor: pointer;
font-size: 175%;
display: block;
}

#search_link {
    color: #222;
    cursor: pointer;
    display: block;
    font-size: 175%;
    padding: 15px;
    position: fixed;
    right: 40px;
    top: 0;
}

#search_link a
{
	color: #222;
}

#search
{
	display: none;
}	

#logo {
left: 10px;
}

	
#global 
	{
background-color: #FFF;
margin: 0;
opacity: 0.9;
position: absolute;
right: 0;
top: 0;
display: none;
z-index:999;
}

#global ul {
    display: block;
    width: 100%;
    border-bottom: 1px solid #132E51;
    background-color: #DADFE7;
    padding: 0 0 20px 0;
}
	
#global ul > li
	{
width: 100%;
padding: 0 15px 0;
	}
	
#global ul > li > ul
	{
position: relative;
display: block;
visibility: visible;
top: 0;
opacity: 1;
width: 100%;
height: 0;
overflow: hidden;
	}	
	
#global ul > li.sfhover > ul
	{
height: auto;
	}
	
#global ul > li > ul > li {
    display: block;
    width: 100%;
    padding: 0 10px;
}	
		
#global a:link {
color: #333c4e;
display: block;
padding: 10px 0;
	}

p#breadcrumbs {
    font-size: 70%;
	line-height: 110%;
    top: 0;
}

.section_crown h1 {
	font-size: 110%;
}
	
.section_crown h2 {
	font-size: 90%;

}	

.toc_section_content {
    display: block;
}
	
}

/** END Responsive Menu **/

	
	/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }

	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
.dashboard_item {
	height: 60px;
	font-size: 80%;
	line-height: 110%;
}

.hp_menu {
    height: 25px;
    width: 25px;
}	
.section_crown h2 {
display:none;
	
	}
#navigation {

    width: 100%;
	float: none;
	padding: 20px 0;
}

#jump_links .section_number {
    float: none;
    margin-right: 0px;
    width: 100%;
}	
	
#jump_links a {
    float: none;
    width: 100%;
	margin-bottom:-15px;
}
	}

	
@media only screen and (max-width: 380px) {	
#logo img {
width: 200px;
}
	}
	
@media only screen and (max-width: 300px) {	
.image_panel H2 {
    font-size: 100%;
    margin-left: 10px;
    margin-top: 30px;
    padding-top: 60px;
    width: 80%;
}
#logo img {
    width: 130px;
}
	
	
#search_link {
    font-size: 125%;
    padding: 15px;
    right: 25px;
}

#hamburger {
    font-size: 125%;
    padding: 15px;
}

	
#header {
    height: 45px;
}
	
}