@charset "utf-8";
/* CSS Document */

*{ box-sizing:border-box}

 h2, h4, h5, h6, a, span {padding: 0;margin: 0;}

h1{padding: 0;margin: 0;font-size:16px;}
h3{padding: 0;margin: 0;font-size: 17px;}

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

.fl{ float:left;}

.w100{ width:100%;}

.mainPageTeamLead2{ float:left; margin:0 0 0 0; padding:0 0 0 0; width:100%}

section{ margin:auto; width:100%; padding:0;}

.sectionInner{ float:left; margin:0 0 30px 0; padding:0 0 0 0; width:100%; background:#fff;}

.titleheading{ float:left; margin:0; padding:5px 0 5px 0; width:100%; text-align:center; font-size:40px; font-weight:300; color:#fff; font-weight:bold; background:#1c3664 url(../images/GrotalGradient-overlay.png) no-repeat scroll 50% 50% / 100% auto; font-family:"Raleway",serif;}

.colmMain{ float:left; margin:0; padding:7px; width:100%;}

.colmMainLeft{ float:left; margin:0 10px 0 0; padding:0 0 5px 0; width:150px; border-right:1px solid #ccc;}

.colmMainLeftNav{ float:left; margin:0; padding:0; width:100%; background:#fff;}

.colmMainLeftNav ul{ margin:0; padding:0}

.colmMainLeftNav ul li{ margin:0 0 5px 0; padding:7px; width:100%; float:left; list-style-type:none;}

.colmMainLeftNav ul li:hover{ background:#f0f0f0;}

.sltd{background:#f0f0f0;}

.colmMainLeftNav ul li a{ float:left; margin:0; padding:0; text-decoration:none; font-size:15px; font-weight:bold; color:#024370; line-height:20px;}

.colmMainRight{float: right;margin: 0;padding: 0 7px 20px 7px;width: 88%;}

.colmMainRightLeft{float: left;margin: 0;padding: 0;width: 175px;}

.leaderProfileIMG{border: 2px solid #666;border-radius: 2px;float: none;height: 175px;margin: 0 0 0 0;overflow: hidden;padding: 0;width: 175px;}

.emailText{ float:left; margin:0; padding:2px 5px 2px 5px; width:100%; text-align:center; font-size:15px; color:#024370; outline:medium none; vertical-align:baseline; text-decoration:underline;}

.socialSiteBttn{ float:left; margin:0; padding:3px 0 0 0; width:100%; text-align:center; background:#f2f1f1;}

.colmMainRightSideRT{ float:right; margin:0; padding:0 7px 0 7px; width:84%; font-family:"Raleway",serif;}

.leaderNameText{ float:left; margin:0; padding:0 5px 0 5px; width:100%; text-align:left; color:#024370; font-size:40px; font-weight:bold; font-family:"Raleway",serif;}

.leaderExcerpt{border: 0 none;color: #282a2c;float: left;font-size: 17px;font-style: italic;margin: 0;padding: 0 7px 10px 5px;text-align: left;width: 100%;}

.leaderContentText {background: #f9f9f9;border-radius: 7px;box-shadow: 1px 1px 20px 1px #ccc;color: #333;float: left;font-size: 17px;line-height: 24px;margin: 0;padding: 7px;text-align: justify;width: 100%;}

footer {clear: both;color: #000000;font-size: 11px;/* line-height: 20px;min-height: 30px;*/text-align: center;width: 100%;z-index: 0;}

footer a {color: #024370;font-size: 12px;margin: 0 5px;text-decoration: none;}

footer span {color: #000000;font-size: 12px;}

.footer-innr {background: #fff;border: 1px solid #ccc;bottom: 0;float: left;margin: 0;padding: 10px;position: fixed;width: 100%;line-height:20px;}


@media only screen and (min-width:1201px) and (max-width:1400px) 
{
.colmMainLeft{ width:150px; margin:0;}

.colmMainRight{margin: 0; padding: 0 7px 20px; width: 87%;}

.colmMainRightSideRT{ width:82%; margin:0;}

.socialSiteBttn img {width: 100%;}

.leaderProfileIMG > img {height: 100%;width: 100%;}

}
	
@media only screen and (min-width:1025px) and (max-width:1200px) 
{
.colmMainLeft{ width:150px; margin:0;}

.colmMainRight{ width:85%; margin:0;}

.colmMainRightSideRT{ width:79%; margin:0;}

.socialSiteBttn img {width: 100%;}

.leaderProfileIMG > img {height: 100%;width: 100%;}
}

@media only screen and (min-width:768px) and (max-width:1024px) 
{
.colmMainLeft{ width:120px; margin:0;}

.colmMainRight{ width:84%; margin:0;}

.leaderProfileIMG > img {height: 100%;width: 100%;}

.colmMainRightSideRT{ width:71%;}

.socialSiteBttn img {width: 100%;}
}

@media only screen and (min-width:600px) and (max-width:767px) 
{
.sectionInner{ margin:0 0 40px 0; padding:0 0 40px 0;}

.colmMainLeft {border-bottom: 1px solid #ccc;border-right:none;float: left;margin: 0 0 10px 0;padding: 0 0 0 0;width: 100%;}

.socialSiteBttn img {width: 100%;}

.colmMainLeftNav {background: #fff;float: left;margin: 0;padding: 0;width: 100%;}

.colmMainRight{float: right;margin: 0;padding: 0;width: 100%;}

.colmMainRightLeft{ width:160px;}

.leaderProfileIMG{height: 160px;width: 160px;}

.leaderProfileIMG > img {height: 100%;width: 100%;}

.colmMainRightSideRT{ float:left; width:72%;}

.colmMainLeftNav ul li{ width:50%;}
}

@media only screen and (min-width:480px) and (max-width:599px) 
{
.sectionInner{ padding:0 0 30px 0;}

.colmMainLeft {border-bottom: 1px solid #ccc;float: left;margin: 0 0 10px 0;padding: 0;width: 100%; border-right:none;}

.colmMainRight {float: right;margin: 0;padding: 0;width: 100%;}

.colmMainRightLeft{float: left;margin: 0;padding: 0;width: 100%; background:#f2f1f1;}

.socialSiteBttn{float: left;height: 175px;margin: 0;padding: 40px 10px 0 0;text-align: center;width: 62%;}

.leaderProfileIMG > img {height: 100%;width: 100%;}

.colmMainRightSideRT{ width:100%; padding:5px 5px 0 5px; margin:0;}

.leaderProfileIMG{ float:left;}

.colmMainLeftNav ul li{ width:50%;}
}
	
@media only screen and (min-width:0px) and (max-width:479px) 
{
.sectionInner{ margin:0 0 30px 0; padding:0 0 70px 0;}

.colmMainLeft {border-bottom: 1px solid #ccc;float: left;margin: 0 0 10px 0;padding: 0;width: 100%; border-right:none;}

.colmMainRight {float: right;margin: 0;padding: 0;width: 100%;}

.colmMainRightLeft {float: left;margin: 0;padding: 0;width: 100%; background:#f2f1f1}

.leaderProfileIMG > img {height: 100%;width: 100%;}

.socialSiteBttn{float: left;height: 135px;margin: 0;padding: 24px 0 0;width: 55%;}

.colmMainRightSideRT{ width:100%; padding:7px;}

.colmMainLeftNav ul li{ width:50%;}

.leaderProfileIMG{ width:135px; height:135px; float:left;}

.footer-innr{ line-height:20px; padding:10px 5px 10px 5px;}
}