/********** FONTS **********/
@import url(http://fonts.googleapis.com/css?family=Lobster|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Lato:300);

/********** SELECTION **********/

::selection {
	color: #fff;
	background: #a3c6ff; /* Safari */
/*	background: #333333; */
}

::-moz-selection {
	color: #fff;
	background: #a3c6ff; /* Firefox */
/*	background: #333333; */
}

#header ::selection {
	color: #333333;
	background: #fff; /* Safari */
}

#header ::-moz-selection {
	color: #333333;
	background: #fff; /* Firefox */
}

/********** GENERAL **********/

* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
/*	background: #f3f3f3; */
/*	width: 1200px; */
/*	background: #444852; */
/*	background: #9EFAFF; */
	background: #a3c6ff;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	color: #4a4a4a;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid #333333;
}

/*
	width: 1000px;
*/

.inner-container {
/*	background: #333333; */
	width: 80%;   /*  600  */
	margin: 0 auto;
	position: relative;
}

/********** ANIMATION **********/

a, .input, .button, #footer {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

/********** Back to top button **********/


#pagewrap {
	margin: 0 auto;
/*	width: 1000px; */
/*	padding-left: 150px; */
	position: relative;
}

#back-top {
	position: fixed;
	bottom: 50px;
	right: 15px;
}

#back-top a {
	width: 58px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */

#back-top span {
	width: 58px;
	height: 58px;
	display: block;
/*	background: #ddd url(up-arrow.png) no-repeat center center; */
	background: url(../images/PageTopGray.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover span {
	background: url(../images/PageTopRed.png) no-repeat center center;
/*	background-color: #777; */
}

/********** End Back to top button **********/

/********** HEADER **********/

#header {
	background: #CED8F6; /* 9092ff 4d4dff #9EFAFF #488AC7  Silk Blue - Compl = #C78548, Blue Koi #659EC7 - Compliment = #C78E65 - #000072 #000; 00008F ccffff 000072*/
/*	background: #444852; 333333 */
	border-bottom: 1px solid #fff;
}

#header .headerSpace {
	height: 150px;
	background-image: url(../images/PraemonVtoB8.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	text-align: center;
}

#header .pixContainer {
 height: 500px;
 width: 1000px;
 overflow: hidden;
 margin: 50px auto;
/* background: white; */
}

/*photobanner*/
 
.photobanner {
 height: 300px;
 width: 100%;
 position: relative; 
 top:30% ;
 overflow: hidden;
 margin-top: 10px;
 margin-bottom: 0px;
}
 
.photobanner img {
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
 
.photobanner img:hover {
 -webkit-transform: scale(1.5);
 -moz-transform: scale(1.5);
 -o-transform: scale(1.5);
 -ms-transform: scale(1.5);
 transform: scale(1.5);
 cursor: pointer;
 
 -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
 box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

#header img {
	margin: 15px 5px 10px 5px;
	border: 5px solid #151B54;  /* Midnight Blue */
	text-align: center;
}

#header p {
/*	font-family: 'Open Sans', Helvetica, Arial, sans-serif; */
	margin: 0px 0px 10px 0px;
	font-weight: 600;
	font-size: 21px;
	line-height: 35px;
	text-align: center;
	color: #151B54;
}
  
 /* Contains the Float */

 .clearFloat {
    clear:both; 
    margin:0;
    padding:0;
 }

 /* IE7 Display Fix */

 #navMenu ul li { 

  display: inline; 
 
 }

/********** CONTENT **********/

#content {
	background: #fff; /*b7cff7 a3bbff b7cff7 0088ff #40DFE7 9EFAFF 307AC2 488AC7 Silk Blue, Compliment = F5FF6B,   333333; 333385 4D4D9C */
	border-bottom: 1px solid #fff;}

#content .inner-container {
/*	background: yellow; */
	padding: 20px 20px;
	font-style: normal;
	font-size: 19px;
	font-weight: 700;
/*	color: #FFF; */
	color: #1C1C1C;
}
/*
#content .opposition-space {
	margin: 5px;
	font-style: normal;
	color: #FFF;
}

#content .opposition-space .left {
	position: relative; left:5%;
	margin-top: 5px;
	margin-bottom: 15px;
	text-align: center;
}

#content .opposition-space .right {
	position: relative; left:55%;
	margin-top: -50px;
	margin-bottom: 15px;
	text-align: center;
}
*/

#content .cols2 {
  -webkit-column-count: 2;
  -webkit-column-gap: 15px;
/*  -webkit-column-rule: 1px solid #000; */

  -moz-column-count: 2;
  -moz-column-gap: 15px;
/*  -moz-column-rule: 1px solid #000; */

  column-count: 2;
  column-gap: 15px;
  column-rule: none;
/*  column-rule:1px solid #000;   */
	text-align: left;
}

#content p {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 18px;
	color: gray; /* white */
	margin-top: 25px;
	margin-bottom: 25px;
}

#content h1 {
  -webkit-column-span:all;
  -moz-column-span:all;
	column-span:all;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px:
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 2px;
	text-align: center;
	color: black;
	line-height: 2px;
	background: #fff;
}

#content h2 {
  -webkit-column-span:all;
  -moz-column-span:all;
	column-span:all;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px:
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 19px;
/*	text-align: center; */
	text-align: left;
	color: black;
	line-height: 27px;
/*	background: #fff; */
}

#content h3 {
  -webkit-column-span:all;
  -moz-column-span:all;
	column-span:all;
	margin-top: 5px;
/*	margin-bottom: 5px; */
	padding: 0px:
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 25px;
	text-align: center; 
/*	text-align: left; */
	text-decoration: underline;
	color: black;
	line-height: 28px;
}

#content p em {
	font-style: normal;
	color: #FFF;
}

#content p.box1 {
/*	background: blue;*/
	width: 350px;  
	position: relative;
/*	left: 50px; */
	margin-top: 20px; 
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #000;
}

#content p.box2 {
/*	background: purple;*/
	width: 350px;  
	position: relative;
	left: 360px;
	margin-top: -157px; 
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #000;
}

#content p.box3 {
/*	background: orange;*/
	width: 350px;  
	position: relative;
	left: 720px;
	margin-top: -156px; 
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #000;
}

#content ul {
    margin:0;
    padding:0;
/*    line-height:20px;  */
    list-style-type:circle;
 }

#content ul li .a {
    list-style-type:circle;
    list-style-position:initial;
    list-style-image:initial;
}

#content .inner-container li.level-a {
	position: relative;
	left: 30px;
	margin-bottom: 2px;
	width: 100%;  
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 400;
/*	font-size: 12px;/2.0 */
	font-size: 14px;
	text-align: left;
	text-decoration:none;
	color: white;
}

/*
#content li {
    margin:0;
    padding:0;
}
*/

/********** Q and A **********/

#qAndA {
	background: #8ab4db; /* B7CEEC C6DEFF 488AC7 FFFFFF; */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #000;
}

#qAndA .qAndA-container {
/*	height: 300px; */
	padding: 0px 20px 20px 20px;
}

#qAndA .qAndA-space {
/*	height: 150px; */
	margin: 10px 20px 10px 20px;
	padding: 0px 10px 10px 10px;
	border-bottom: 1px solid #000;
}

#qAndA h1.pageTitle {
	position: relative;
	left: 40px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 20px 10px 10px 5px;
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 32px;
	color: black;
}

#qAndA h1.sectionTitle {
	position: relative;
	left: 15px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 20px 10px 10px 5px;
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 32px;
	color: black;
}

#qAndA h2.question {
	position: relative;
	left: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 10px 15px 10px 5px;
	line-height: 30px;
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: black;
}

#qAndA h3.sxn {
	position: relative;
	left: 15px;
	padding: 10px 0px 10px 0px;
	text-align: left;
	text-decoration: underline;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: black;
}

#qAndA p.answer {
	position: relative;
	left: 15px;
/*	margin-top: -85px; */
	margin-bottom: 10px;
	width: 96%;  /*  900px; */
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: left;
	font-size: 18px/3.0;
	color: black;
}

#qAndA .qAndA-space li.level-1 {
	position: relative;
	left: 30px;
	margin-bottom: 2px;
	width: 100%;  
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 400;
/*	font-size: 12px;/2.0 */
	font-size: 12px;
	text-align: left;
	text-decoration:none;
	color: black;
}

#qAndA ul li a {
	position: relative;
	left: 25px;
	margin-bottom: 10px;
	width: 100%;  
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: left;
	text-decoration:none;
	font-size: 18px;
	color: black;
}

#qAndA a.goToTop {
	position: fixed;
	right: 30px;
	bottom: 40px;
	height: 65px;
	width: 65px;
	background: url(../images/PageTopGray.png) no-repeat ;
	text-decoration: none;
}

#qAndA a.goToTop:hover {
	position: fixed;
	right: 30px;
	bottom: 40px;
	height: 65px;
	width: 65px;
	background: url(../images/PageTopRed.png) no-repeat ;
	text-decoration: none;
}

/********** END Q and A  **********/

/********** SECTION ONE **********/

#sectionOne {
	background: #307AC2; */9EBDC7 444852; #333333 */
	border-bottom: 2px solid #fff;
}

#sectionOne .inner-container {
	height: 270px;
	padding: 5px 10px 0px 10px; 
}

#sectionOne .inner-container2 {
	height: 100px;
	padding: 5px 10px 0px 10px; 
}

#sectionOne .sectionOne-container {
	padding: 5px 10px 0px 10px; 
}

#sectionOne h1.bigCenter {
	margin-top: 40px;
	text-align: center;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 1000;
	font-size: 25px;
	font-style: normal;
/*	color: #FFF; */
	color: #000;
}

#sectionOne h1.smallerCenter {
	margin-top: 40px;
	text-align: left;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 1000;
	font-size: 20px;
	font-style: normal;
/*	color: #FFF; */
	color: #000;
}

#sectionOne p.explanation {
	margin-top: 20px;
	margin-left: 15px;
	text-align: left;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 1000;
	font-size: 15px;
	font-style: normal;
/*	color: #FFF; */
	color: #000;
}

/********** End SECTION ONE **********/

/********** CONTENT 2 **********/

#content2 {
	background: #444852;
	border-bottom: 1px solid #fff;}

#content2 .inner-container {
	height: 160px;
	margin-left: 200px;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 5px 30px;
	font-style: normal;
	color: #FFF;
}

#content2 .inner-container .left {
	position: absolute; left:25%;
	margin-top: 5px;
	margin-bottom: 15px;
	text-align: center;
}

#content2 .inner-container .right {
	position: absolute; left:50%;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: center;
}

#content2 .cols2 {
  -webkit-column-count: 2;
  -webkit-column-gap: 15px;
/*  -webkit-column-rule: 1px solid #000; */

  -moz-column-count: 2;
  -moz-column-gap: 15px;
/*  -moz-column-rule: 1px solid #000; */

  column-count: 2;
  column-gap: 15px;
  column-rule: none;
/*  column-rule:1px solid #000;   */
	text-align: left;
}

#content2 .cols2 a {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 14px/2.0;
	color: black;
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
}

#content2 .cols2 p {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 14px;
	color: black;
	margin-top: 25px;
	margin-bottom: 25px;
}

#content2 .cols2 h1 {
  -webkit-column-span:all;
  -moz-column-span:all;
	column-span:all;
	margin-top: 20px;
	margin-bottom: 25px;
	margin-left: 30%;
	padding: 5px:
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 21px;
	text-align: left;
/*	text-align: center;  */
	color: black;
}

#content2 .cols2 img {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px/10px:
	text-align: center;
}

#content2 p em {
	font-style: normal;
	color: #FFF;
}

/********** NEWSLETTER **********/

#content2 #newsletter {}

#content2 #newsletter p {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 25px;
	text-align: left;
/*	text-shadow: 1px 1px 0 rgba(255,255,255,0.75); */
	color: #FFF;
/*	color: #4a4a4a;  */
	margin-bottom: 15px;
}

#content2 #newsletter p em {
	font-style: normal;
	color: #333333;
}

/********** END NEWSLETTER **********/

/********** Intro Section **********/

#introSection {
	background: #a3c6ff; /* CED8F6 307AC2; */
/*	background: #9EBDC7; */
/* #D8D8D8; */ 
	margin: 0px 0px px 0px; 
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #000;
	text-align: left;
}

#introSection .intro-container {
/*	height: 300px; */
/*	margin: 45px 10px 45px 20px; */ 
	padding: 0px 0px 10px 0px;
/*	margin-bottom: 10px; */
/*	background-image: url("/images/Device_Banner_3.jpg"); */
/*	background-image: url("Device_Banner_3.jpg"); */
/*	background-repeat: no-repeat; */
/*	background-position: center top; */
}

#introSection .contactHolder {
/*	background: blue; */  
/*	position: relative; */
/*	left: 25%; */
	padding: 0px 0px 10px 0px;
	height: 450px;
}

#introSection .contactHolder2 {
/*	width: 1000px; */
/*	height: 450px; */ 
	position: relative;
	left: 0%;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
/*	background: red; */ /* #9EBDC7; */  
	background-image: url("/images/Device_Banner_3.jpg");
	background-repeat: repeat; /* no-repeat;*/
/*	background-position: center top; */
}

#introSection h1.contactTitleLeft {
/*	margin-top: 20px; */ 
	position: relative;
	left: 40px;
	margin-bottom: 25px;
	padding: 20px 0px 10px 10px;
	text-align: Left;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 1000;
	font-size: 27px;
	font-style: normal;
	color: #000;
}

#introSection h1.contactQuestion {
	margin-top: 10px;
	margin-bottom: 10px;
/*	padding: 0px 0px 0px 0px; */
	text-align: center;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 22px;
	font-style: normal;
	color: #000;
}

#introSection h1.contactTitle {
/*	margin-top: 20px; */
	margin-bottom: 20px;
/*	padding: 20px 0px 10px 0px; */
	text-align: center;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 1000;
	font-size: 22px;
	font-style: normal;
	color: #000;
}

#introSection .contactRow {
/*	background: blue; */
/*	position: relative;
	left: 5%;  */
	height: 60px;
	width: 900px;  
	margin: 20px 0px 20px 0px;
/*	padding: 0px 10px 2px 10px; */
/*	border-bottom: 1px solid #000; */
}

#introSection p.contact1 {
/*	background: blue; */
	width: 300px;  
	position: relative;
	left: 350px;
	margin-top: 20px; 
	text-align: right;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #000;
}

#introSection p.contact2 {
/*	background: purple; */  
	width: 300px;  
	position: relative;
	left: 700px;
	margin-top: -21px; 
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #000;
}

#introSection p.regular {
	position: relative;
	left: 40px;
	margin: 0px 30px 10px 10px; 
	width: 90%;  
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
/*	font-style: normal; */
	font-size: 22px;
	color: #000;
}

#introSection p.regular1 {
	position: relative;
	left: 40px;
	margin: 0px 30px 10px 10px; 
	width: 90%;  
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
/*	font-style: normal; */
	font-size: 25px;
	font-weight: 700;
	color: #000;
	line-height: 150%;
}

#introSection p.regular2 {
	position: relative;
	left: 40px;
	margin: 0px 30px 10px 10px; 
	width: 90%;  
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
/*	font-style: normal; */
	font-size: 22px;
	color: #000;
	line-height: 150%;
}

#introSection p.regular3 {
	position: relative;
	left: 40px;
	margin: 0px 30px 10px 10px; 
	width: 90%;  
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
/*	font-style: normal; */
	font-size: 18px;
	color: #000;
	line-height: 125%;
}

#introSection p.regularC {
	position: relative;
	left: 40px;
	margin: 0px 30px 10px 10px; 
	width: 90%;  
	text-align: center;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #000;
	line-height: 150%;
}

#introSection h1.introTitle {
/*	margin-top: 20px; */
	margin-bottom: 10px;
	padding: 20px 0px 0px 0px;
	text-align: center;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 1000;
	font-size: 27px;
	font-style: normal;
	color: #000;
}

#introSection p.item {
	position: relative;
	left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
/*	font-style: normal; */
	font-size: 18px;
	color: #000;
}

#introSection .subjectRow {
	height: 20px; 
	margin: 2px 20px 0px 20px;
	padding: 0px 10px 2px 10px;
/*	border-bottom: 1px solid #000; */
}

#introSection p.posOne {
	position: relative;
	left: 50px;
	margin-top: 1px;
/*	margin-bottom: 2px; */
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
/*	font-style: normal; */
	font-size: 17px;
	color: #000;
}

#introSection p.posTwo {
	position: relative;
	left: 350px;
	margin-top: -21px; 
/*	margin-bottom: 2px; */
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 17px;
	color: #000;
}

#introSection p.posThree {
	position: relative;
	left: 650px;
	margin-top: -21px; 
/*	margin-bottom: 2px; */
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 17px;
	color: #000;
}

#introSection p.posFour {
	position: relative;
	left: 950px;
	margin-top: -22px; 
/*	margin-bottom: 2px; */
	text-align: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 17px;
	color: #000;
}

#introSection h1.cardTitle {
/*	margin-top: 20px; */
/*	margin-bottom: 5px; */
	padding: 20px 0px 5px 0px;
	text-align: center;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 1000;
	font-size: 27px;
	font-style: normal;
	color: #000;
}

#introSection .cardRow {
/*	background: blue; */
/*	position: relative;
	left: 5%;  */
/*	height: 15px; */
	width: 900px;  
	margin: 20px 0px 10px 0px;
/*	padding: 0px 10px 2px 10px; */
/*	border-bottom: 1px solid #000; */
}

#introSection p.card1 {
/*	background: blue; */
	height: 150px;
	width: 250px;  
	position: relative;
	left: 350px;
/*	margin-top: 20px; */
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #000;
}

#introSection p.card2 {
/*	background: purple; */  
	height: 150px;
	width: 250px;  
	position: relative;
	left: 700px;
	margin-top: -150px; 
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #000;
}

/*
#introSection a.member {
	text-decoration: none;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal; 
	font-size: 18px;
	color: #000;
}
*/

#introSection .intro-container ul {
/*	position: relative; */
/*	left: 30px; */
    margin:0;
    padding:0;
    line-height:30px;
 }

#introSection .intro-container li {
	position: relative;
	top: 20px;
	left: 30px;
	margin:20;
	padding:20;
 }

/********** End Intro Section **********/

/********** FORM ELEMENTS **********/

/********** INPUT FIELD **********/

#content #newsletter .input {
	margin-right: 10px;
}

.input {
	width: 370px;
	background: #e6e6e6;
	border: 1px solid #fff;
	padding: 15px 35px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	box-shadow: inset 0 1px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.5);
	
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	text-align: left;
	text-shadow: 1px 1px 0 rgba(255,255,255,1.0);
	color: #626262;
}

.input:hover {
	background: #fff;
}

.input:focus {
	background: #fff;
	border: 1px solid rgba(0,0,0,0.25);
	color: #444444;
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.25);
}

/********** BUTTON **********/

.button {
	/* Gradient */
	background-color: #333333;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008fd5), to(#006ba0));
	background-image: -webkit-linear-gradient(top, #008fd5, #006ba0);
	background-image:    -moz-linear-gradient(top, #008fd5, #006ba0);
	background-image:     -ms-linear-gradient(top, #008fd5, #006ba0);
	background-image:      -o-linear-gradient(top, #008fd5, #006ba0);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#006ba0',GradientType=0 ); /* ie6-ie9 */
	
	border: 1px solid #0b648f;
	display: inline-block;
	padding: 13px 35px;
	cursor: pointer;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	box-shadow: inset 0 0 1px rgba(255,255,255,1.0);
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,1.0);
	-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,1.0);
	
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
	color: #fff;
}

.button:hover {
	background-color: #01689a;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#01689a), to(#333333));
	background-image: -webkit-linear-gradient(top, #01689a, #333333);
	background-image:    -moz-linear-gradient(top, #01689a, #333333);
	background-image:     -ms-linear-gradient(top, #01689a, #333333);
	background-image:      -o-linear-gradient(top, #01689a, #333333);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01689a', endColorstr='#333333',GradientType=0 );
}

*+html .button /* ie7 only */ {
	padding: 10px 12px;
}

/********** Footer **********/

#footer {
	background: #f3f3f3;
	margin-bottom: 5px;
	display: block;
/*	opacity: 0.5;  */
/*	filter: alpha(opacity=30); */
	position: relative;
	border-bottom: 1px solid #000;
}
/*
#footer:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
*/
#footer .inner-container {
	height: 50px; /* added line of code  */
	margin-top: 5px;
	margin-left: 240px;
	padding: 0px 250;
	text-align: center;

}


#footer .cols2 {
  -webkit-column-count: 2;
  -webkit-column-gap: 250px;
  -webkit-column-rule: 1px solid #000;

  -moz-column-count: 2;
  -moz-column-gap: 250px;
  -moz-column-rule: 1px solid #000;

  column-count: 2;
  column-gap: 250px;
/*  column-rule: none;  */
  column-rule:1px solid #000;
	text-align: center;
}

#footer .cols2 a {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 14px/2.0;
	color: black;
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
}

#footer .cols2 p {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 14px/2.0;
	color: black;
	margin-top: 25px;
	margin-bottom: 25px;
}

#footer .cols2 h1 {
  -webkit-column-span:all;
  -moz-column-span:all;
	column-span:all;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 25px:
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 40px;
	text-align: center;
	color: black;
}

#footer .cols2 img {
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 10px/10px:
	text-align: center;
 	text-decoration: none;
}

#footer .inner-container .left {
	position: absolute; left:25%;
	margin-top: 5px;
	text-align: center;

}

#footer .inner-container .right {
	position: absolute; left:50%;
	margin-top: 0px;
	text-align: center;
}

/********** COPYRIGHT **********/

#footer .copyright {
	position: absolute;
	left: 0;
}

#footer .copyright, #footer .copyright a {
	font-size: 12px;
	line-height: 19px;
	text-shadow: 1px 1px 0 rgba(255,255,255,1.0);
}

#footer .copyright a {
	color: #4a4a4a;
}

#footer .copyright a:hover {
	color: #333333;
	border: none;
}

/********** SOCIAL MEDIA **********/

/********** */


/*
#footer .social-media {
	position: absolute;
	right: 0;
}
*/

#footer .social-media {
	float: right;
}

#footer .social-media a {
	width: 33px;
	height: 24px;
	display: inline-block;
	background: url(blue-facebook-logo.png) no-repeat;
	overflow: hidden;
}

#footer .social-media a:hover {
	border: none;
}

/* CH Added  */

#footer .social-media p {
	font-style: normal;
	color: #333333;
}

/* End CH Added */

#footer .social-media .facebook {
	background-position: 0px 0px;
	margin-right: 5px;
}

#footer .social-media .twitter {
	background-position: -33px 0px;
}
/******  ****/

#footer .social-media a span /* Tooltip */ {
	width: 125px;
    height: auto;
	display: block;
	padding: 7px 12px;
/*	position: absolute; */
	position: relative;
	bottom: 25px;
	left: -180px;
	pointer-events: none;
	opacity: 0.3;
	filter: alpha(opacity=0);
	transition: all 0.5s ease-in-out;
	
	background: #e6e6e6;
	border: 1px solid #fff;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.75);;
	color: #4a4a4a;
}

#footer .social-media a:hover span {
	opacity: 1.0;
	filter: alpha(opacity=100);
	bottom: 5px;
}

/********** DOWNLOAD BUTTON (DEMO ONLY) **********/

.download {
	display: block;
	position: fixed;
	right: 25px;
	bottom: 25px;
	padding: 5px;
	
	font-weight: 700;
	font-size: 11px;
	text-align: right;
	text-decoration: none;
	color: rgba(0,0,0,0.5);
	text-shadow: 1px 1px 0 rgba(256,256,256,0.5);
}

.download:hover {
	color: rgba(0,0,0,0.75);
	text-shadow: 1px 1px 0 rgba(256,256,256,0.5);
	border: none;
}

.download:focus {
	bottom: 24px;
}


/*** From Footer CSS **/
#footer{
        position: fixed; /* the footer must stick to the bottom of the page, the fixed positionning is here necessary. */
        bottom: 0px;
        margin:0;
        padding:0;
        left:0;
        right:0;
        width: 100%;
        height: 40px;
        font-family:Arial;
/*        text-shadow: 1px 1px 1px black; */  /*h,v,blur,color */
        /* glass effect */
        border-top: 1px solid rgba(0,0,0,0.3);
        /* background: rgba(0,0,0,0.5); */
        background: rgba(0,0,0,1.0);
       /*inset = inner shadow ----------- this just creates multiple shadows*/
        /*top border, top white section, overlay top white, bottom*/
        /*box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);*/
}
#footer h2{
        font-weight:normal;
        font-size:14px;
        text-decoration:underline;
/*        color: #CC0000; */
         color: #000000;
       margin-top:10px;
        margin-bottom:5px;
        margin-left:10px;       
}
#footer p{
        color:white;
        font-size:12px;
        float:left;
        padding:0px 10px; /*top & bottom = 0px */
        margin:10px 0px;
}
#footer img{
        border:none;
}
#footer li ul{ /* Programs button is a list */
        list-style:none;
        padding:0px;
        margin-bottom:12px;
}
.clear { /* Use this class between rows of content when you use columns */
        clear: both; /*no floating elements allowed on the left or the right side*/
        display: block;
        overflow: hidden;
        visibility: hidden; /*nothing displays, just resets the layout*/
        width: 0px;
        height: 0px;
}
#footer .whiteBorder { /* good for images */
        border:1px solid white;
}
#footer .img_left { /* image floats to the left */
        float:left;
        margin-right:10px;
        width: 40px;
}
#footer .black_box {
        background: rgba(0,0,0,0.4);
        padding:5px;
        margin-bottom:5px;
    border-radius: 5px;
}
#footer #notifications { /* entire notification section */
        float:right;
        width:auto;
        margin:5px 15px 0px; /*top, right/left, bottom*/
        padding:0px;
        overflow:hidden;
}
#footer #notifications li { /* each notification icon */
        margin-right:12px; /* 12px is the space between each one of them */
        float:left;
        width:24px;
        padding:0px;
        height:32px;
        list-style:none;
}
#footer #notifications li:hover {
        margin-top:-1px; /* icons move 1px up on hover, use this or change color on hover (like home button) */
}
a.notificationIcons span { /* span is text when you hover over */
        display:none;
        font-size:12px;
        padding:5px;
        bottom:45px;
        position:relative;
        width:150px;
        border-radius: 3px;
}
a.notificationIcons:hover span {
        display:block;
        position:absolute;
        border:1px solid #161616;
        color:white;
        margin-left:-70px;
        background:rgba(0,0,0,0.3);
}
 
/* Footer Buttons  */
 
#footer_menu{ /*entire footer bar*/
        margin: 0;
        padding: 0;
        width:auto;
}
#footer_menu li { /* the "buttons" */
        list-style: none;
        float: left;
        font-size:12px;
        padding: 12px 14px 14px 14px;
        /* cool glass look */
        border-right:1px solid rgba(0,0,0,0.4);
        /*background: rgba(0,0,0,0.1); */
        background: rgba(0,0,0,0.8);
}
#footer_menu li:hover {
/*        background: rgba(0,0,0,0.6);  */  /*a little darker on hover*/
        background: rgba(158,189,199,0.3); /*a little darker on hover*/
}
#footer_menu li a { /*text on the buttons*/
        display: block;
        color: #cccccc;
        text-decoration: none;
}
#footer_menu li a:hover {
        color: #ffffff; /*gray to white looks like it glows*/
}
/* used for the home button, text is here hidden and replaced by an image */
#footer_menu .homeButton { 
    padding:5px 8px 0px 14px;
    border:none;
    background:none;

}
#footer_menu .homeButton a { /* used for the home button, text is replaced by an image */
    background:url("home1.png") top left no-repeat;
    width:36px;
    height:30px;
    overflow: auto;
}
#footer_menu li.homeButton:hover {
    background:none;
}
#footer_menu li.homeButton a:hover {
    background:url("home2.png") top left no-repeat;
}
 
/* Drop-Up Menus */
 
#footer_menu li ul.dropup{
   display: none; 
}
#footer_menu li:hover ul.dropup{ /*Programs menu*/
        display: block;
        position: absolute;
        margin: 0 0 0 -15px; /*move left 15px to line up properly*/
        bottom:40px; /* distance to the bottom of the browser */
        border: 1px solid #111111;
        border-bottom:none;
        background: rgba(158,189,199,1.0);
        border-radius: 7px 7px 0px 0px; /*top-left, top-right, bottom-right, bottom-left*/
}
#footer_menu li:hover li { /* items in Programs menu */
        float: none;
        background:none;
        border:none;
        border-bottom:1px solid #161616;
        padding:12px 10px 12px 10px;
}
/* drop-up default links */
#footer_menu li:hover a {
/*        color: #aaaaaa; */
        color: #000000;
}
#footer_menu li:hover a:hover {
        color: #eeeeee; /*lighter*/
}
/* Stream, Messages, etc... */
#footer_menu li:hover a.headerLinks {
        font-size:14px;
        text-decoration:underline;
        color: #CC0000;
        margin-top:10px;
        margin-left:10px;
}
#footer_menu li:hover a.headerLinks:hover {
        color: white;
        cursor:pointer;
}
/* List Links */
#footer_menu li:hover a.listLinks {
        font-size:12px;
        color: #999999;
        margin-left:10px;
}
#footer_menu li:hover a.listLinks:hover {
        color: white;
        cursor:pointer;
}
#footer_menu .right { /* Use the right class to push the content to the right */
        float:right;
        right:0px;
        margin-right:2px;
        border-right:none;
        border-left:1px solid rgba(0,0,0,0.3);
}
 
/* 03 FOOTER - COLUMNS CONTENT - We will make 3 different layouts, which can contain 1 to 3 columns */
 
#footer .one_column_layout, 
#footer .two_column_layout, 
#footer .three_column_layout {
        margin:4px auto;
        position:absolute;
        padding-bottom:15px;
        display:none;
        text-align:left;
}
 
/* Layout Sizes */
#footer .one_column_layout {width: 140px;}
#footer .two_column_layout {width: 280px;}
#footer .three_column_layout {width: 420px;}
 
/* Entire drop-up menu, show on mouse hover */
#footer_menu li:hover .one_column_layout, 
#footer_menu li:hover .two_column_layout, 
#footer_menu li:hover .three_column_layout {
        display: block;
        position: absolute;
        margin: 0 0 0 -15px;
        bottom:40px;
        border: 1px solid #111111;
        border-radius: 7px 7px 0px 0px;
        background: rgba(0,0,0,0.5);
}
 
/* columns must be placed inside a layout */
#footer .col_1,
#footer .col_2,
#footer .col_3 {
        display:inline;
        float: left;
        position: relative;
        margin-left: 5px;
        margin-right: 5px;
}
#footer .col_1 {width:130px;}
#footer .col_2 {width:270px;}
#footer .col_3 {width:410px;}