/* For mobile: */

body {
    background-color: #C9C9C9;
	border-style: solid;
    border-width: 0.25em;
    border-color: #232323;
}

#inner_body {
    background-color: #F2F2F2;
	padding: 1em 0.5em 0.5em 0.5em;
}

#source_masthead_para {
    line-height: 40%;
    margin: 0em 8em 0em 0em;	
}

#source_masthead_link {
    color: #000000;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 0.8em;
	font-weight: 700;
	font-variant: normal;
    text-decoration: none;
    letter-spacing: 0.04em;
}

#source_masthead_link:hover {
    color: #00ADEF;
    text-decoration: none;
}

#source_masthead_strap {
    font-size: 50%;
	font-weight: 700;
}

#gpo2016_masthead_para {
    color: #00ADEF;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 1.6em;
	font-weight: 700;
	font-variant: normal;
    text-decoration: none;
    line-height: 90%;
    letter-spacing: 0em;
	clear: both;
    margin: 0em 0em 0em 0em;
}

#gpo2016_masthead_strap {
    color: #000000;
    font-weight: 400;
}

#blurb_para {
    color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	font-weight: normal;
	font-variant: normal;
    text-decoration: none;
    line-height: 125%;
    letter-spacing: 0em;
    margin: 0.5em 1em 1.8em 0em;
}

.blurb_bold {
    color: #00ADEF;
    font-weight: bold;
}

.blurb_italic {
    color: #000000;
    font-style: italic;
}

#selector_name {
    color: #00ADEF;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 1.3em;
	font-weight: bold;
	font-variant: normal;
    text-decoration: none;
	margin-top: 0em;
    margin-bottom: 0.1em;
    margin-left: 0em;
    margin-right: 0em;
    line-height: 100%;
}

.gpo_guide_nav_icon {
    max-width: 55%;
    height: auto;
    margin: 0em 0em 0em 0em;	
}

#gpo_guide_nav_column {
    margin: 0em 1em 0.5em 0.5em;
    display: none;
}

#gpo_guide_nav_column_compact {
    margin: 1em 1.6em 0.5em 0em;
    display: block;
}

.gpo_guide_nav_para {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    font-style: italic;
    font-weight: bold;
    font-variant: normal;
    color: #00ADEF;
    text-align: center;
    margin: 0em -2.6em 2em -2.6em;
}

.gpo_guide_nav_link {
    text-decoration: none;
    color: #00ADEF;
}

A.gpo_guide_nav_link:hover {
    text-decoration: none; 
    color: #000000;
}


.gpo_guide_nav_icon_1 {
    float: left;
    margin: 0em 0em 0em 0em;	
}

.gpo_guide_nav_icon_2 {
    float: left;
    margin: 0em 0em 0em 0em;	
}

.gpo_guide_nav_icon_3 {
    float: left;
    clear: left;
    margin: 0em 0em 0em 0em;	
}

.gpo_guide_nav_icon_4 {
    float: left;
    margin: 0em 0em 0em 0em;	
}

#main_nav_block {
    line-height: 100%;
    float: right;
    margin: 1.4em 0em 1.6em 0em;
    display: none;
}

#selector_portrait_div {
    margin: 0em 0em 0em 0em;
}

#selector_portrait_div_1 {
    margin: 1em 0em 0em 0em;
}

#selector_portrait {
    max-width: 100%;
    height: auto;
}

#selector_portrait_credit {
    color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.9em;
	font-weight: normal;
	font-variant: normal;
    text-decoration: none;
    line-height: 100%;
    letter-spacing: 0em;	
    text-align: left;	
    margin: 0em 0em 2em 0em;
}







@media only screen and (min-width: 600px) {
    /* For tablets: */

body {
    background-color: #C9C9C9;
	border-style: solid;
    border-width: 0.8em;
    border-color: #232323;
    margin: auto;
}

#inner_body {
    background-color: #F2F2F2;
	padding: 2em 2em 2em 2em;
}	
	
#gpo2016_masthead_para {
    color: #00ADEF;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 2.6em;
	font-weight: 700;
	font-variant: normal;
    text-decoration: none;
    line-height: 90%;
    letter-spacing: 0em;
	clear: both;
    margin: 0em 0em 0em 0em;
}

#gpo2016_masthead_strap {
    color: #000000;
    font-weight: 400;
}	
	
#selector_name {
    color: #00ADEF;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 2.4em;
	font-weight: bold;
	font-variant: normal;
    text-decoration: none;
	margin-top: 0em;
    margin-bottom: 0.1em;
    margin-left: 0em;
    margin-right: 0em;
    line-height: 100%;
}	
	
#main_nav_block {
    line-height: 100%;
    float: left;
    clear: left;
    margin: 1.4em 0em 1.6em 0em;
    display: block;
}
	
.main_nav_link {
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    text-decoration: none;
    color: #000000;
    padding: 0em 1em 0em 0em;
}

A.main_nav_link:hover {
text-decoration: none; 
color: #00ADEF;
}	

#gpo_guide_nav_column {
    margin: 0em 1em 0.5em 0.5em;
    display: none;
}
	
#gpo_guide_nav_column_compact {
    float: left;
    clear: left;
    display: block;
    margin: 1em 1.6em 0.5em 0em;
}

.gpo_guide_nav_icon_1 {
    float: right;
    margin: 0em 0em 0em 0em;	
}

.gpo_guide_nav_icon_2 {
    float: right;
    margin: 0em 0em 0em 0em;	
}

.gpo_guide_nav_icon_3 {
    float: right;
    margin: 0em 0em 0em 0em;	
}

.gpo_guide_nav_icon_4 {
    float: right;
    margin: 0em 0em 0em 0em;	
}

.gpo_guide_nav_icon {
    max-width: 65%;
    height: auto;
    margin: 0em 0em 0em 0em;	
}

.gpo_guide_nav_para {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    font-style: italic;
    font-weight: bold;
    font-variant: normal;
    color: #00ADEF;
    text-align: center;
    margin: 0em -2.1em 2em -2.1em;
}

.gpo_guide_nav_link {
    text-decoration: none;
    color: #00ADEF;
}

A.gpo_guide_nav_link:hover {
    text-decoration: none; 
    color: #000000;
}

#selector_portrait_div {
    float: right;
    margin: 0em 0em 1.5em 2em;
}

#selector_portrait_div_1 {
    float: right;
    margin: 1.5em 0em 1.5em 2em;
}

#selector_portrait {
    max-width: 100%;
    height: auto;
}

#selector_portrait_credit {
    color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.9em;
	font-weight: normal;
	font-variant: normal;
    text-decoration: none;
    line-height: 100%;
    letter-spacing: 0em;	
    text-align: right;	
    margin: 0em 0em 1.5em 2em;
}
	
	
	
	
	
}


@media only screen and (min-width: 769px) {
/* For desktop: */

body {
    background-color: #C9C9C9;
	border-style: solid;
    border-width: 1.65em;
    border-color: #232323;
    max-width: 66em;
    margin: auto;
}

#inner_body {
    background-color: #F2F2F2;
	padding: 3em 4em 4em 4em;
}

#source_masthead_para {
    line-height: 50%;
    float: left;
    margin: 0em 1em 0em 0em;	
}

#source_masthead_link {
    color: #000000;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 0.9em;
	font-weight: 700;
	font-variant: normal;
    text-decoration: none;
    letter-spacing: 0.04em;
}

#source_masthead_link:hover {
    color: #00ADEF;
    text-decoration: none;
}

#source_masthead_strap {
    font-size: 50%;
	font-weight: 700;
}

#gpo2016_masthead_para {
    color: #00ADEF;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 3em;
	font-weight: 700;
	font-variant: normal;
    text-decoration: none;
    line-height: 90%;
    letter-spacing: 0em;
	clear: both;
    margin: 0em 0em 0em 0em;
}

#gpo2016_masthead_strap {
    color: #000000;
    font-weight: 400;
}

#blurb_para {
    color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	font-weight: normal;
	font-variant: normal;
    text-decoration: none;
    line-height: 120%;
    letter-spacing: 0.03em;
    margin: 0.5em 9em 1.8em 0em;
}

.blurb_bold {
    color: #00ADEF;
    font-weight: bold;
}

.blurb_italic {
    color: #000000;
    font-style: italic;
}

#selector_name {
    color: #00ADEF;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 2em;
	font-weight: bold;
	font-variant: normal;
    text-decoration: none;
	margin-top: 0em;
    margin-bottom: 0.1em;
    margin-left: 0em;
    margin-right: 0em;
    line-height: 100%;
}

.gpo_guide_nav_icon {
    max-width: 100%;
    height: auto;
    margin: 0em 0em 0em 0em;	
}

#gpo_guide_nav_column {
    float: left;
    margin: 0em 0em 4em 0em;	
    display: block;
}

#gpo_guide_nav_column_compact {
    margin: 0em 0em 14em 0em;	
    display: none;
}



.gpo_guide_nav_icon_1 {
    float: left;
    margin: 0em 3em 0em 0em;	
}

.gpo_guide_nav_icon_2 {
    float: left;
    clear: left;
    margin: 0em 3em 0em 0em;	
}

.gpo_guide_nav_icon_3 {
    float: left;
    clear: left;
    margin: 0em 3em 0em 0em;	
}

.gpo_guide_nav_icon_4 {
    float: left;
    clear: left;
    margin: 0em 3em 0em 0em;	
}

.gpo_guide_nav_para {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
    font-variant: normal;
    color: #00ADEF;
    text-align: center;
    margin: 0em 0em 1.5em 0em;
}

.gpo_guide_nav_link {
    text-decoration: none;
    color: #00ADEF;
}

A.gpo_guide_nav_link:hover {
    text-decoration: none; 
    color: #000000;
}


#main_nav_block {
    line-height: 100%;
    float: right;
    clear: left;
    margin: -1.7em 0em 1.8em 0em;
    display: block;
}

.main_nav_link {
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    text-decoration: none;
    color: #000000;
    padding: 0em 0em 0em 1em;
}

A.main_nav_link:hover {
text-decoration: none; 
color: #00ADEF;
}

#selector_portrait_div {
    float: right;
    margin: 0em 0em 1.5em 2em;
}

#selector_portrait_div_1 {
    float: right;
    margin: 1.5em 0em 1.5em 2em;
}


#selector_portrait {
    max-width: 100%;
    height: auto;
}

#selector_portrait_credit {
    color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.9em;
	font-weight: normal;
	font-variant: normal;
    text-decoration: none;
    line-height: 100%;
    letter-spacing: 0em;	
    text-align: right;	
    margin: 0em 0em 1.5em 2em;
}




}



#source_mast_image {
    margin: 0em 0em 0.5em 0em;	
}

#selector_blurb {
    color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	font-weight: normal;
	font-variant: normal;
    text-decoration: none;
	margin-top: 0em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    line-height: 120%;
}

.selector_bold {
    color: #00ADEF;
    font-weight: bold;
}

.selector_italic {
    color: #000000;
    font-style: italic;
}

.selector_link {
    text-decoration: none;
    color: #00ADEF;
}

A.selector_link:hover {
    text-decoration: none; 
    color: #232323;
}

.interview_question {
    color: #00ADEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
    text-decoration: none;
	margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    line-height: 125%;
    letter-spacing: 0em;
}

.interview_answer {
    color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	font-weight: normal;
	font-variant: normal;
    text-decoration: none;
    line-height: 125%;
    letter-spacing: 0em;	
    margin: 1em 1em 0em 0em;	
}

.interview_answer_italic {
    font-style: italic;
}

#article_column {
float: left;
}

.footer_para {
    line-height: 100%;
    margin: 2em 1em 0em 0em;
}

.footer_link {
    font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #00ADEF;
    padding-right: 0em;
}

A.footer_link:hover {
    text-decoration: none; 
    color: #000000;
}

.body_text_italic {
    font-style: italic;
}