@charset "utf-8";
/* CSS Document */

@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,300,400italic,700,700italic);
/*font-family: 'Roboto Condensed', sans-serif;*/

@import url(//fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
/*font-family: 'Roboto', sans-serif;*/


/*-----------------| body frame start |---------------------*/
body {
	background-image: url(../images/page-bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#007db8;
	padding:0px;
	margin:0px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#272727;

}
#container {
	margin:0px auto;
	width:1000px;
	position:relative;
	overflow:hidden;

}
#mainArea {
	clear:both;
	overflow:hidden;
	padding:20px;
	margin:0px auto;
	background-color:#FFFFFF;

}
#rightPanel{
	float:right;
	width:660px;
}
#leftPanel {
	float:left;
	width:280px;

}

.centerBlock{
	width:1000px;
	margin:0px auto;
}
/*-----------------| body frame end |---------------------*/








/*-----------------| header start |---------------------*/
#header {
	overflow:hidden;
	clear:both;
	margin:0px auto;
	position:relative;
	/*padding:0px 10px;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size:15px;
	color:#000000;
	padding-bottom:34px;
}
#header .logo {
	float:left;
	margin-top:8px;
}
.headerRight{
	float:right;
	padding:0px;
	padding-left:20px;
	/*padding-right:24px;*/
	font-size:18px;
	font-weight:300;
	text-align:right;
	margin-top:24px;
}
.headerRight .starpLine{
	display:block;
	padding-top:2px;
	color:#37acee;
}
.starpLine{
  font-size: 22px;
}
.headerRight a{
	color:#089a39;
}
.emailCall{
	float:right;
	/*padding-top:28px;*/
	color:#089a39;
}
.emailCall a{
	text-decoration:none
}



/*-----------------| header end |---------------------*/







/*-----------------| footer start |---------------------*/
#footer {
	font-size:12px;
	padding:8px 0px 25px 0px;
	color:#a8def8;
	text-align:left;
	clear:both;
	overflow:hidden;
}
#footer a{
	color:#a8def8;
}
#footer .copyright{
	float:left;
}
#footer .siteby{
	float:right;
}
.socialNetwork{
	float:right;
}
.socialNetwork a{
	display:block;
	background-position:center right;
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding:5px 36px 5px 0px;
	float:left;
	margin-left:15px;
	text-decoration:none
}
.socialNetwork a.fb{
	background-image:url(../images/facebook.png);
}
.socialNetwork a.twit{
	background-image:url(../images/twitter.png);
}
/*-----------------| footer end |---------------------*/




/*-----------------| tags start |---------------------*/
a{
	color:#1b9659
}
a:hover{
	color:#09347a;
	text-decoration:none;
}
a img{
	border:0px;
	outline:none;
}
h1, h2, h3, h4, h5, h6 {
	padding:0px;
	margin:0px;
	font-weight:normal;
}
p{
	padding:0px;
	margin:0px;
	padding-bottom:18px;
}
h1{
	color:#09347a;
	font-size:28px;
	font-weight:400;
	padding-bottom:12px;
	line-height:32px;
	/*text-transform:uppercase*/
}
h2{
	color:#09347a;
	font-size:24px;
	font-weight:400;
	padding-bottom:10px;

}
h3{
	color:#09347a;
	font-size:22px;
	padding-bottom:6px;

}
h4{
	color:#09347a;
	font-size:20px;
	padding-bottom:6px;
	line-height:24px;
}
h5{
	font-size:18px;
	color:#0d7e46;
	padding-bottom:10px;
}
h6{
	font-size:16px;
	color:#09347a;
	font-weight:600;
	padding-bottom:10px;
}
#mainArea ul, #mainArea ol {
	margin-top:0px;
	margin-bottom:18px;
}
#mainArea ul li, #mainArea ol li{
	margin-bottom:4px;
}
hr{
	border:0px;
	padding:0px;
	height:0px;
	border-bottom:1px dashed #8d8f92;
	margin-bottom:20px;
	margin-top:20px;
	clear:both;
	overflow:hidden;
	display:block;
}

/*-----------------| tags end |---------------------*/




/*-----------------| misc start |---------------------*/
*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
input{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #272727;
}
img.leftAlign{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	/*width:250px;*/
	margin-top:5px;
}
img.rightAlign{
	float:right;
	margin-left:15px;
	margin-bottom:15px;
	/*width:250px;*/
	margin-top:5px;
}
.leftAlign{
	float:left;
}
.rightAlign{
	float:right;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.treatmentCell{
	float:left;
	margin-right:50px;
}

#backtotop {
	position: fixed;
	right:15px;
	bottom:15px;
	display:none;/*hid the button first*/
}
#backtotop a {
	text-decoration:none;
	border:0 none;
	display:block;
	padding:20px;
	height:21px;
	width:21px;
	color:#FFFFFF;
	font-weight:600;
	background-color:#09347a;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-image: url(../images/back-to-top-arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-1000;
	line-height:999;
	overflow:hidden
}
#backtotop a:hover {
	opacity:.8; /*mouse over fade effect*/
}
.upcomingCourses{
	/*height:200px;*/
	clear:both;
	overflow:hidden;
	background-color:#007db8;
	padding:15px;
	color:#FFFFFF;
	margin-bottom:20px;
}
#leftPanel h2{
	font-size:22px;
	color:#FFFFFF
}
.upcomingCourses h6{
	font-size:16px;
	color:#FFFFFF;
	font-weight:normal
}
.upcomingCourses .eventDate{
	display:inline-block;
	color:#FFFFFF;
	font-size:12px;
	background-color:#1d317c;
	padding:0px 4px;
	margin-bottom:3px;
}
.upcomingCourses p{
	padding-bottom:12px;
}
.upcomingCourses a{
	color:#FFFFFF;
	/*text-decoration:none*/
}
.blueBtn{
	color:#ffffff;
	/*display:inline-block;*/
	font-size:15px;
	padding:3px 10px 5px 10px;
	text-decoration:none;
	background-color:#1d317c;
	border:0px;

}
a.blueBtn :hover{
 color: white;
}
.newsletter{
	padding:15px;
	color:#ffffff;
	background-color:#28a668;
	border-top:2px solid #09347a
}
.newsletter ul{
	padding:0px;
	margin:0px;
	list-style:none;
	margin-bottom:6px !important;
}
.newsletter p{
	padding-bottom:6px;
}
.newsletter ul li{
	display:block;
	overflow:hidden;
	padding-bottom:8px;
}
.newsletter ul li label{
	display:block;
	padding-bottom:0px;
}
.newsletter ul li input[type='text']{
	width:100%;
	padding:4px;
	border:0px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #272727;
}
.homeTabs{
	clear:both;
	overflow:hidden;
	display:block;
}
.homeTabs ul{
	padding:0px;
	margin:0px;
	list-style:none;
	clear:both;
	overflow:hidden;
	display:block;
}
.homeTabs li{
	width:300px;
	position:relative
}
.homeTabs li img{
	position:relative;
	width:100%;
	height:auto
}
.homeTabs li span{
	position:absolute;
	top:0px;
	left:0px;
	font-size:20px;
	background-color:rgba(29, 49, 124, 0.8);
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	z-index:1;
	width:100%;
	padding:8px 15px;
}
.memberRecord{
	clear:both;
	display:block;
	overflow:hidden;
	padding-top:20px;
	margin-top:20px;
	border-top:1px dashed #a2a7ad;
	text-decoration:none;
}
#contentArea > .memberRecord:first-child{
	border-top:0px;
}
.memberRecord img{
		float:left;
		width:150px;
		height:auto;
		margin-right:15px;
}
.memberInfo{
	float:left;
	width:490px;
}
.makeItBlock{
	clear:both;
	overflow:hidden
}
.memberInfo h5{
	clear:both;
	overflow:hidden;
}
.memberInfo h5 p{
	float:left;
	padding:0px !important;
}
.memberInfo h5 span{
	float:left
}
.headerImg{
	margin-bottom:15px;
}
.headerImg img{
	width:100%;
	height:auto
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.usefulLinks{
	border-top:1px solid #eeeeee;
}
.usefulLinks a{
	display:block;
	text-decoration:none;
	padding:8px 36px 8px 10px;
	border-bottom:1px solid #eeeeee;
	background-image:url(../images/links-arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
}
.usefulLinks a:nth-child(even){
	background-color:#f8f8f8;
}
.listView a{
	display:block;
	padding:8px 20px 8px 10px;
	text-decoration:none;
	background-image:url(../images/links-arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
}
.listView a:hover{
	background-color:#e6e4e4
}
.listView{
	padding:0px ;
	margin:0px;
	list-style:none;
	 border-top:1px solid #c4ebfe;
}
.listView li{
	padding:0px;
	margin:0px;
	border-bottom:1px solid #c4ebfe;
	margin-bottom: 0px !important;
	padding-right:20px;
	background-repeat:no-repeat;
	background-position:right 8px;
}
.listView.pdf li{
	background-image:url(../images/pdf.png);
}
.recordListTable{
	border-collapse: collapse;
	border:1px solid #c4ebfe;

}
.recordListTable th{
	border-bottom:1px solid #c4ebfe;
	padding:4px 10px;
	text-align:left;
	background-color:#007db8;
	color:#FFFFFF;
	border:1px solid #c4ebfe;
}
.recordListTable td{
	border-bottom:1px solid #c4ebfe;
	padding:4px 10px;
	vertical-align:top;
	border-collapse: collapse;
	border:1px solid #c4ebfe;
}
.recordListTable tr:nth-of-type(odd) {
    background-color: #f0fafe
}
/*-----------------| misc end |---------------------*/



/*-----------------| left panel start |---------------------*/
#leftPanel .section{
	padding:10px;
	background-color:#ffffff;
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.08);
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.08);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.08);
	margin-bottom:20px;
}
.section h2{
	font-size:26px;
	color:#25272b;
	border-bottom:1px solid #cfd0d0;
	font-weight:800;
	margin-bottom:10px;
}
/* Sudo Slider */
#staff ul, #staff li{margin:0;padding:0;list-style:none;position:relative;display:block;}
#staff li {display:none; background-color:#FFFFFF}
#staff li span{display:block; margin-top:5px;}
#staff li:first-child {display:block;}
#staff, #staff li {width:250px;overflow:hidden;}
#staff a{
	text-decoration:none;
	font-weight:600;
}
/*-----------------| left panel end |---------------------*/





.formRow{
	display:block;
	overflow:hidden;
	clear:both;
	margin-bottom:16px;
}
.formRow label{
	 float:left;
	 width:120px;
	 font-weight:600;
	 display:block;
	 margin-top:4px;
}
.formRow input, .formRow textarea, .formRow select{
	width:300px;
	padding:5px;
	border:1px solid #cbcbcb;
	font-family:'Open Sans', sans-serif, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#393939;
}
.formRow textarea{
	width:385px !important;
}
.clearFormBtn{
	border:1px solid #25a267;
	background-color:#25a267;
	color:#FFFFFF;
	font-size:14px;
	padding:4px 12px;
	font-family: 'Roboto', sans-serif;
	cursor:pointer
}
.submitBtn{
	border:1px solid #1d317c;
	background-color:#1d317c;
	color:#FFFFFF;
	font-size:15px;
	padding:4px 12px;
	font-family: 'Roboto', sans-serif;
	cursor:pointer;
}
.btnRow{
	padding-left:120px;
	clear:both;
	overflow:hidden;
	display:block;
}

/*-----------------| accordion start |---------------------*/
.accordionContainer h2 {
    cursor: pointer;
    background-image:url('../images/plus3.jpg');
    background-repeat:no-repeat;
    text-indent:23px;
    background-position:4px 10px;
    font-size: 17px;
    font-weight: 500;
}
.accordionContainer.servicesContainer h2 {
  font-size: 22px;
}
.accordionContainer .open {
    background-image:url('../images/minusb.jpg');
}
.accordionContainer .section {
  margin: 0 0 20px 23px;
}
/*-----------------| accordion end |---------------------*/





@media only screen and (min-width : 320px) and (max-width : 480px) {
/*@media only screen and (min-width : 0px) and (max-width : 479px) {*/
#container, .centerBlock  {
	width:320px;
}
#header, .intro,
.bottomLine, #mainArea,
#homeRightPanel,
#homeLeftPanel{
	width:100%;
	height:auto;
	float:none;
	clear:both
}
#mainArea{
	padding:20px 10px;
}
#header {
	padding:0px;
}
.blackStrip{

	display:none;
}
.otherBlock{
 width:100%;
 padding-bottom: 10px !important;

}
.otherBlock .blackBtn {
	position:relative;
	bottom:auto;
	margin-top:15px;

}
.bottomLine{
	line-height:28px;
	font-size:22px;
}
#footer{
	padding-left:10px;
	padding-right:10px;
	width:320px;
	margin:0px auto
}
#footer *{
	float:left
}

.blackStrapLine {
    bottom: auto;
    height: 113px;
    position: relative;
    right: auto;
    width: 100%;
}
#header .logo {
	padding-top:5px;
}
#header .logo img{
	width:60%;
	margin-bottom:10px
}
.bx-wrapper {
		margin-top:0px !important;
		padding:15px 0px !important;

	}
#rightPanel, #leftPanel, .headerImg, .captionblock {
	float:none;
	width:100%;
	height:auto
}
.headerImg img{
	width:100%;
}
.captionblock {
	padding: 10px 18px !important;
}
.formRow input, .formRow textarea, .formRow select{
width:100% !important;
}
.btnRow {
	padding-left: 0px;
	padding-bottom:30px;
}
#rightPanel iframe{
	width:100%;
}
#rightPanel small a{
	margin-bottom:15px;
}
#leftPanel .greenSection {
	padding: 10px 0px;
}
.tabs {
    font-size: 16px;
	}
.tabs li {
  width:45%;
  height:auto;
}
.greenBox{
	height: auto;
}
.greenBox img{
	width:100%;
	height:auto;
	float:none;
	clear:both;
	margin-left:0px;
	margin-bottom:15px;
}
.prefooter{
	padding:24px 10px
}
.prefooter .rightAlign{
	width:100%;
	padding-top:15px;
}
.prefooter a {
	width:100%;
	text-align:center
}
.socialNetwork{
	padding-top:10px;
}
.emailCall{
	position:absolute;
	top:15px;
	right:0px;
	margin-right: 10px;
	line-height:
}
.contactInfo .emailUs {
	font-size: 9px;
	margin-bottom: 5px;
}
.contactInfo .callUs {
	font-size: 26px;
}
.headerAddress{
	clear:both;
	float:none;
	overflow:hidden;
	 background-color: #AB9605;
	 color:#FFFFFF;
	 padding: 4px 10px;
	 width:100%;
	 border-left: 0px solid #CACACA;
}
.contactInfo{
 padding-top: 0px;
 width:100%;
}
.headerAddress span {
 color:#000000;
}
img.leftAlign {
	width:35%
}
}
