@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-family: Helvetica, sans-serif;
	color: #4C5966;
	border-top: 6px solid #4C5966;
	background-color:  #4C5966;
}

h1 {
	font-size: 18pt;
	font-family: Helvetica, sans-serif;
	color: #4C5966;
	font-weight: 100;
}

a img { 
	border: none;
}

a:link {
	color: #004E7C;
	text-decoration: none; 
}

a:visited {
	color: #004E7C;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #009AD0;
	text-decoration: none;
}


.container {
	width: 940px;
	margin: 0 auto; 
}

.headerbg {
	height: 125px;
	background-color: #EDEEF0;
}

.navcontainer {
	height: 32px;
	background-color: #4C5966;
}

.navbar {
	float: left;
	margin-left: 28pt;
}

.header {
	float: left;
	width: 272px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#social  {
	float: right;
	width: 200px;
	padding-top: 40px;
}

.socialright {
	float: right;
}

.socialleft {
	float: left;
}

.bannerbg {
	height: 320px;
	background-color:  #C9CDD1;
	border-bottom:  6px solid #004E7C;	 
}

.bannerbgsmall {
	height: 100px;
	background-color:  #C9CDD1;
	border-top:  6px solid #004E7C;
	border-bottom:  6px solid #004E7C;	 
}

.contentbg {
	background-color:  #FFFFFF;
}


.maincontent {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

.tabmaincontent {
	padding-left: 10px;
	padding-right: 10px;
}

.tabmaincontent h1 {
	font-size: 16pt;
}

.tabmaincontent ul {
	line-height: 12pt;
}

.tabmaincontent li {
	margin-top: 4pt;
}

.footerbg {
	background-color:  #4C5966;
	border-top:  6px solid #004E7C;
}

.footer {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

.footer p {
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: 100;
	font-family: Helvetica, sans-serif;
}
.footer h1 {
	text-align: left;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: 500;
}

.footer a img { 
	border: none;
}

.footer a:link {
	color: #FFFFFF;
	text-decoration: none; 
}

.footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.footer a:hover, a:active, a:focus {
	color: #009AD0;
	text-decoration: none;
}

input {
	font-size: 10pt;
	font-family: Helvetica, sans-serif;
	color: #4C5966;
}

.textarea {
	font-size: 10pt;
	font-family: Helvetica, sans-serif;
	color: #4C5966;
}

.scenarioarea {
	font-size: 12pt;
	font-family: Helvetica, sans-serif;
	font-style: italic;
	color: #4C5966;
	font-weight: 50;
	text-align: center;
}

.thoughtarea {
	font-size: 16pt;
	font-family: Helvetica, sans-serif;
	font-style: italic;
	color: #4C5966;
	font-weight: 50;
	text-align: center;
}

.marquee {
width: 300px;
height: 200px;
overflow: hidden;
position: relative;

border: 1px solid #4C5966;  
    margin: 25px auto;    
  
background-color: #C9CDD1;  
  
-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);  
box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);  


-webkit-transition: background-color 350ms;
-moz-transition: background-color 350ms;
transition: background-color 350ms;
}

.marquee p {
	position: absolute;
	font-family: Tahoma, Arial, sans-serif;
	width: 100%;
	height: 100%;
	margin: 0;
	line-height: 25px;
	text-align: center;
	color: #4C5966;    
  filter: dropshadow(color=#000000, offx=1, offy=1); 
	transform:translateX(100%);
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);
	left: 1px;
	top: 2px;
}  


@keyframes left-one {  
    0%  {  
        transform:translateX(100%);  
    }  
    6% {  
        transform:translateX(0);  
    }  
    30% {  
        transform:translateX(0);  
    }  
    33% {  
        transform:translateX(-100%);  
    }  
    100%{  
        transform:translateX(-100%);  
    }  
}  
@keyframes left-two {  
    0% {  
        transform:translateX(100%);  
    }  
    33% {  
        transform:translateX(100%);  
    }  
    39% {  
        transform:translateX(0);          
    }  
    60% {  
        transform:translateX(0);
    }  
    66% {  
        transform:translateX(-100%);          
    }  
    100%{  
        transform:translateX(-100%);  
    }  
} 

@keyframes left-three {  
    0%  {  
        transform:translateX(100%);  
    }  
    66% {  
        transform:translateX(100%);  
    }  
    73% {  
        transform:translateX(0);  
    }  
    93% {  
        transform:translateX(0);  
    } 
    99% {  
        transform:translateX(-100%);  
    }  
    100%{  
        transform:translateX(-100%);  
    }  
}  


@-webkit-keyframes left-one {  
    0%  {  
        -webkit-transform:translateX(100%);  
    }  
    6% {  
        -webkit-transform:translateX(0);  
    }  
    27% {  
        -webkit-transform:translateX(0);  
    }  
    33% {  
        -webkit-transform:translateX(-100%);  
    }  
    100%{  
        -webkit-transform:translateX(-100%);  
    }  
}  
@-webkit-keyframes left-two {  
    0% {  
        -webkit-transform:translateX(100%);  
    }  
    33% {  
        -webkit-transform:translateX(100%);  
    }  
    39% {  
        -webkit-transform:translateX(0);          
    }  
    60% {  
        -webkit-transform:translateX(0);
    }  
    66% {  
        -webkit-transform:translateX(-100%);          
    }  
    100%{  
        -webkit-transform:translateX(-100%);  
    }  
} 

@-webkit-keyframes left-three {  
    0%  {  
        -webkit-transform:translateX(100%);  
    }  
    66% {  
        -webkit-transform:translateX(100%);  
    }  
    73% {  
        -webkit-transform:translateX(0);  
    }  
    94% {  
        -webkit-transform:translateX(0);  
    } 
    100% {  
        -webkit-transform:translateX(-100%);  
    }  
    100%{  
        -webkit-transform:translateX(-100%);  
    }  
}  


.marquee p:nth-child(1) {  
    animation: left-one 36s ease infinite;  
	-moz-animation: left-one 36s ease infinite;
	-webkit-animation: left-one 36s ease infinite;
}  


.marquee p:nth-child(2) {  
    animation: left-two 36s ease infinite;  
	-moz-animation: left-two 36s ease infinite;
	-webkit-animation: left-two 36s ease infinite;
}  

.marquee p:nth-child(3) {
	animation: left-three 36s ease infinite;
	-moz-animation: left-three 36s ease infinite;
	-webkit-animation: left-three 36s ease infinite;
	font-family: Arial, Helvetica, sans-serif;
}  


.css-slideshow{
   position: relative;
   max-width: 940px;
   height: 320px;
}
.css-slideshow figure{
   margin: 0;
   position: absolute;
}
.css-slideshow figcaption{
	position: absolute;
	top: 0px;
	color: #fff;
	background: rgba(0,0,0, .3);
	font-size: .8em;
	padding: 8px 12px;
	opacity: 0;
	transition: opacity .5s;
	left: 0px;
}
.css-slideshow:hover figure figcaption{
   transition: opacity .5s;
   opacity: 1;
}
.css-slideshow figure{
   opacity:0;
}

@keyframes xfade{
  0%{
	  filter: alpha(opacity=100);
      opacity: 1;
   }
  33.33% {
	  filter: alpha(opacity=100);
      opacity:1;
   }
  35.33%{
	  filter: alpha(opacity=0);
      opacity: 0;
   }
   98% {
	   filter: alpha(opacity=0); 
	   opacity: 0;
   }
   100% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
}

@-webkit-keyframes xfade{
  0%{
	  filter: alpha(opacity=100);
      opacity: 1;
   }
  33.33% {
	  filter: alpha(opacity=100);
      opacity:1;
   }
  35.33%{
	  filter: alpha(opacity=0);
      opacity: 0;
   }
   98% {
	   filter: alpha(opacity=0); 
	   opacity: 0;
   }
   100% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
}


figure:nth-child(1) {
  animation: xfade 36s 24s infinite;
  -webkit-animation: xfade 36s 24s infinite;
}
figure:nth-child(2) {
  animation: xfade 36s 12s infinite;
  -webkit-animation: xfade 36s 12s infinite;
}
figure:nth-child(3) {
  animation: xfade 36s 0s infinite;
  -webkit-animation: xfade 36s 0s infinite;
}