@charset "utf-8";
/* Kaz Code */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');


html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	position: relative;
	background: #fff url(images/bg/bg.jpg) no-repeat top center fixed;
	background-size: cover;
	color: #2D2D2D;	
}

#listleft {float: left; width: calc(45% - 60px); padding-left: 30px; }
#listright {float: right; width: calc(55% - 60px); padding-right: 30px}
#listright p {column-count: 3}

h1, h2, h3, h4, h5, h6, hr, iframe, form, table, p {
margin:0px;
}

a, img {outline: none}

#wrapper {
	min-height:100%;
	position:relative;
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
}


#header {
	padding-top: 105px;
	position: relative;
	background-image: url(images/nav-bg.jpg);
	background-color:#12477B;
	background-repeat: repeat-x;
}
#header ul, #headerli {
margin:0px;
}

#header #logo    {
	position: absolute;
	left: 20px;
	top:0px;
	float: left;
	z-index: 99999;
}
#logo a {
	background-image: url(images/JamesGore-logo.png);
	width: 258px;
	height: 123px;
	text-indent: -9999px;
	float: left;
    box-shadow: 0 0 33px 6px rgba(0,0,0,0.35)
}

#header #strip {
  position: relative;
  float: left;
  width: 100%;
  background-color:#987056;
}

#nav {
	position:absolute;
	right:0px;
	top:0px;
}

#nav li.donate{display: none}

#nav #menu .menu{
display:none;	
}
	
#nav ul {
	float:left;
}
#nav li {
	display:inline;
	position:relative;
	float:left;
}
#nav li a{
	float: left;
	margin-right:26px;
	padding-top: 18px;
	padding-bottom: 24px;
	text-decoration: none;
	font-size:16px;
	color: #FFFFFF;
	border-top: 6px solid #1B84CE;
	transition: all .3s cubic-bezier(0.42,0,0.58,1);
}

#nav ul li a:hover {
	color: #ED7C05!important;
	text-decoration: none;
	border-top: 6px solid #ED7C05;
}
#nav ul li ul {
	background: #153968;
	position: absolute;
	z-index: 9800;
	left: -25px;
	top: -100px;
	width:185px;
	border-bottom: solid 1px #fff;
	transition: all .3s cubic-bezier(0.42,0,0.58,1);
}
#nav ul li li {
	border-style: none;
	margin:0px!important;
	padding:0px!important;
	float: left;
	display: block;
}
#nav ul ul a {
	float:inherit;
	width:175px;
	margin:0px;
	margin-left:-10px;
	padding-top: 0px;
	padding-bottom: 20px;
	text-decoration: none;
	font-size:14px;
	border:none!important;
}
#nav ul ul a:hover {
	border:none!important;
}

#nav ul li:hover ul {
	display: block;
		top: 65px;
}


#toptabs{
	position:absolute;
	right:0px;
	bottom:0px;
}

#toptabs ul {
	float:left;	
}

#toptabs li {
	display:inline;
	float:left;	
}

#toptabs a{
	padding:10px 15px 10px 15px;
	height: 20px;
	float:left;
	color:#fff;
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#0E64A7;
	margin-left: 1px;
	transition: all .22s cubic-bezier(0.42,0,0.58,1);
}

#toptabs a.fb {background-color:#fff;}

#toptabs a:hover, #toptabs a.fb:hover {
	background-color:#ED7C05;
}

#content {
	float: left;
	width: 100%;
	padding-top: 35px;
	background-image: url(images/content-bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-position: 0px 0px;
	color: #2D2D2D;
}

#content p{
	line-height:22px;
	margin-bottom:15px;
}

#content h1 {
	color: #12418B;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 36px;
	margin: 0px 30px 20px 30px;
}

#content h2 {
	color: #12418B;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 15px;
}

#content h3 {
	color:#ED7C05;
	font-weight: 700;
	font-size: 19px;
	margin-bottom: 14px;
	margin-top: 15px;
	padding-top: 30px;
	border-top: 1px solid #BFBFBF;
}

#content h4 {
	color:#646464;
	font-size: 17px;
	border-top: none;
}


#content img.scaler{
	margin-right:0px;
	width:100%;
	height:100%;	
}

#content a {
	color: #0079C2;
	text-decoration: none;	
}
#content a:hover {
	color:#ed7c05;
	text-decoration: none;	
}


form p{
	margin:0px;
	padding:0px;
}

input, textarea {
	background: #dedfdf;
	border: 1px solid #bbb;
	margin-top: 11px;
	color: #333;
	padding: 5px 7px;
	width: calc(100% - 16px);
	font-family: 'Open Sans', sans-serif;
	font-size: 16px
}

input:focus, textarea:focus {
	background: #fff;
}

.check{
	background:#FFF;
	width:auto;
	border:none;
	margin:0px;
}

.fzip {
	width:100px;
}

.send {
	font-weight: 600;
	color: #FFF;
	background-color:#0079c2;
	border: 1px solid #17335f;
	cursor: pointer;
	width: 80px;
}
.send:hover {
	background: #0771BC url(none);
}

#lists{
float:right;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
	padding-bottom:30px;
}



#right{
	float:right;
	margin: 0 30px 0 0;
	width:300px;
}

#left{
	float:left;
	width: calc(100% - 400px);
	padding: 0 0 35px 30px;
}

#left p {line-height: 28px}

#left ol {
	padding-left:25px;
	list-style:decimal;
}

#left ol ol{
	list-style:lower-alpha;
}

#left ol li{
padding-bottom:15px;
}
#left ol ol li{
padding-bottom:0px;
padding-top:15px;
list-style:lower-alpha;
}


#left ul {
	padding-left:29px;
	list-style:disc!important;
}

#left ul ul{
	list-style:disc!important;
}

#left ul li{
padding-bottom:15px;
}
#left ul ul li{
padding-bottom:0px;
padding-top:15px;
font-size:13px;
}

table {width:100%; border-collapse: collapse;}
tr.ttop td {background-color:#12418B; color:#fff; font-size: 17px; font-weight: 600; }
td {padding: 11px; background-color:rgba(197,220,221,1.00); border:solid 1px #fff; border-collapse: collapse; vertical-align:top}

#clear {
	clear: both;
}

#footer {
	position: relative;
	clear: both;
	background-color: #646464;
	display: block;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;

}
#foot {
	color: #DEDFDF;
	font-weight: 600;
	font-size: 12px;
	padding: 35px;
}

#foot ul {display: block; padding-bottom: 10px; width: 100%; float:left}
#foot ul, #foot li {
	margin: 0px;
	list-style: none;
	padding: 0px;
	margin-bottom:20px;
}

#foot li {
	display:inline;
}
#foot li a {
	float:left;
	margin-right:19px;
	color:#fff;
	text-decoration:none;
}
#foot li a:hover {
	color:#ED7C05;
}
#foot ul ul {
	display:none;
}

#foot li.donate {display:none}

.footy {float:left}

.quotes{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
	
	-moz-column-rule:solid 1px #CECECE;
	-webkit-column-rule:solid 1px #CECECE;
	column-rule:solid 1px #CECECE;
	padding-bottom:50px;
}
.quotes img{
	width:155px;
	height:180px;
}

.quotes p{
	font-size:15px;
	font-style:italic!important;
	line-height:23px!important;
}

.quotes p em{
	font-size:13px;
	font-style:normal!important;
	line-height:15px!important;
	padding:15px;
	padding-bottom:30px;
	display:block;
	border-bottom: 1px solid #C8C6C6;
	margin-bottom:35px;
}



/* Slider */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  color:#666;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
	min-width:700px;
  border: 0;
  }

.rslides div, .rslides div img {position: relative; z-index: 1 }

.rslides div a {position: absolute; top:200px; right:70px; z-index: 2; border-right: solid 9px #ED7C05; color:#333; background-color: rgba(255,255,255,0.83); padding:15px; margin:0; float:right; text-decoration: none; font-size: 36px;  max-width: 42%}

  


.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: .3;
  text-indent: -9999px;
  overflow: hidden;
  top:50%;
  bottom: 0;
  left: 0;
  background: #000 url("images/themes.gif") no-repeat left 50%;
  width: 38px;
  height:38px;
  margin-top:-38px;
  }
 
.large-btns_nav:hover {
  opacity: 0.6;
  }
  
  .large-btns_nav:active {
  opacity: 0.8;
  }


.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.large-btns_nav:focus {
  outline: none;
  }

.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.large-btns_tabs li {
  display: inline;
  float: none;
  margin-right: 5px;
}

.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .3);
  display: inline-block;
   display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .3);
  }
  
  .gal img{
	border: 5px solid #ED7C05;
	width: 210px;
	height:210px; 
	margin-right:25px!important;
	margin-bottom:25px!important;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;	 
  }
  
.gal img:hover{
		border: 5px solid #0079C2;
}

.hide {
	display:none;
}

.slogan {width: calc(100% - 60px); padding:10px 30px 30px;}
#content .slogan h1  {
	text-align: center;
	color: #3D3D3E;
	text-transform:none;
	font-size: 38px;
	margin: 0px;
	font-weight: 300;
	font-style: italic;
}

.col {width: calc(33% - 60px); padding:10px 30px 30px; float:left;}

.col img.scaler {height:auto; width: 100%; float:none; margin-bottom: 17px; display: block}

.col ul {margin-bottom: 25px;}

a.btns {display: block; padding:9px 0px; background-color: #12418B; color:#fff!important; font-weight: 700; font-size: 16px; width:120px; border: 1px solid rgba(7,53,124,1.00); text-align: center;   transition: all .3s cubic-bezier(0.42,0,0.58,1); box-shadow: 0px 0px 0px 0px rgba(0,0,0,.0); }
a.btns:hover {background-color:#FF9A00; border-color: #ED7C05;  box-shadow: 2px 1px 6px 2px rgba(0,0,0,.3)}

#banner {
  position: relative;
  float: left;
  width: 100%;
  background-color:#987056;
}
#banner img {width:100%; height:auto; min-height:99px; margin:0 0 -7px 0}


.goreimg {width: 45%; height: auto; max-width: 500px; float:right; margin:0 0 15px 20px;}



@media only screen and (max-width:1400px) { #wrapper, #footer {max-width:1100px;} .rslides div a {top:160px; padding:14px; font-size: 30px;  max-width: 60%}}

@media only screen and (max-width:1100px) {
.rslides div a {top:160px; padding:14px;  max-width: 60%}
	#nav ul li.homelink {display: none}
	}

@media only screen and (max-width:900px) {
.rslides div a {top:140px; padding:13px; font-size: 26px;  max-width: 60%}
#nav #menu{ position: relative; z-index: 999999999999; cursor: pointer;}	
#nav li.donate {display: block; background-color: #ED7C05; font-weight: 700; font-size: 16px}

	#nav #menu .menu {display:block; background:#fff; text-decoration: none; color:#124273; font-weight: 700; padding:6px 12px; font-size: 17px; box-shadow: 1px 1px 10px 10px #113361; margin:10px}

	#nav ul {width:360px; position:absolute; top:36px; right:10px; display: none}
	#nav #menu:hover ul {display: block}	
#nav ul li {display:block; float:left; width:100%; background-color: #73A8D0;}
#nav ul li a {margin:0px; padding:8px 0; color: #FFFFFF; border-top: solid 1px #163866!important; width:100%; float:left; text-indent: 20px}
#nav ul li a:hover {border-top: solid 1px #163866!important; color: #163866!important;}
#nav ul li ul {
	background: none;
	position:static;
	display:block;
	width: 100%;
	left: auto;
	padding: 0;
	margin: -5px 0 0 0;
	border-bottom: none;
}

#nav ul ul a {
	text-indent: 25px;
	width:100%;

	padding-bottom: 12px;
	text-decoration: none;
	font-size:14px;
	border:none!important;
}
#nav ul ul a:hover {border:none!important;}	
#nav ul li.homelink {display: block}	
    
    
    
#listleft {float: none; width: auto; padding: 0 24px; display: block}
#listright {float: none; width: auto; padding: 0px 24px; display: block}
#listright p {column-count: 2}    
    
}



@media only screen and (max-width:700px) {
	.rslides div a {top:120px; padding:12px; font-size: 24px}
    #listright p {column-count: 1}   
}
@media only screen and (max-width:600px) {
	.rslides div a {top:110px; padding:11px; font-size: 20px}
	#banner {display:none}
}
@media only screen and (max-width:450px) {
	.rslides div a {top:120px; padding:10px; font-size: 18px; max-width: 75%; margin-right:-50px;}
}


@media only screen and (max-width:780px) {	
	
	#right{display:none}
	#left{float:left; width: auto;padding: 0 25px 35px 25px;}

	.col {width: calc(100% - 50px); padding:30px 25px ; float:none; border-top: solid 1px #bbb;}
		
	
	#toptabs {display: none}

	#content .slogan h1  {font-size: 26px; text-transform: none; }
	#content h1 {font-size: 30px; text-transform: none; font-weight: 400 }
	}




@media only screen and (max-width:479px) {	
	
	body {font-size:14px; line-height: normal!important}
	
	#content h1 {font-size: 21px; font-weight: 700 }
	
#header{
	background-color:#12457A;
	background-image:none;
	padding-top:60px;
}

	
.hide {	display:none;}
	
	#nav ul {width: calc(100vw);right:0px;}	
#nav ul li a, #nav ul li ul li a { width:100%; text-indent: 0px!important; text-align: center!important; display: block}
	
	#header #logo {left: 15px;}
#logo a { width: 180px;height: 86px; background-size: contain}
	
	#content .slogan h1  {font-size: 21px;}
	
	
}



















#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg)}
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
	}