/*Formatting below is pre-set for browser compatibility or global declarations*/
html, body {
    /*Utilized to stop a bug with older browsers, with this, text alignment will need to be set in non CSS text*/
    margin:0;
    padding:0;
    width: 100%;
    height: 100%;
    background-color: white;
    font-family:'Helvetica Neue LT W01_41488878';
    overflow-x: hidden;
    overflow-y: scroll;
    /*transition: 1.0s;*/
}

img {
      border: 0;
}


.dashes {
    /*The dash horizontal rule that is utilized in the top of menus and in different places ont he site*/
	border-top: 1px dashed #000000;
	margin: 0px;
	margin-top: 0px;
}



/*Following are Named divs and thie child classes as necessary. This area primarily focused on content structure*/




.portFull{
    background-color: #00B2EE;
}


.full{
    display: inline-block;
    width:100%;
    clear:both;
}

.intro{
    
    display: block;
    min-height: 31.9em;
    margin-left: -7em;
    padding-left: 7em;
    margin-right: -6em;
    padding-right: 6em;
    margin-top: 0;
    font-weight: 100;
    padding-bottom: 0em;
    margin-bottom: 0em;
    clear:both;
    background-color: #00B2EE;
    color: white;
    z-index: 10!important;
}

.expander{
    float: right;
    text-align: right;
    display: block;
    width: 20%;
}

.left{
    clear: left;
    display: inline-block;
    float: left;
    width: 53%;
    padding-right: 3%
}

.leftWide{
    clear: left;
    display: inline-block;
    float: left;
    width: 73%;
    padding-right: 3%
}

.summaryLeft{
    clear: left;
    display: inline-block;
    float: left;
    width: 65%;
    padding-right: 3%
}
.leftBorder{
    border-left: 2px dotted black;
}
.rightBorder{
    border-right: 2px dotted black;
}

.topLine{
    display: block;
    width:100%;
    border-top: 1px solid black;
    padding-top: 3px;
}

.topBorder{
    border-top: 2px dotted grey;
}
.right{
    clear: right;
    display: block;
    float: right;
    width: 40%;
    line-height: 1.35em;
    padding-top: 0em;
    margin-top: 0em;
    padding-left: 0vmin;
}

.right img{
    width: 120px;
    height 120px;
}

div#content {

    width: 100%;  
    position: absolute;
    top:3em;
    padding-top: 0em;
    margin-top: 0;
    margin-bottom: 3em;
    margin-left: auto;
    margin-right: auto;  
    background: #FFFFFF;
    z-index: 1;
    clear: none; 

    
}

.projectContent {
    position: absolute;
    width: 100%;  
    top:3em;
    padding-top: 3em;
    margin-bottom: 0em;
    margin-left: auto;
    margin-right: auto;  
    background: #FFFFFF;
    z-index: 1;
    clear: none; 
    min-height: 95%;
    
}

.closer{
    position: absolute;
    clear: none;
    right: 3em;
    padding-right: 7em;
    float: right;
    top: 1.5em;
    cursor: pointer;
    line-height: 0px;
}

.closer .closeArrow{
    position:absolute;  
    line-height: 0px;
    background-image: url('images/IBM/arrowBl.png');
    height: 20px;
    width: 20px;
    background-size: 20px;
    right: 5em;
    top:-10px !important;
}

.closer .closeArrow:hover{
    background-image: url('images/IBM/arrowW.png');
    background-size: 20px;
    z-index 1000;
}

.clearBoth{
    display: block;
    width: 100%;
    clear: both;
    height: 1px;
    
    margin: 0px;
    padding: 0px;
    
}

.projectPad{
    position: absolute;
    padding-left: 0.0em;
    padding-right: 3em;
    padding-left: 5em;
    text-align: left;
    margin-top: 0em;
    margin-bottom: 7em;
    line-height: 1.5;
    color: #333333;
    margin-bottom: 0em;
    z-index: 900 !important;
}

.gridPad{
    display: block;
    margin-right: 0em;
    margin-left: 0em;
    padding-left: 5em;
    padding-right: 3em;
    margin-top: 0em;
    padding-top: 0em;
    margin-bottom: 1em;
    overflow: hidden;
    font-family: sans-serif;
    font-family: "arial";
    line-height: 1.5;
    color: #333333;
    min-height: 400px;    
    background-color: #00B2EE;
}

.lightBlue{
    display: block;
    margin-right: -3em;
    margin-left: -5em;
    padding-left: 5em;
    padding-right: -3em;
    margin-top: 0em;
    padding-top: 0em;
    margin-bottom: 1em;
    overflow: hidden;
    font-family: sans-serif;
    font-family: "arial";
    line-height: 1.5;
    color: #333333;
    min-height: 18.8em;    
    background-color: #00B2EE;
}

.gridFull{
    display: inline-block;
    width: 100%;
    margin-top: calc(5px + 1.0em);
    margin-bottom: 1.55em;
    line-height: 0em;
    font-size: 1.05em !important;
}

.citationPad{
    display: block;
    margin-right: 0em;
    margin-left: 0em;
    padding-left: 5em;
    padding-right: 3em;
    margin-top: 0em;
    padding-top:  0em;
    margin-bottom: 1em;
    overflow: hidden;
    font-family: sans-serif;
    font-family: "arial";
    line-height: 1.5;
    color: #333333;
    min-height: 22em;    
    
}

.letterPad{
    display: block;
    margin-right: 3em;
    margin-left: 5em;
    padding-left: 0em;
    padding-right: 0em;
    margin-top: 0em;
    padding-top: 0em;
    margin-bottom: 1em;
    overflow: visible;
    line-height: 1.5;
    color: #333333;
    min-height: 30em;    
    
}

.fullPad{
    display: block;
    margin-right: 3em;
    margin-left: 5em;
    padding-left: 0em;
    padding-right: 0em;
    margin-top: 0em;
    padding-top: 0em;
    margin-bottom: 1em;
    overflow: visible;
    line-height: 1.5;
    color: #333333;
    min-height: 10em;    
    
}

.showHide{
    width: 100%;
    border-top: 1px solid black;
    cursor: pointer;
    border-bottom: none !important;
    line-height: 2.2em;
}

.showHideArrow{
    position: relative;
    
    background-image:url(images/IBM/Triangles.png);
    background-position: -13px;
    background-size: 180%;
    width: 16px;
    height: 11px;
    clear: none;
    float: right;
    top:5px;
    background-repeat: no-repeat;
}

.downArrow{
    
    background-image:url(images/IBM/Triangles.png);
    background-position: 2px !important;
}

.leftList ol{
    margin-left: 16px !important;
    padding-left: 0px;
    list-style-type: square;
}

.panel{
    padding-top: 1em;
    padding-bottom: 2em;
    color:black !important;
    font-size: 0.8em;
    border: none;
}

.panel img{
    max-width: 100%;
}

.panel ol{
    margin-left: 16px;
    padding-left: 0px;
    list-style-type: square;
}

.panel ol li{
    margin-left: 0px;
    padding-left: 0px;
}

.more{
    width: 3.0em;
    display: block;
    border: 1px solid #4178BE;
    cursor: pointer;
    text-align: center;
}

.more:hover{
    background-color: #4178BE;
    color: white !important;
    display: block;
    border: 1px solid #4178BE;
    cursor: pointer;
    text-align: center;
}

.slideContainer{
    display: inline-block;
    min-width: 100%;
    
}

.button{
    clear: none;
    width: 2em;
    height: 2em;
}

.button img{
    max-width:100%;
    max-height:100%;
}

#leftButton{
    float: left;
    clear: none;
    margin-left: 6em;
    margin-top: 3.5em;
}

#rightButton{
    float: right;
    clear: none;
    margin-right: 1em;
    margin-top: 3.5em;
}

#navSlider{
    
}

.sqLink{
    display:block;
    margin-right: calc( 1.5em - 4px );
    margin-bottom: calc( 1.5em - 4px );
    background-color: white;
    color: white;
    padding: 10px;
    font-size: 0.9em;
    overflow: hidden;
    width: 70px;
    height: 70px;
    transition-duration: 0.5s;
    float: left;
}

.sqLink:Hover{
    width: 178px !important;
    height: 178px !important;
    color: white;
    background-color: #4178BE;
    cursor: pointer; 
    cursor: hand;
}

.sqBigged{
    width: 178px !important;
    height: 178px !important;
    color: white;
    background-color: #4178BE;
}

.gridPad .bx-wrapper .bx-viewport{
    height:400px;
}

.contentPad{
    padding-right: 3em;
    padding-left: 5em;
    text-align: left;
    margin-top: 0em;
    padding-bottom: 0em;
    font-family: sans-serif;
    font-family: "arial";
    line-height: 1.5;
    color: #333333;
    z-index: 2 !important;
   
}

.faderPad{
    display: block;
    clear: both;
    padding-right: 2em;
    padding-left: 5em;
    margin-top: 1em;
    text-align: left;
    padding-top: 2em;
    margin-bottom: 5em;
    padding-bottom: 5em !important;
    font-family: sans-serif;
    font-family: "arial";
    line-height: 1.5;
    color: #333333;
    transition-duration: 0.8s;
    z-index: 4000;
    height: auto;
    overflow: visible !important;
}

.faderPad a{
    text-decoration: none;
    color: #4178BE;
}

.faderPad a:hover{
    text-decoration: none;
    color: #0d3d7d;
}
.secPara{
    font-size: 0.8em;
}

.topBlock{
    height: auto;
    display: inline-block;
    width: 100%;
    left: 0;
    right: 0;
    padding-top: 1.5em;
    padding-bottom: 0.4em;
    padding-left: 5em;
    padding-right: 0em;
    vertical-align: middle;
    line-height: 0em;
    background-color: #00B2EE;
    color: white;
    
}

.topPort{
    position: fixed;
    height: 1.0em;
    display: inline-block;
    width: 100%;
    top: 3em;
    left: 0;
    right: 0;
    margin-left: 0em;
    margin-top: 0em;
    padding-right: 0em !important;
    padding-top: 1.5em;
    padding-bottom: 0.5em;
    margin-bottom: 0.0em;
    padding-left: 5em !important;
    vertical-align: middle;
    line-height: 0em;
    background-color: #00B2EE;
    color: white;
    font-size: 1.0em;
    z-index: 38;
    
}
.titler{
    position:relative;
    display: inline-block;
    height: 1em;
    line-height: 0em;
    padding-top: 0em;
    width: auto;
    text-align: left;
    padding-left: 2em;
    z-index: 39;
    
}
.introBlock{
    position: relative;
    top: 0em;
    height: auto;
    display: block;
    padding-top: 1.6em;
    margin-bottom: 0em;
    padding-bottom: 0em;
    
}

.contentBlock{
    height: auto;
    display: inline-block;
    transition: 1.0s;
    
}

.descriptionBlock{
    padding-top: 2.1em;
    padding-bottom: 1.5em;
    min-height: 31.0em;
}

.carouselBlock{
    height: auto;
    min-height: 10em;
    
    padding-top: 1em;
    padding-bottom: 1em;
    margin-left: -5em;
    padding-left:5em;
    margin-right: -3em;
    padding-right:3em;
    background-color: #00B2EE;
}

.carouselControls{
    display: inline-block;
    height: 2em;
    padding-top: 1.5em;
    margin-bottom: 0em !important;
    width: 100%;
    left: 0;
    right:0;
    background-color: #00B2EE;
    clear: none;
}

ul li{
    list-style-type: none;
}

ul li a{
    text-decoration: none;
    color: white;
    padding-top:0.5em;
    padding-bottom: 0.5em;
    color: #57cff7;
}

.leftMenu{
    display: inline-block;
    float: left;
    width: calc(50% - 1.5em);
    margin-right: 0em;
    
}

.leftPad{
    display: inline-block;
    float: left;
    width: calc(50% - 1.5em);
    margin-right: 0em;
    
}

.leftBlu{
    display: inline-block;
    width:100%;
    margin-right: 0em;
    background-color: #00B2EE;
}

.lBlock{
    width: calc(50% - 1.5em);
}
.vBlock{
    display: block;
    position: relative;
    width: 1em;
    height: auto;
    left: calc(50% - 5.0em);
    line-height: 0em;
    clear: none;
    z-index: 100;
    text-align: right;
}
.vBlock .top{
    
}

.vBlock .bottom{
    
}
.lTitle{
    display: block;
   
    width: calc(100% - 1em);
    padding-left: 0em;
    padding-bottom: 0.5em
}
.rTitle{
    display: block;
   
    width: calc(100% - 1em);
    padding-left: 0em;
    padding-bottom: 0.5em
}

.bottomTitle{
    display: block;
    float: left;
    width: calc(50% - 2px);
    margin-right: 2px;
    padding-top: 0.5em;
    
}

.pad{
    display: inline-block;
    width: calc(100%);
    float: left;
    background-color: white;
}

.vTitle{
    position:absolute;
    clear: none;
    transform: rotate(-90deg);
    left: 0 !important;
    margin-top: -2.8em;
    text-align: left;
    z-index: 1001;
    width: 10em;
    overflow: visible;
    white-space: nowrap;
}




.pubWrap{
    display: block;
    width: 100%;
    height: auto;
}
.pubArt{
    display: block;
    width: calc(100% - 120px) !important;
    clear: none;
    float: right;
}

.pubCover{
    display:block;
    position:relative;
    clear:none;
    float:left;
    width:100px;
    right: 0;
    top:0;
}

.pubCover img{
    width:100px;
    float: right;
    padding-bottom: 2em;
}
.cube{
    width: calc(50% - 2px);
    height: calc(50% - 2px);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    float: left;
    color: #4178BE;
}

.cube .text{
    display: inline-block;
    padding: 1em;
}
.cube a{
    color: #4178BE;
    text-decoration: underline !important;
}

.cube a:hover{
    color:white;
    text-decoration: underline;
}
.cube a:active{
    color:white;
    text-decoration: underline;
}
.gridPanel{
    height: calc(50% - 2px);
    border-bottom: 2px solid white;
    padding-top: 0px !imporant;
}
.gridPanel a{
    color: #4178BE;
    text-decoration: underline !important;
}

.gridPanel a:hover{
    color:white;
    text-decoration: underline;
}
.gridPanel a:active{
    color:white;
    text-decoration: underline;
}
.gridPanel .text{
    display: inline-block;
    margin-top: 0px !important;
    padding-top: 0.95em;
    color: #4178BE;
}
.gridPanel .twotext{
    display: inline-block;
    margin-top: 0px !important;
    padding-top: 0.5em;
    color: #4178BE;
}
.white{
    color: white !important;
}

.panel{
    width: calc(100%);
    color: #4178BE;
}

.panel .text{
    display: inline-block;
    padding: 1em;
    color: #4178BE;
}
.rightPad{
    display: inline-block;
    float: right;
    width: calc(50% - 1.5em);
    margin-left: 0em;
    background-color: white;
}

.letterFull{
    display: inline-block;
    width: 100%;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    line-height: 0em;
}

.letterTitle{
    
    margin-bottom: 2.5em;
    
}

.letterLeft{
    display: inline-block;
    float: left;
    width: calc(50% - 1.5em);
    margin-right: 0em;
        
}

.letterRight{
    display: inline-block;
    float: right;
    width: calc(50% - 1.5em);
    margin-right: 0em;
    
}

.rightBlu{
    display: block;
    width:100%;
    margin-right: 0em;
    color: #4178BE;
}
#rightGridHR{
    border-bottom: 2px solid #4178BE;
}

#rightGridPad{
    padding-top: 8px;
}

.rightMenu .leftMenu{
    float: left;
    width: calc(50% - 1.5em);
    clear: left;
}

.leftMenu ul{
    padding-left: 0px;
    padding-top: 0px;
    border-top: 2px solid black;
    
}

.leftMenu ul p{
    display: block;
    padding-left: 0px;
    padding-top: 0.5em !important;
    border-top: 1px dotted black;
    font-size: 0.8em;
    font-family:'Helvetica Neue LT W01_41488878';
}

.leftMenu ul li{
   border-top: 1px dotted black; 
    color: white;
    font-size: 0.8em;
    line-height: 2.1;
    padding-top: 0px;
    padding-bottom: 0px;
}

.leftMenu .pList {
    color: black !important;
    line-height: 1.2em !important;
}

.leftMenu ol li{
    list-style-type: square;
    border: none !important;
    padding-bottom: 1em;
}

.pList {
    border-top: none !important;
}

.leftMenu .pList li{
    color: black !important;
    line-height: 1.5em !important;
}

.leftMenu .pList li:last-child{
   border-bottom: none; 
}

.leftMenu ul li:last-child{
   border-bottom: 1px solid black; 
}

.linkTitle{

    font-size: 1.0em;
}

.wTitle{
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
    color: white;
}

.wLink{
    color: #a8e3f7;
    padding-top: 0;
    margin-top: 0;
}

.wLink:Hover{
    color: white !important;
    text-decoration: none;
    background-color: #00B2EE !important;
    
}

.bTitle{
    display: block;
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
}

.bLink{
    color: #4178BE !important;
    padding-top: 0;
    margin-top: 0;
}

.bLink:Hover{
    color: #00B2EE !important;
    text-decoration: none;
    background-color: white !important;
}

.rightMenu{
    display: block;
    float: right;
    width: calc(50% - 1.5em);
    clear: right;
    text-align: left;
}

.rightMenu ul{
   padding-left: 0px;
   border-top: 2px solid black;
}



.rightMenu ul p{
    padding-left: 0px;
    padding-top: 0.3em;
    padding-top: 0.5em !important;
    border-top: 1px dotted black;
    font-size: 0.8em;
    font-family:'Helvetica Neue LT W01_41488878';
}

.rightMenu ul li{
    border-top: 1px dotted black; 
    font-size: 0.8em;
    line-height: 2.1;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
    left: 0;
    text-align: left;
}

.rightMenu ul li:last-child{
   border-bottom: 1px solid black; 
}

.minimized{
    height: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 0;
    font-size: 0;
    display: none;
    transition: 1.0s;
}

.minimized p{
    display: none;
}



.contentpad li{
    text-decoration: none;
    list-style: none;
    padding: 0;
    color: #777777;
}

/*Navigation*/

div#menu{
    position: fixed;
	width: 100%;
	height: 2.5em;
    top: 0;
    z-index: 40;
    clear: none;
    color: aliceblue;
    background-color: #4178BE;
    text-align: left;
    padding-top: 0.5em;
    line-height: 0em;
    padding-bottom:0em;
    border-bottom: 2px solid rgba(255, 255, 255, 0.6);
}

div#menubutton{
    clear: none;
    position: fixed;
    left:12%;
    top:10%;
    display: block;    
    text-align: center !important;
    margin-top: 2%;    
    line-height: 0%;
    color: #0C2808;
    z-index: 65;
    opacity: 0.5;
    transition: 1.0s;
}

div#menubutton:hover {
    Opacity:1.0;
}

.hamburger{
    display:block;
    position: fixed;
    float: left;
    clear: none;
    left: 1.5em;
    top: 0.8em;
    width: 1.5em;
    height: 1.5em;
    transition-duration: 0.8s;
    background-image:url('images/IBM/hamburgerW.png');
    background-size: 100%;
    cursor:pointer !important; 
    cursor:hand !important;
    z-index: 2000;
}

.hamburger:Hover{
    background-image:url('images/IBM/hamburger.png');
    
    cursor:pointer !important; 
    cursor:hand !important;
}

.hamburgerW {
    background-image:url('images/IBM/hamburger.png') !important;
    
    cursor:pointer !important; 
    cursor:hand !important;
}

.hamburgerW:Hover {
    background-image:url('images/IBM/hamburgerW.png') !important;
    
    cursor:pointer !important; 
    cursor:hand !important;
}

.windowClose {
    color: white;
    
}

.imgGrid{
    display: block;
    margin-top: 0em;
    width:100%;
    height:auto;
}





.centerpad{
    text-align: left;
    display: block;
    margin-left: 5em;
    line-height: 2.0;
    overflow: visible;
    width: auto;
    
}

.navWrap{
    display: block;
}

div#navigation {
    display: block;
    position: fixed;
    width: auto;  
    height: auto;
    padding-right: 0%;
    PADDING-LEFT:0%;
    margin: 0;
    list-style-type: none;
    LEFT:0;
    overflow:hidden;
    z-index: 20;
    clear: none;
    
    opacity: 1.0;
    top:3em;
    transition: 1.0s;
    

}

div#navigation ul {
    background-color:blue;
    list-style-type: none;
    padding: 0;
    margin: 0;
    
}

div#navigation ul li current{
    font-size: 1.0em;
    color: #a8e3f7;
    list-style-type: none;
    margin: 0;
    padding: 0;
    left: 0;
    display: block;
    position: relative;
    width: 3em;  
    height: 3em;
    line-height: 3em;
    font-weight: 100;
    text-align: center;
    z-index: 20;
    clear: none;
    background-color:#4178BE;
    opacity: 1.0;
    transition: 1.0s;
    border-bottom: 2px solid rgba(255, 255, 255, 1.0);
    font-family:'Helvetica Neue LT W01_55 Roman'!important;
    
}

div#navigation ul li current a{
    font-family:'Helvetica Neue LT W01_55 Roman'!important;
    
}


div#navigation li a{
    font-size: 1.0em;
    color: #a8e3f7;
    list-style-type: none;
    margin: 0;
    padding: 0;
    left: 0;
    display: block;
    position: relative;
    width: 3em;  
    height: 3em;
    line-height: 3em;
    font-weight: 100;
    text-align: center;
    z-index: 20;
    clear: none;
    background-color:#4178BE;
    opacity: 1.0;
    transition: 1.0s;
    border-bottom: 2px solid rgba(255, 255, 255, 1.0);
    /*border-right: 2px solid rgba(255, 255, 255, 1.0);*/
}

div#navigation li a:hover{
    text-decoration:none;
    /*color: white;
    background-color: black;*/
}

div#navigation li a .active {
    font-weight: bold;
    color: white;
    background-color: #00B2EE;
}

div#navigation .darkened a{
    color: white !important;
    background-color: #00B2EE !important;
}

div#subNavigation {
    display: block;
    position: fixed;
    width: 25em;   
    height: auto;
    padding-right: 0%;
    PADDING-LEFT:0;
    margin: 0;
    list-style-type: none;
    left:0em;
    overflow:hidden;
    z-index: 19;
    clear: none;
    
    opacity: 1.0;
    top:3em;
    transition: 1.0s;
    

}

.lefted{
    left:-28em !important;
}

div#subNavigation ul {
    background-color:blue;
    list-style-type: none;
    padding: 0;
    margin: 0;
    
}

.current a{
    
    color: white !important;
    
    background-color:#00B2EE !important;
    
    
    
}

div#subNavigation li a{
    font-size: 1.0em;
    color: #a8e3f7;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 5.0em;
    left: 0;
    display: block;
    position: relative;
     
    height: 3em;
    line-height: 3em;
    font-weight: 100;
    text-align: left;
    z-index: 20;
    clear: none;
    background-color:#4178BE;
    opacity: 1.0;
    transition: 1.0s;
    border-bottom: 2px solid rgba(255, 255, 255, 1.0);
    border-right: 2px solid rgba(255, 255, 255, 1.0);
    
}

div#subNavigation li a:hover{
    text-decoration:none;
    color: white;
    background-color: #00B2EE !important;
}

div#subNavigation li .current {
    font-weight: bold;
    color: white;
    background-color: #00B2EE;
}

div#subNavigation .darkened a{
    color: white !important;
    background-color: #00B2EE !important;
}



div#login{
    position: fixed;
    display: block; 
	width: 8em;
	height: 2.5em;
    top: 0;
	overflow: hidden;
    z-index: 55;
    clear: none;
    line-height: 2em;
    padding-top: 0.5em;
    padding-right: 4.35em;
    text-align: left;
    color: white;
    right: 0;
}

div#footer{
    z-index: 70;
    position: fixed;
    display: block;
    background-color: white; 
	width: 100%;
	height: 2em;
    bottom: 0;
	overflow: hidden;
    z-index: 55;
    clear: none;
    line-height: 0%;
    padding-top:1.5em;
    font-size: 0.7em;
    padding-left: 5em;
    border-top: 1px solid darkgray;
}

.footLeft{
    text-align: left;
    margin-left: 2em;
}

.footRight{
    float: right;
    margin-right: 2em;
}

/* PAGER */

.bx-pager {
    display: block;
    position: relative;
    clear: none;
	text-align: left;
	font-size: 1.0em;
	font-family: Arial;
	font-weight: bold;
	color: #4178BE;
    top:0px;
    left:0em;
    width: 100%;
    text-align: left;
}

ul li img{
	
	max-height: 550px;
    
}



.bx-pager .bx-pager-item,
.bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-default-pager a {
	background: white;
	text-indent: -9999px;
	display: block;
	width: 20px !important;
	height: 20px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
    margin-right: 10px;
    margin-left: 0px !important;
    padding-left: 0px !important;
    margin-top:  0px !important;
    padding-top: 0px !important;
}

.bx-pager-link a.active {
	
	text-indent: -9999px;
	display: block;
	width: 20px !important;
	height: 20px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
    margin-right: 10px;
    margin-left: 0px !important;
    padding-left: 0px !important;
    margin-top:  0px !important;
    padding-top: 0px !important;
    margin-bottom:  0px !important;
    padding-bottom: 0px !important;
}

.bx-pager.bx-default-pager a:hover,
.bx-pager.bx-default-pager a.active {
	background: #4178BE;
}

.bx-pager,
.bx-controls-auto {
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-prev {
    position: relative;
    display: inline-block;
    float: left;
    clear:none;
    width: 15px;
    top:-1.5em;
    height: 30px !important;
	background: url(../images/IBM/carouselArrowsB.png) no-repeat;
    background-size: 30px;
}

.bx-prev:hover {
    
	background: url(../images/IBM/carouselArrows.png) no-repeat;
    background-size: 30px;
}

.bx-next {
	position: relative;
    display: inline-block;
    clear: none;
    left: 7em;
    top: -1.5em;
    width: 15px;
    min-height: 30px !important;
	background: url(../images/IBM/carouselArrowsB.png) -20px 0px no-repeat;
    background-size: 30px;
}

.bx-next:hover {
    
	background: url(../images/IBM/carouselArrows.png) -20px 0px no-repeat;
    background-size: 30px;
}

.bx-controls-direction a {
	position: absolute;
	top: 0em;
	margin-top: 1em;
	outline: 0;
	min-width: 15px;
	height: 40px !important;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-controls-direction a.disabled {
	display: none;
}

/*Formatting Classes*/

.fifty{
    opacity: 0.7;
}

.default{
    background-color: white;
    color: black ;
}

.clear{
	height: 1px;
	font-size: 1px;
	width: 100%;
	clear:both;
	}
	
.hSpacer{
	height: 2px;
	font-size: 1px;
	float:none;
	clear:both;
	background-image:url(images/hSpacer.jpg);
	background-repeat:repeat-x;
	padding: 0px;
	margin: 0px;
	}

.hSpacer50{
	height: 2px;
	font-size: 1px;
	float:none;
	clear:both;
	background-image:url(images/hSpacer.jpg);
	background-repeat:repeat-x;
	padding: 0px;
	margin: 0px;
	}



.navdiv {
	width: 20%;
	height: 330px;
	float: left;
	}

.navlink{
    font-size: 2.0vh;
}

.gray{
    display: inline-block;
    clear: both;
    width: 100%;
    padding-top:2%;
    padding-bottom:2%;
}

.quote{
    font-style: italic;
    color: #555555;
}

.wideImg{
    margin-top: 2em;
    height:200px;
    margin-bottom: 1em;
}

.blue{
    background-color:rgba(0,0,255,0.4);

}

.darkBlue{
    color:#4178BE; 
}

.green{
    background-color:rgba(0,255,0,0.4);
}

.red{
    background-color: rgba(255,0,0,0.4);
}

.yellow{
    background-color: rgba(255,255,0,0.4);
}
/*Fonts*/

h1{
    font-size: 4.5vmin;
}

h2{
    font-size: 1.5em;
    padding: 0;
    margin-top: 1em;
    margin-bottom: 0em;
    height: 1em;
    line-height: 0em;
}

h3{
    padding-top: 0;
    margin-top: 0;
    font-weight: 100;
    font-family:'Helvetica Neue LT W01_35 Thin';
    font-size: 1.2em !important;
}

p{
    margin-top: 0;
    padding-top: 0;
    font-size: 1.8vmin;
}

sub{
    font-size: 1.4vmin;
    opacity: 0.5;
}
cntrl{
    font-size: 2.0vmin;
    font-weight: bold;
}

.helnu{
    font-family:'Helvetica Neue LT W01_41488878';
}

.helnuital{
    font-family:'Helvetica Neue LT W01_46 Lt It';
}

.helnuBoldItal{
    font-family:'Helvetica Neue LT W01_76 Bd It';
}

.helnutitle{
    font-family:'Helvetica Neue LT W01_55 Roman' !important;
}

.helnutitleBold{
    font-family:'Helvetica Neue LT W01_71488914';
}

.helnutitleLarge{
    font-family:'Helvetica Neue LT W01_35 Thin';
    font-size: 1.4em;
}

.helnutitleSml{
    font-family:'Helvetica Neue LT W01_35 Thin';
}

.caption{
    font-size: 0.8em;
}

a{
    color: #4178BE;
    
}
a:hover{
    background-color: #4178BE;
    color: white !important;
    cursor: pointer;
    text-align: center;
}

/*LOGIN FORMATTING NOW*/

.loginPad{
    display: fixed;
    right: 1em;
    left: 1em;
    margin-left: 8em;
    padding-left: 3em;
    margin-right: 8em;
    padding-right: 3em;
    margin-top: 8em !important;
    padding-top: 1.5em;
    margin-bottom: 2em;
    padding-bottom: 1.5em;
    overflow: visible;
    line-height: 1.5;
    color: #333333;
    min-height: 15em;  
    background-color: white;
    height:auto;
    
}

.loginTop{
    top: 1em;
    margin-top: 2em;
    margin-bottom: 3em;
    line-height: 1.5;
    color: #4178BE;    
}

.loginBottom{
    display: inline-block;
    bottom: 0 !important;
    margin-top: 3em;
    margin-bottom: 1em;
    line-height: 1.5;
    color: #666;    
}


.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  text-align: left;
  color: #4178BE;
}
.form input {
  font-family:'Helvetica Neue LT W01_41488878';
  outline: 0;
  background: #ccc;
  width: calc(85% - 30px);
  border: 0;
  margin: 0 0 3em;
  padding: 1.5em;
  box-sizing: border-box;
  font-size: 14px;
    float: right;
    clear: right;
    color: #4178BE;
    line-height: 0em;
}
.submitter {
  font-family:'Helvetica Neue LT W01_41488878';
  outline: 0;
  
  width: 200px !important;
  margin-left: calc(15% + 30px) !important;
  border: 0;
  padding: 1.5em;
 
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  float: left !important;
    line-height: 0em;
}

.form .active {
  font-family:'Helvetica Neue LT W01_41488878';
  background: #4178BE !important;
  width: 200px !important;
  margin-left: calc(15% + 30px) !important;
  color: #FFFFFF !important;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  float: left !important;
    line-height: 0em;
}

.disabled {
  font-family:'Helvetica Neue LT W01_41488878';
  background: #CCC !important;
  width: 200px !important;
  margin-left: calc(15% + 30px) !important;
  color: black!important;
 
  cursor:default;
  
}

.form button:hover,.form button:active,.form button:focus {
  background:#00B2EE !important;
}
.form .message {
  margin: 15px 0 0;
  color: #4178BE;
  font-size: 12px;
}
.form .message a {
  color: #4CAF50;
  text-decoration: none;
}

.form .tag{
    font-family:'Helvetica Neue LT W01_41488878';
    outline: 0;
    width: calc(15% - 30px);
    border: 0;
    margin: 0 0 15px;
    padding-top: 12px;
    box-sizing: border-box;
    font-size: 14px;
    float: left;
    clear: none;
    color: #4178BE;
}

.container {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}
.backgroundBlue{
    background-color: #4178BE;
}

.nexVideo{
    max-width: 750px;
    
}


.introCube{
    display: block;
    position: relative;
    width: calc(33.33333333333% - 2px);
    height: calc(21vw - 2px);
    overflow: hidden;
    float: left;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    background-size: cover;
}

.fadeout{
    display:inherit;
    position: absolute;
    background-color: white;
    width: 100%;
    height: 100%;
    opacity: 1.0;
}

.homeFade{
    clear:none;
    display: block;
    position: absolute;
    width: calc(66.667% - 2px - 8em);
    height: calc(42vw - 2em);
    padding-top: 2em;
    padding-left: 5em;
    background-color: white;
    opacity: 1.0;
    z-index: 1000;
    padding-right: 3em;
    line-height: 1.6;
}

.homeFade text{
    line-height: 1.3;
}

.img_1-1{
    background-image:url('images/IBM/Home/Team_SM.jpg');
    background-size: cover;
}
.img_1-2{
    background-image:url('images/IBM/Home/Post_Its.jpg');
    background-size: cover;
}
.img_1-3{
    background-image:url('images/IBM/Home/Screens.jpg');
    background-size: cover;
}

.img_2-1{
    background-image:url('images/IBM/Home/Sign.jpg');
    background-size: cover;
}
.img_2-2{
    background-image:url('images/IBM/Home/Adam_Workshop.jpg');
    background-size: cover;
}
.img_2-3{
    background-image:url('images/IBM/Home/Skype.jpg');
    background-size: cover;
}

.img_3-1{
    background-image:url('images/IBM/Home/Characters.jpg');
    background-size: cover;
}
.img_3-2{
    background-image:url('images/IBM/Home/Card_Sorting.jpg');
    background-size: cover;
}
.img_3-3{
    background-image:url('images/IBM/Home/Group.jpg');
    background-size: cover;
}

.photoGrid{
    padding-top: 3em;
    display: block;
    height:auto;
    min-height: 20em;
    
}

.photoCube{
    border: 2px solid black;
    width: calc(20vw - 2em);
    
    margin-bottom: 2em;
    height:calc(20vw - 2em);
    float: left;
    background-size: cover;
    cursor: pointer;
}

.photoCube:Hover{
    border: 2px solid #4178BE !important;
    
    background-size: cover;
}

.double{
    border: 2px solid #4178BE;
    width: calc(60vw - 2em + 2px);
    height: calc(60vw - 2em + 7px);
}

.twoFivePC{
    width: calc(20vw );
    border-top: 1px solid white;
}
.sevenFivePC{
    width: 75%;
    border-top: 1px solid white;
}

.youtubeWrapper{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.tuber{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bulleted li{
    list-style-type: initial;
}
.mediaBox{
    display: block;
    height: 51px;
    position: absolute;
    clear: none;
    top: 320px !important;
}
.mediaBox img{
    height: 50px;
    margin-right: 1em;
}
.mediaBox a{
    background: none !important;
}