/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */

/* Constants */
body {
	background-image: url(../img/tile-body.png);
	background-repeat: repeat-x;
	padding-top: 20px;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}

@media print {
  a:link:after, a:visited:after {
    content: "";
	}
}

/* Sidebar first */
.region-sidebar-first.well {
	background-color: transparent;
	border: 0px;
	box-shadow: none;
	padding: 0px;
}
.table th, .table td {
	border: 0px;
}
.block h2.block-title {
	font-weight: normal;
}
.region-sidebar-first section {
	padding: 10px;
}
section.country-block {
	background: #D2D0CF;
	border-top: 16px solid #0066B2;
	padding: 20px;
}
section.country-block h2 {
	font-size: 160%;
}
section.country-block a:link, section.country-block a:visited {
	color: #757575;
}
.region-sidebar-first .block {
	background: #efefef;
	border-top: 10px solid #0066B2;
	margin-bottom: 20px;
}
.region-sidebar-first .block-menu a:link, .region-sidebar-first .block-meun a:visited {
	color: #3366CC;
	font-size: 120%;
	padding: 0 0 0 20px;
	background: url(../img/graydot.png) no-repeat left;
}
.region-sidebar-first .block a:hover {
	color: #F00;
	text-decoration: none;
}
.region-sidebar-first .block.logo {
	background: none;
	border: 0px;
}
.region-sidebar-first .block h2.block-title {
	font-size: 160%;
	color: #333;
}
.region-sidebar-first .block.gray {
	background-color: #999999;
	color: #ffffff;
	border: 0px;
}
.region-sidebar-first .block.aqua {
	background-color: #00B2D5;
	color: #ffffff;
	border: 0px;
}
.region-sidebar-first ul.nav li {
	margin: 5px 0px 5px 0px;
}



/* Pre Navigation Region */

div.region-pre-nav {
}
div.region-pre-nav section {
	width: 33%;
	float: left;
}
/* Primary Navigation */

#nav-challenge {
	font-size: 120%;
}
/*#custom-menu-item-id-3 {width:22%;}
#custom-menu-item-id-4 {width:16%;}*/

article {
	padding: 0 20px;
}

.navbar .nav > li > a.active-trail {color:#FC0;}
/* Main Content area */

.main-content {
	border: 1px solid #cccccc;
	background: url(../img/tile-main-content.png) repeat-x top center #ffffff;
}
body.front .main-content {
	background: url(../img/tile-main-content-front.png) repeat-x top left #ffffff;
	padding-top: 60px;
}
.main-content h1 {
	padding: 30px 20px 10px 20px;
	font-weight: normal;
	color: #999;
	font-size: 180%;
}
body.front div.node-article {
	padding: 20px;
}
.bx-wrapper .bx-viewport {
	overflow: visible !important;
	border: 0px;
	box-shadow: 0px 0px 0px !important;
	left: -24px;
	background: none;
	margin-bottom: 10px;
}
footer h2.block-title {
	display: block;
	width: 100%;
	background: #F16622;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 140%;
	padding-left: 20px;
}
input.span2 {
	min-width: 160px;
}
.goog-te-gadget {
	color: #ffffff !important;
}
.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
	color: #ffffff !important;
}
div.view-content table.views-view-grid span div img {
	float: left;
	margin: 4px 5px 0 0;
}
div.view-content table.views-view-grid span div a:link, div.view-content table.views-view-grid span div a:visited {
}
.nav > li > a {
	color: #3366CC;
}
.node-country p {
	font-size: 130%;
}
.node-country p img {
	margin: 0 10px 0;
}
.page-header {
	border: 0px;
	margin: 0px;
}
	
	
body.front .views-field-field-caption {background:#00B2D5; padding:5px 20px; position:absolute; bottom:90px; left:20px; color:#ffffff;}
	
body.front	.views-field-field-rotator-link {
	background:#F16622; padding:5px; max-width:100px; text-align:center; position:relative; bottom:50px; left:20px; color:#ffffff;
}
body.front	.views-field-field-rotator-link a:link, body.front	.views-field-field-rotator-link a {color:#fff !important;}

body.page-taxonomy-term-157 .node-readmore {display:none;}

body.page-node-90 section#block-views-country-websites-block-1 { margin:20px;}


span.flag-wrapper {
    display: block;
    float: left;
    min-width: 41px;
}

body.page-taxonomy-term header h2 { font-size:130%; margin:0px;}


/* 100% width fix for images in tables */
.table-img {
	max-width: none;
}
	
	    /* Large desktop */
@media (min-width: 1200px) {
.navbar .nav > li > a {
	color: #ffffff;
	font-size: 14pt;
	text-transform: uppercase;
	float: none;
	padding: 0px;
	text-decoration: none;
	text-shadow: none;
}
.navbar .nav > li > a:hover {
	color: #F00;
}
.navbar .nav > li {
	width: 15%;
	border-left: 1px solid #FF0000;
	padding: 0px 9px;
	min-height: 40px;
}
.navbar .nav > li.first {
	width: 9%;
	padding-right: 0px;
	margin-right: 0px;
	border: 0px;
}
.navbar .nav > li.last {
	width: 10%;
}
.navbar ul.nav {
	margin-top: 20px;
}
#custom-menu-item-id-2 {
	width: 14%;
}
#custom-menu-item-id-4 {
	width: 9%;
}
#custom-menu-item-id-5 {
	width: 11%;
}
}
     
	/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.navbar .nav > li > a {
	color: #ffffff;
	font-size: 12pt;
	text-transform: uppercase;
	float: none;
	padding: 4px;
	text-decoration: none;
	text-shadow: none;
}
}
@media (min-width: 980px) and (max-width: 1170px) {
.navbar .nav > li > a {
	color: #ffffff;
	font-size: 12pt;
	text-transform: uppercase;
	float: none;
	padding: 4px;
	margin-right: 10px;
	text-decoration: none;
	text-shadow: none;
}
input.span2 {
	min-width: 100px;
}
#block-block-10 select {
	width: 180px;
}
}
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
.logo {
	text-align: center;
	margin-bottom: 20px;
}
nav {
	background-color: #000000;
}
.navbar .nav > li > a {
	color: #ffffff;
	font-size: 12pt;
	text-transform: uppercase;
	float: none;
	padding: 5px;
	text-decoration: none;
	text-shadow: none;
}
#block-block-10 select {
	width: 120px;
}
body.front .views-field-field-caption {font-size:80%;}
body.front .views-field-field-caption h3 {font-size:110%; padding:0px; margin-top:0px;}
body.front .views-field-field-caption h4 {font-size:100%; padding:0px; margin-top:0px;}
body.front .views-field-field-caption {padding:10px;}

}
     
    /* Landscape phones and down */
    @media (max-width: 480px) {
.logo {
	text-align: center;
	margin-bottom: 20px;
}
nav {
	background-color: #000000;
}
.navbar .nav > li > a {
	color: #ffffff;
	font-size: 12pt;
	text-transform: uppercase;
	float: none;
	padding: 5px;
	text-decoration: none;
	text-shadow: none;
}

body.front .views-field-field-caption {font-size:80%;}
body.front .views-field-field-caption h3 {font-size:110%; line-height:120%; padding:0px; margin-top:0px; margin-bottom:0px;}
body.front .views-field-field-caption h4 {font-size:100%; line-height:120%; padding:0px; margin-top:0px; margin-bottom:0px;}
body.front .views-field-field-caption {padding:10px;}
}

/* web viewer css */
.page-node-383 div.uniqueFrame {
   position: relative;
   margin: 50px auto;
   /*width: 1024px;*/
   width: 100% !important;
   min-height: 768px;
   overflow: hidden;
}
 
.page-node-383 div.uniqueFrame div.mask {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 999;
   display: none;
   background: url(../img/img_spinner_dark.gif) no-repeat scroll center center rgb(37,37,37); }
 
.page-node-383 iframe {
   /*position: absolute;*/
   position: relative;
   top: 0;
   left: 0;
   border: 0;
   background-color: #f2f2f2;
   width: 100% !important;
}