@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #ffe544; color: #333; text-shadow: none; }
::selection { background: #ffe544; color: #333; text-shadow: none; }

a { color: #687dba;text-decoration:none; }
a:visited { color: #687dba; }
a:hover { color: #a6030a;text-decoration:underline; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==============
    MOBILE+: Base styles
   ============== */

body{ font:16px/26px 'Droid Sans', sans-serif; }

.wrapper{
	width:90%;
	margin:0 5%;
}

#header-container,
#footer-container{
	background:#d6d7d6;
	position:relative;
}

#social{
	position:absolute;top:0;right:0;z-index:0;
	height:32px;

	padding:7px 1px 7px 8px;
	background-color:#fff;
	-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;
	-webkit-box-shadow:0 5px 10px #aaa;-moz-box-shadow:0 5px 10px #aaa;box-shadow:0 5px 10px #aaa;

}

#social a{
	margin-right:5px;
	float:left; display:block;
}

#social a:hover{
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#title{ color:#333;background-image:url(images/ct-logo-small.png);width:280px;height:83px;margin:70px 0 20px 0;}

nav a,nav a:visited{
	display:block;
	margin-bottom:10px;
	padding:0 10px;

	background:transparent;
	color:#2b2b2b;
	font-size:14px;

	text-align:center;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}

nav a:hover{
	color:#fff;
	text-decoration:none;
}

#main{
	padding:30px 0;
	position:relative;
	min-height:300px;
}

#main article header h1{
	font-size:2em; line-height:100%;
	margin:15px 0;
}

#main article header h1.flag{
	padding-left:50px; height:30px;
	background-position:top left;
	background-repeat:no-repeat;
}

#main article header h1.canada{
	padding-left:60px;
	background-image:url(images/flags/small/canada.png);
}

#main article header h1.brazil{
	background-image:url(images/flags/small/brazil.png);
}

#main article header h1.argentina{
	padding-left:70px;
	background-image:url(images/flags/small/argentina.png);
}

#main article header h1.australia{
	padding-left:70px;
	background-image:url(images/flags/small/australia.png);
}

#main article header h1.colombia{
	background-image:url(images/flags/small/colombia.png);
}

#main article header h1.indonesia{
	padding-left:60px;
	background-image:url(images/flags/small/indonesia.png);
}

#main article header h1.nigeria{
	padding-left:70px;
	background-image:url(images/flags/small/nigeria.png);
}

#main article header h1.liberia{
	padding-left:70px;
	background-image:url(images/flags/small/liberia.png);
}

#main article header h1.mexico{
	padding-left:70px;
	background-image:url(images/flags/small/mexico.png);
}

#main article header h1.international{
	padding-left:0; !important
}

#main article header h3{
	margin:0;
}

#main aside{
	padding:20px 0 0 0;
}

#main aside.black{
	background:#000; color:#fff;
	padding:20px;
}

#main aside.black p:last-child{
	margin-bottom:0;
}

#main ul{
	list-style-type:square;
}

#main ul li{
	margin-top:5px; margin-bottom:5px;
}

#main aside ul{
	margin:0; padding:0;
	list-style-type:none;
}

#main aside ul li{
	margin:0; padding:5px 0;
	font-size:14px; line-height:18px;
}

#main blockquote{
	padding:20px;
	border: 1px solid #687DBA;
	border-left: 8px solid #687DBA;
	background-color: #F7F7F7;
	font: italic 1.05em/1.55em "Times New Roman",serif;
}

/* ==============
    Legacy CT styles
   ============== */

div.floatbox{
   float:left; text-align:center;
   padding:15px;
}

div.floatbox a,div.floatbox a:hover,div.floatbox a:focus,div.floatbox a:active{
   text-decoration:none;
}

div.floatbox img{
   margin-bottom:5px;
}

div.blocks{
   height:150px; width:150px;
}

div.textfloatbox{
   float:right; text-align:center;
   margin:7px 0 15px 15px; padding:15px;
   background-color:#eee;
}

/* treeview */
#main aside ul.treeview, #main aside ul.treeview ul, #main aside ul.treeview li{
   margin:0; padding:0;
   list-style:none;
}
#main aside ul.treeview ul{ margin:1px 0 0 0; }
#main aside ul.treeview .hitarea{
   background:url(images/treeview/treeview-red.gif) -64px -25px no-repeat;
   height:16px; width:16px;
   margin-left:-16px;
   float:left; cursor:pointer;
}
* html .hitarea{ display:inline; float:none; } /* fix for IE6 */
#main aside ul.treeview li{
   margin:0;
   padding:1px 0 1px 16px;
}
#main aside ul.treeview a.selected { background-color:#eee;}
#main aside ul.treeview .hover { color: red; cursor: pointer; }
#main aside ul.treeview li { background: url(images/treeview/treeview-red-line.gif) 0 0 no-repeat; }
#main aside ul.treeview li.collapsable, #main aside ul.treeview li.expandable { background-position: 0 -176px; }
#main aside ul.treeview .expandable-hitarea { background-position: -80px -3px; }
#main aside ul.treeview li.last { background-position: 0 -1766px }
#main aside ul.treeview li.lastCollapsable, #main aside ul.treeview li.lastExpandable { background-image: url(images/treeview/treeview-red.gif); }
#main aside ul.treeview li.lastCollapsable { background-position: 0 -113px }
#main aside ul.treeview li.lastExpandable { background-position: -32px -69px }

img.left,img.imgleft{
	float:left;
	margin:0 15px 15px 0;
}

img.right,img.imgright{
	float:right;
	margin:0 0 15px 15px;
}

img.mediathumb{
   border:1px solid #4d514d;
   float:left; margin:0 15px 0 0;
}


.audioblurb{
   width:100%; clear:both;
   border-bottom:1px dotted #aeaeae;
   margin-bottom:15px;
}


.pagination{
   margin:0 0 15px 0; padding:10px;
   text-align:center;
}

span.ditto_previous_off,span.ditto_next_off,span.ditto_off{
   display:none;
}

span.ditto_currentpage{
   font-weight:bold;
}

span.ditto_currentpage,a.ditto_page{
   margin:0 5px;
}

#main div.thumbscontainer p{
   font-size:10px; line-height:12px;
   text-align:center;
   margin:0 0 5px 0;
   width:236px;
}

#main div.thumbscontainer ul.thumbs li{
   width:236px;text-align:center;
   margin:0; padding:0;
}

#main span.right{
   float:right;
}

#main ul.linkline{
   margin:0; padding:0;
   list-style-type:none;
}

#main ul.linkline li{
   margin:0; padding:0 6px 0 0;
   display:inline;
   vertical-align:top;
}

#main ul.flags{
   margin:0; padding:0;
   list-style-type:none;
}

#main ul.flags li{
   margin:0; padding:0;
   display:inline;
   vertical-align:top; text-align:center;
   width:77px; height:45px;
}

#main ul.flags li a{
   display:block; float:left;
   vertical-align:top; text-align:center;
   width:62px; height:30px;
   margin:0 15px 15px 0;
}

#main ul.flags li img{
   float:none; display:inline;
   border:1px solid #333;
}

#main ul.simple{
   margin:15px 0; padding:0;
   list-style-type:none;
}

#main ul.simple li{
   padding:7px 0;
}

#flashcontent{
   margin:0;
}

ul.tabnav{
    list-style:none;
    margin:0; padding:0;
    margin-top:25px; padding-bottom:9px;
}

ul.tabnav li{
    display:inline;
    margin-right:5px;
}

ul.tabnav a{
    padding:10px 20px;
    color:#4d514d;
    text-decoration:none;
    background-color:#efefef;
}

ul.tabnav a:hover{
    background-color:#f6f6f6;
}

ul.tabnav a.selected{
    color:#fff;
    background-color:#74a4c3;
}

ul.tabnav a:focus{
    outline:none;
}

#slider{
  width:725px;
  margin:15px auto;
  position:relative;
}

.scroll{
  height:830px;
  overflow:auto;
  position:relative;
  clear:left;
  background:#fff url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
  border:1px solid #efefef;
}

.scrollContainer div.panel{
  padding:20px;
  height:750px;
  width:685px;
}

.scrollButtons{
  position:absolute;
  top:370px;
  cursor:pointer;
}

.scrollButtons.leftarrow{
  left:-20px;
}

.scrollButtons.rightarrow{
  right:-20px;
}

div.video{
   margin:0 auto; padding:30px;
   text-align:center;
   background-color:#000; color:#fff;
}

#main div.video a{
   text-decoration:underline;
}

#main div.video a:hover{
   color:#a6030a; text-decoration:none;
}

#main div.videoinfo{
   text-align:left;
   color:#fff;
}

#main div.videoinfo h3{
   margin:0; padding:0 0 10px 0;
   text-align:left;
   color:#fff;
   font-size:16px; line-height:18px;
}

#main div.videoinfo a{ color:#fff }

#main div.blackmatte{
   width:765px;
   margin:0 auto; padding:0;
   text-align:center;
   background-color:#000;
   color:#fff;
}

#main div.blackmatte h2{
   margin:0; padding:20px 10px 0 10px;
   text-align:center;
   color:#fff;
   font-size:16px; line-height:18px;
}

#main div.blackmatte h3{
   margin:0; padding:10px;
   color:#fff; font-weight:bold;
   font-size:14px; line-height:16px;
}

#main div.blackmatte p{
   color:#fff;
   padding:0 10px;
   text-align:justify;
}

#main div.blackmatte p.center{
   text-align:center;
}

.half{width:48%}
div.left{float:left}
div.right{float:right}


/* ==============
    End legacy CT styles
   ============== */


#footer-container footer{
	color:#fff;
	padding:20px 0;
	min-height:150px;
}

#footer-container footer a.groups{
	display:block; border:none;
}

#footer-container footer ul{
	clear:both;
	margin:0; padding:20px 0 45px 0;
	max-width:700px;
}

#footer-container footer p{
	clear:left;
}

#footer-container footer a{
   text-decoration:none; color:#fff;
}

#footer-container footer a:hover{
   text-decoration:underline; color:#fff;
}

#footer-container footer ul li{
   margin:0; padding:0;
   display:inline; list-style-type:none;
}

#footer-container footer ul li a{
	display:block; float:left;
	margin:0 20px 0 0; padding:0;
	white-space:nowrap;
	color:#2b2b2b;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

#footer-container footer ul li a:hover{
   text-decoration:none; color:#fff;
}

.center{text-align:center}

h3.bigbutton {
	margin:0; padding:0;
	text-align:center;
}

h3.bigbutton a{
	display:block;
	margin:0 auto; padding:10px 0;
	background:#a6030a; color:#fff;
	text-decoration:none; text-transform:uppercase;
	letter-spacing:1px; word-spacing:6px;
	font-size:24px; line-height:30px;
	text-align:center;
}

h3.bigbutton a:hover{
	background:#0056A2;
}

#blackbar{
	width:100%;
	padding:20px 0;
	background-color:#000; color:#fff;
	display:table; text-align:center;
}

#blackbar h1{
	font-size:1.4em; line-height:100%;
	margin:15px 0 0 0;
}

#blackbar iframe{
	width:100%; height:auto; min-height:240px;
}

#barblock{
	width:100%;
	padding-bottom:20px;
	text-align:left;
	display: table-cell;
	vertical-align: middle;
}

.std{
	float:left;
	clear:left;
	width:300px;
  margin-right:20px;
}

.redborder{border:1px solid #a6030a}

label.std{padding-top:5px;font-size:14px;line-height:20px;}
#barblock label.std{padding-top:0;font-size:14px;line-height:20px;}
textarea.std{height:300px;margin-bottom:20px}
textarea.short{height:150px}
select.std{font-size:1em;line-height:1.4;background:#fff;}

.col2{margin-right:0;clear:none;}
.doublewide{width:620px;}
.twothirdswide{width:440px}
.halfwide{width:140px}
.fieldgroup{clear:left;width:120px;padding-top:16px;text-align:right}
.spacer{float:left;width:640px;height:20px}

.button {
	background:#a6030a; color:#fff;
	text-decoration:none; text-transform:uppercase;
	letter-spacing:1px; word-spacing:6px;
	font-size:16px; line-height:40px; font-weight:bold;
	text-align:center;
	margin:15px 0; padding:0 20px;
	border:none;
}
#barblock .button{margin-bottom:0}
.button:hover,.button:active{
   background:#0056A2;
   }

small{
	clear:both; display:block; font-size:12px; line-height:14px;
}

#LastName{
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}

div.errors{
   margin:15px; padding:10px;
   border:1px solid #a6030a;
   background-color:#f9fcaf;
}

div.errors strong{
   color:#a6030a;
}

#blackbar div.errors{
   color:#000;
}

.required,.invalid{
   font-weight:bold;
   color:#a6030a;
}


#prheader img {
	float: left;
	margin: 0 10px 20px 0;
}

#map{
	width:100%; height:240px;
	margin:0 auto; padding:10px 0;
}


.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-size:14px; line-height:18px;
    padding: 3px;
	max-width:300px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
	display:none;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

#mapblurb{display:none}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

/* ====================
    SMALL: 480px - 1024px
   ==================== */

	#title{
	   margin-top:10px;
	   margin-bottom:0;
	   background-image:url(images/ct-logo.png);
	   width:359px;height:107px;
	}

	nav a{
		float:left;
		width:auto;
		margin:0 15px;
		padding:5px 0;
		margin-bottom:0;
		line-height:150%;
	}

	nav li:first-child a{ margin-left:0;  }
	nav li:last-child  a{ margin-right:0; }


	#blackbar iframe{
		min-height:360px;
	}

	#map{
		height:300px;
	}

/* ========================
    IE Fixes
   ======================== */

	nav ul li{
		display:inline;
	}
	.oldie nav a{
		margin:0;
	}

}

@media only screen and (min-width: 910px) {

/* ====================
    MEDIUM: 1024px
   ==================== */

	.wrapper{
		width:920px; /* 1024px - ~10% for margins */
		margin:0 auto;
	}

	#header-container,
	#main aside.black{
		-webkit-box-shadow:0 5px 10px #aaa;
		   -moz-box-shadow:0 5px 10px #aaa;
		        box-shadow:0 5px 10px #aaa;
	}


	#title{
	   margin-top:10px;
	   margin-bottom:-15px;
	}

	#header-container.withbar{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}

	#header-container.withbar #title{
	margin-bottom:10px;
	}

	nav{
		float:right;
		width:auto;
		margin-top:-50px;
	}

	nav a{ line-height:40px; }


	#main article{
		float:left;
		width:70%;
	}

	#main aside{
		float:right;
		width:23%;
		padding:20px 20px 0 20px;
	}

	#main aside.black{
		width:18%;
		margin-right:20px;
	}

	#main aside.column{
		float:left; width:28%;
		padding-top:0;
	}

	#main aside.column li{
		min-height:75px;
		padding:0 0 18px 0;
		font-size:12px;line-height:18px;
	}

	#main aside.column li a{
		font-size:14px;
	}

	#footer-container footer a.groups{
		float:right; margin:0 0 0 10px;
	}

	#footer-container footer ul{
		clear:none;
	}

	#blackbar{

	}

	#vidblock{
		float:left;
		width:512px; height:284px;
	}

	#blackbar iframe{
		width:512px; height:304px;
	}

	#blackbar iframe.roomy{
		margin:30px 0 10px 0;
	}

	#blackbar iframe.causes{
		width:512px; height:210px; min-height:210px;
	}

	#blackbar  h1{
		font-size:1.6em;
	}

	#blackbar  h2{
		font-size:1.3em;
		margin-top:5px;
	}

	#barblock{
		float:right; clear:none;
		width:366px;
	}

	.thanks{padding-top:50px}

	.tip{padding-top:0;margin-top:0}
	.tip a,.tip a:visited{color:#fff}

	.fineprint{padding-top:38px}

	#map{
		width:900px; height:400px;
		margin:0 auto; padding:20px 0;
	}

	#mapblurb{
		display:block;
		position:absolute;left:0;bottom:10px;
		font-size:12px; line-height:14px; color:#fff;
		max-width:200px;padding:10px;
		border:1px solid #fff;
	}

}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */

	.wrapper{
		width:1026px; /* 1140px - 10% for margins */
	}

	#blackbar{
	}

	#vidblock{
		width:640px; height:380px;
	}

	#blackbar iframe{
		width:640px; height:380px;
	}

	#blackbar  h1{
		font-size:2em;
		float:left; max-width:640px;
	}

	#blackbar  h2{
		font-size:1.6em;
		float:left; clear:both;
	}

	#barblock{
    padding-top:10px;
	}

	#main aside.black{
		width:20%;
	}

}

#main img { max-width: 100%; }
.imgcaption{text-align: center;font-size:.9em;line-height:1.2;color:#666;}
.imgcaption img{margin-bottom:1rem}
.bb{padding-bottom:2.2rem !important;}
.ba{padding-top:2.2rem !important;}

#crumbs{text-transform: uppercase;font-size: 14px;}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after,.clear { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}