html{background-color: #FFFFFF; background-image: url(images/gradient_TopBar.jpg); background-repeat: repeat-x;}

*{margin: 0px; padding: 0px;}


/*CONTENT LINKS */
/*blue*/
a{color: #115b74; font-size: 16px; font-family: 'Open Sans', sans-serif; text-decoration: underline; font-weight: normal;}
a:hover {color: #3f7f9a;}

/*white*/
a.white{color: #FFFFFF; font-size: 16px; font-family: 'Open Sans', sans-serif; text-decoration: underline; font-weight: normal;}
a.white:hover {color: #FFFFFF;}

a.topBar{color: #FFFFFF; font-size: 12px; font-family: 'Open Sans', sans-serif; text-decoration: none; font-weight: normal;}
a.topBar:hover {color: #FFFFFF; text-decoration: underline;}

/* CORE */
body{font-size: 16px;
     color: #000000; /*191919*/
     font-family: 'Open Sans', sans-serif;
     /*line-height: 185%;*/
     margin-left: 0px;
     margin-right: 0px;
    }
    

/*STRUCTURE*/

.innerWrapper{width: 1020px; margin-left: auto; margin-right: auto;}
.innerPadding{padding: 25px 15px;}

.txtPadding{padding: 20px;}

#logoDiv{position: absolute; top: 20px;}

#topBarWrapper{float: right; margin-top: 26px; margin-right: 10px; color: #FFFFFF; font-size: 12px;}
/*#topBarWrapper{position: absolute; right: 10px; margin-top: 26px; margin-right: 10px; color: #FFFFFF; font-size: 12px;}*/
#topBarWrapper img{vertical-align: middle;}
#topBarContent{float: right;}
#topBarContact{width: 450px; padding-top: 14px;}

.topDescription{margin-top: 1px; color: #FFFFFF; text-align: center; line-height: 170%; background-color: #0e4a5e; padding: 30px 10px;}

.colLeft{float: left; width: 47%;}
.colRight{float: right; width: 47%;}

.sectionBorderBottom{border-style: solid; border-width: 0px 0px 3px 0px; border-color: #CCCCCC; margin-bottom: 2px;}

.sectionBlue{width: 100%; background-color: #115b74; color: #FFFFFF; overflow: hidden;}
.sectionBlue h1{color: #FFFFFF;}
.sectionBlue p{color: #FFFFFF;}
.sectionBlue a{color: #FFFFFF;}

.col3{float: left; width: 32%; margin-right: 1%; font-size: 14px;}
.imgIcon{vertical-align: middle; margin-right: 5px;}

.sectionStethoscope{background-color: #cecece; background-image: url('images/bg_stethoscope.jpg'); background-repeat: no-repeat; background-position: center center;}

/*HEADER*/
#headerWrapper{position: relative; height: 150px; background-image: url('images/gradient_navShadow.png'); background-repeat: repeat-x; background-position: bottom;}


/*NAVIGATION*/

#navWrapper{float: right; margin-right: 10px; clear: right; width: auto; margin-top: 34px;}

a.nav{display: block; float: left; background-color: transparent; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #11192a; padding: 0px 12px; text-decoration: none;  text-transform: uppercase;
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;}
a.nav:hover {color: #115b74;}

a.navLive{display: block; float: left; background-color: #316678; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #FFFFFF; padding: 2px 8px; text-decoration: none;  text-transform: uppercase; border-radius: 5px;}
a.navLive:hover {color: #FFFFFF;}


#mobileMenu{display: none; text-align: center; color: #FFFFFF; line-height: 120%; cursor: pointer; cursor: hand; z-index: 100;}


/*BASIC*/

h1{font-family: 'Open Sans', sans-serif; color: #231f20; font-size: 36px; font-weight: normal; margin: 0px 0px 20px 0px; line-height: 120%; text-align: center;}
h1.white{color: #FFFFFF;}

h2{font-size: 28px; color: #0e4a5e; font-weight: bold;}
h2.topM{margin-top: 30px;}

.h2Divider{height: 1px; width: 100px; color: #000000; border-style: solid;  border-width: 0px 0px 1px 0px; margin: 20px auto;}

p{font-size: 16px;
     color: #000000; /*191919*/
    font-family: 'Open Sans', sans-serif;
     line-height: 185%;
     margin-bottom: 12px;
	 text-align: justify;}
	 
p.txtMiddle{text-align: center; width: 70%; margin: 20px auto;}

p.center{text-align: center;}
	 
a img {outline: none; border-style: none;}
img.fullWidth{display: block; width: 100%;}

div.break{height: 1px; clear: both;}

div.divider{height: 1px; border-style: dotted; border-width: 1px 0px 0px 0px; margin: 20px 0px;}

div.divCenter{text-align: center;}

li{margin-left: 25px; padding-left: 10px; line-height: 185%;}

.small{font-size: 11px;}

a.buttonWhite{display: inline-block; border-radius: 4px; border-style: solid; border-width: 1px; border-color: white; margin: 15px 0px; padding: 10px 15px; background-color: #FFFFFF; color: #11192a; font-size: 15px; text-decoration: none;
-webkit-transition: color 0.2s linear, border-color 0.2s linear;
-moz-transition: color 0.2s linear, border-color 0.2s linear;
-o-transition: color 0.2s linear, border-color 0.2s linear;
transition: color 0.2s linear, border-color 0.2s linear;}
a.buttonWhite:link {color: #11192a;} 
a.buttonWhite:visited {color: #11192a;}
a.buttonWhite:active {color: #11192a;}
a.buttonWhite:hover {color: #0e485a; text-decoration: none; border-color: #0e485a;}

a.buttonBlue{display: inline-block; border-radius: 6px; border-style: solid; border-width: 1px; border-color: white; margin: 15px 0px; padding: 6px 15px; background-color: #115b74; color: #FFFFFF; font-size: 15px; text-decoration: none;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;}
a.buttonBlue:link {color: #FFFFFF;} 
a.buttonBlue:visited {color: #FFFFFF;}
a.buttonBlue:active {color: #FFFFFF;}
a.buttonBlue:hover {background-color: #1987ac; text-decoration: none;}



/* HOME */

#bigPicHomeWrapper{position: relative; padding-bottom: 40px;}

#welcomeWrapper{position: absolute; width: 1020px; left: 50%; margin-left: -510px;
bottom: 0px; background-color: #0e4a5e; z-index: 100;}
#welcomeLeft{display: table-cell; width: 60%; padding: 15px; text-align: center;}
#welcomeLeft p{color: #FFFFFF; text-align: center; margin: 0px 20px; line-height: 185%;}
#welcomeRight{display: table-cell; width:  30%; color: #FFFFFF; font-size: 14px; line-height: 170%; text-align: center;  background-color: #316678; height: 100%;}

#bigPicTxtWrapper{position: absolute; width: 1020px; left: 50%; margin-left: -510px; z-index: 100;}
#bigPicTxtDiv{margin-top: 5%; width: 650px;}
#bigPicTxt{color: #063d67; font-size: 60px; line-height: 120%; font-weight: 600; text-align: left;}
#bigPicTxtAlt{font-weight: 400; font-size: 36px; color: #115b74; line-height: 110%; text-align: left;}

#sectionStemCell{position: relative; background-image: url('images/bg_StemCell.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden;}
#stemCellTxt{float: right; margin: 30px 20px; width: 60%; background-image: url('images/trans_White.png');  text-align: center;}

.blocWrapper{margin-top: 40px;}
.bloc3{float: left; width: 31%; margin-right: 2%; text-align: center;}
.bloc3 img{line-height: 120%;}
.bloc3 p{color: #02364f; font-size: 14px; line-height: 170%; text-align: center;}
.bloc3 p.blocHeader{color: #11192a; font-size: 26px; margin: 8px 0px 0px 0px; text-align: center;}


/* TOP PIC - OTHER PAGES*/
#topPic{display: block; width: 100%;}
#topPicWrapper{position: relative; padding-bottom: 0px;}
#topPicTxtWrapper{position: absolute; width: 1020px; left: 50%; margin-left: -510px; z-index: 100;}
#topPicTxtDiv{margin-top: 5%;}
#topPicTxt{ font-size: 48px; line-height: 120%; font-weight: 600; text-align: left;}

/* DROP DOWNS */
.dropDown{padding: 0px; margin-top: 10px; background-color: #FFFFFF; border-style: solid; border-color: #316678; border-width: 0px 0px 1px 0px; border-radius: 0px;}
.dropDown img{vertical-align: middle; margin-right: 5px;}
.dropHead{padding: 10px 55px 10px 12px; background-image: url('images/icon_Closed.png'); background-repeat: no-repeat; background-position: right center; font-size: 24px; color: #316678; cursor: pointer; cursor: hand;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;}
.dropHead:hover{background-color: #EEEEEE;}
.dropPanel{display: none; padding: 10px 10px 10px 15px; text-align: justify; color: #000000;}
.dropPanel p{text-align: justify; color: #000000}

/* STEM CELL PAGE */

#sectionLab{position: relative; background-image: url('images/bg_laboratory2.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden;}
#whiteTrans{background-image: url('images/trans_White.png'); text-align: center;}
#whiteTrans p{width: 70%; text-align: center; font-size: 15px; margin: 20px auto;}
#whiteTrans h2{text-align: center;}
#blueTrans2{background-image: url('images/trans_Blue.png');}
#blueTrans2 h2{text-align: center; color: #FFFFFF;}
#blueTrans{background-image: url('images/trans_Blue.png'); text-align: center;}
#blueTrans p{width: 70%; text-align: center; color: #FFFFFF; font-size: 15px; margin: 20px auto;}
#blueTrans h2{text-align: center; color: #FFFFFF;}
.icon{margin: 10px auto 0px auto;}

/* ARTICLES*/

.aDate{color: #666666; font-size: 14px; text-align: center;}

.aDivider{height: 1px; width: 60px; color: #555555; border-style: solid;  border-width: 0px 0px 1px 0px; margin: 10px auto 20px auto;}

#articleContactDiv{margin: 60px 0px; border-style: dotted; border-width: 1px 0px 0px 0px; border-color: #666666; padding-top: 60px; text-align: center; text-transform: uppercase; font-size: 14px;}
.aImage{width: 100%;}
.aDiv{width: 80%; margin: 50px auto 0px auto;}
h1.aHeader{margin: 20px 0px;}

.tableArticleLinks{}
.tableArticleLinks td{padding-bottom: 20px; vertical-align: top; text-align: left;}
.tableArticleLinks td a{text-align: left;}
.tableArticleLinks td.aDate{min-width: 60px; color: #7d7d7d; font-size: 16px; padding-right: 50px;}

/* CONTACT page */
.colD1{float: left; width: 41%; margin-right: 1%; overflow: hidden;}
.colD2{float: left; width: 27%; margin-right: 1%; overflow: hidden;}

.colD1 p{font-size: 14px;}
.colD2 p{font-size: 14px;}

.imgLeft{float: left;}
.imgIconLeft{clear: both; float: left; vertical-align: middle;}
.infoRight{float: right; width: 86%;}

.blueBox{background-color: #2e6f85; padding: 10px; text-align: center;}

/* ENQUIRY FORM */

.button_Submit{font-family: 'Open Sans', sans-serif; background-color: #ffca02; color: #FFFFFF; background-color: #115b74; font-size: 18px; padding: 8px 15px; border-style: solid; border-color: #FFFFFF; border-width: 1px; border-radius: 5px; cursor: pointer; cursor: hand;
-webkit-transition: color 0.2s linear, background-color 0.2s linear;
-moz-transition: color 0.2s linear, background-color 0.2s linear;
-o-transition: color 0.2s linear, background-color 0.2s linear;
transition: color 0.2s linear, background-color 0.2s linear;}
.button_Submit:hover{background-color: #1a8cb3; color:#FFFFFF;}

textarea, input[type="text"], input[type="number"], select, option{font-size: 15px; width: 100%; box-sizing: border-box; padding: 8px; margin-bottom: 3px; border-radius: 0px;}

textarea{width: 100%; max-width: none;}

div.transBlkDiv{background-image: url('images/bg_transBlk.png'); color: #FFFFFF;}

fieldset{padding: 20px 0px; margin-bottom: 10px; border-style: dotted; border-width: 0px 0px 1px 0px; border-color: #FFFFFF; text-align: center;}

div.fField{overflow: hidden; height: auto; padding-top: 10px; padding-bottom: 10px;}
div.formInput{display: block; color: #2B2B2B; vertical-align: top;}
label{display: block; margin-bottom: 5px; color: #000000; text-align: left; font-weight: normal; line-height: 120%;}
label.error{display: block; width: auto; text-align: left; color: #FF0000; font-size: 10px; margin: 0px; padding: 0px;}

#captcha_div{background-color: transparent; padding: 6px 6px 6px 22px; text-align: center; width: 100px; height: 50px;}
#captcha_label{line-height: 100%; text-align: center;}

.xtra{text-align: center;}

.throw_error{padding: 5px; background-color: transparent; color: #f14e30; font-size: 14px; text-align: center;}
#message{text-align: center;}
#message p{text-align: center;}
.smallError{color: #f14e30;}

/*textarea, input[type="text"], select, option{width: 100%; max-width: 250px; box-sizing: border-box; padding: 6px; border-radius: 4px;}*/
/*input{width: 100%; max-width: 250px; box-sizing: border-box; padding: 6px; border-radius: 4px;}*/

#refresh{color: #2e6f85; cursor: pointer; cursor: hand;}
#refresh:hover{color: #3b90ac;}

#captchaz{display: inline-block; margin: 0px auto;}

/* Google maps */
    .googleMaps {
        position: relative;
        /*float: right;*/
        margin-top: 0px;
        width: 100%; margin-left: auto; margin-right: auto;
        padding-bottom: 56.25%; /*This is the aspect ratio*/
        height: 0;
        overflow: hidden;
    }
    .googleMaps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/*Scroll to top */
.scrollToTop{display: none; position: fixed; right: 0px; bottom: 0px; background-color: #115b74; color: #FFFFFF; padding: 3px; border-style: solid; border-color: #FFFFFF; cursor: pointer; cursor: hand; z-index: 100;}
.scrollToTop:hover{background-color: #1985aa;}


/* FOOTER */
#Footer{margin-top: 1px; background-color: #11192a; padding: 30px 0px 100px 0px; overflow: auto;}
#Footer p{font-size: 15px;}
p.footerAddress{float: left; width: 180px; margin-left: 10px; text-align: center; color: #4ea2be;}
p.disclaimer{float: right; margin-right: 10px; text-align: right; color: #394c55; font-size: 15px;}

a.footer{color: #4ea2be; font-size: 15px; font-family: 'Open Sans', sans-serif; text-decoration: underline; font-weight: normal;}
a.footer:hover {color: #72c3e1;}