/* ------------------ general ----------------- */
body{
	background-color:white;
	font-family:  "Open Sans", Arial;
	background-image: url(/static/images/gradientBackground5.jpg);
	background-repeat:no-repeat;
	background-position:center 112px; 
}

img{
	border: none;	
}

#header{
	width: 1024px;
	margin: 0px auto;

}

#canvas{
	width:1024px;
	margin: 0px auto;
}

div.contentTitle{
	font-variant:small-caps;
	font-size: 20px;
	text-align: center;
	background: #19B272;
	color: white;
	padding: .5em;
	width: 33%;
	margin: 0px auto;
	margin-top: -40px;
	margin-bottom: 8px;
}

div.contentTitle-contact-us{
	font-variant:small-caps;
	font-size: 20px;
	text-align: center;
	background: #19B272;
	color: white;
	padding: .5em 0 .5em 0;
	margin-top: 0px;
	min-width: 430px;
	margin-bottom: 8px;
}



#content #contentContainer {
  color: black;
  background: #D7D7D7;
  padding: 20px;
  min-height: 300px;
  	
}

div.shadow-demo{
	height: 100px;
	width: 150px;
	color: black;
	text-align: center;
	font-size: 20px;
	padding-top: 50px;
	float:left;
	
	margin-right: 50px;
	margin-bottom: 25px;
}

.shadow-menubar, .shadow-team-member{
	box-shadow: 4px 10px 8px #1F1F1F;
	-webkit-box-shadow: 4px 10px 8px #1F1F1F;
	-moz-box-shadow: 4px 10px 8px #1F1F1F;  
}

.shadow-small{
	box-shadow: 4px 8px 4px #363636;
	-webkit-box-shadow: 4px 8px 4px #363636;
	-moz-box-shadow: 4px 8px 4px #363636;  
}

.shadow-tabs, .shadow-content-title{
	box-shadow: 7px 8px 6px #363636;
	-webkit-box-shadow: 7px 8px 6px #363636;
	-moz-box-shadow: 7px 8px 6px #363636;  
}


.shadow-standard{
	box-shadow: 6px 6px 6px #424242;
	-webkit-box-shadow: 6px 6px 6px #424242;
	-moz-box-shadow: 6px 6px 6px #424242;  
}

.shadow-light{
	box-shadow: 8px 8px 8px #C6C6C6;
	-webkit-box-shadow: 8px 8px 8px #C6C6C6;
	-moz-box-shadow: 8px 8px 8px #C6C6C6;  
}

.shadow-footer{
	box-shadow: 8px 8px 8px #C6C6C6;
	-webkit-box-shadow: 6px 10px 10px #9F9F9F;
	-moz-box-shadow: 8px 8px 8px #C6C6C6;  
}



#content-headline{
	font-size: 42px;
	padding-top: 12px;
	padding-bottom: 6px;
  	font-variant:small-caps;
	text-shadow: 4px 3px 3px #5D5D5D;
}

div.section-headline-large{
	font-size: 32px;
	padding-top: 12px;
	padding-bottom: 12px;
  	font-variant:small-caps;
}

div.section-headline{
	font-size: 24px;
	padding-top: 12px;
	padding-bottom: 6px;
  	font-variant:small-caps;
}

#content, #content-2{
	background-color: #7A7A7A;
	color: white;
	padding: 20px 45px 0px 45px;
	//min-height: 508px;
	min-height: 400px;
}

div.content-main{
	background-color: white;
	padding: 40px 20px 40px 20px;
}

div.content-main div.tab-content{
	background-color: #D7D7D7;
	margin-top: -4px;
}




#footer{
	width: 1000px;
	margin: 0px auto;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 16px;
	font-variant:small-caps;
	padding: 5px;
	color: #58595B;
  	text-shadow: 1px 0px 1px #D1E7F5;
}

#footer #address-info{
	margin-left: 20px;
}

#footer #social-links{
	float:right;
}

/*--------------------- contact us page ---------------------------------------*/
div.image-placard{
	width: 255px;
	height: 155px;
	padding: 5px 20px 20px 20px;
	margin-bottom: 20px;
	font-variant:small-caps;
	font-size: 16px;
}

/*--------------------- our team page ---------------------------------------*/
#ourTeamBioList{
	margin-top: 20px;
}

a.email{
	color: #19B272;
	text-decoration: none;
}


/*---------------------- for animated transition -----------------------------*/
.animated-transition{
	-webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;	
}

/* ---------------------- gray-padding -------------------------*/
div.gray-padding{
	padding: 12px;
 	background-color: #58585A;
 	float:left; 
}


/* ---------------------- regular team-member badges -------------------------*/
div.team-member{
	width: 178px;
	height: 170px;
	margin-right: 35px;
	margin-bottom: 40px;
	background-color: #7A7A7A;
	padding-top: 6px;
	float:left;
	cursor: pointer;
}

div.team-member div.name{
	font-variant:small-caps;
	padding-top: 3px;
	padding-bottom: 11px;
	background-color: white;
	color: #222222;
	text-align: center;
	width:100%;
	z-index: 1; 
	position:relative;
}

div.team-member div.photo{
	margin-top: -1px;
	text-align: center;

}

div.team-member div.photo img{
	max-width:150px;
	max-height:125px;
}

div.team-member img.board-of-directors{
	max-width: 148px; 
	max-height: 148px; 
	margin-left: 17px;
	margin-top:9px;
}

/* ---------------------- tall team-member badges -------------------------*/
div.largePhotoWrapper
	{
	float:left;
	}

div.team-member-tall{
	width: 278px;
	height: 393px;
	margin-right: 35px;
	margin-bottom: 40px;
	background-color: #7A7A7A;
	padding-top: 10px;
}

div.team-member-tall div.name{
	font-variant:small-caps;
	padding-top: 9px;
	padding-bottom: 13px;
	background-color: white;
	color: #222222;
	text-align: center;
	width:100%;
	font-size: 24px;
}

div.team-member-tall div.photo{
	margin-top: 0px;
	text-align: center;

}

div.team-member-tall div.photo img{
	max-width:230px;
	max-height:321px;
}


/* ---------------------- small team-member badges -------------------------*/

div.team-member-small{
	width: 110px;
	height: 103px;
	margin-right: 12px;
	background-color: #7A7A7A;
	padding-top: 4px;
	float:left;
	cursor: pointer;
	margin-bottom: 15px;
}

div.team-member-small div.name{
	font-variant:small-caps;
	padding-top: 3px;
	padding-bottom: 5px;
	background-color: white;
	color: #222222;
	text-align: center;
	width:100%;
	font-size: 10px;

}

div.team-member-small div.photo{
	margin-top: -1px;
	text-align: center;
}

div.team-member-small div.photo img{
	max-width:88px;
	max-height: 74px;
}

div.team-member-small img.board-of-directors{
	max-width: 86px; 
	max-height: 86px; 
	margin-left: 10px;
	margin-top:5px;
}



/*-----------------------------------------------------------------------------------------------*/
/*                                  lists     					                                */
/*-----------------------------------------------------------------------------------------------*/
ul.checkmark li {
  background:transparent url(/static/images/checkmark.jpg) no-repeat scroll 0 0;
  list-style-type:none;
  padding-left: 20px;
}

ul.white-checkmark{
	padding-left: 0px;
	padding-top: 10px;

}

ul.white-checkmark li {
  background:transparent url(/static/images/white-checkmark.jpg) no-repeat scroll 0 0;
  list-style-type:none;
  padding-left: 20px;
}



/*-----------------------------------------------------------------------------------------------*/
/*                                  forms and dialogs					                         */
/*-----------------------------------------------------------------------------------------------*/

div.form-section, div.dialog{
	-webkit-border-radius: 4px;   	
	box-shadow: 0px 0px 10px rgba(128, 128, 128, 1);
	-webkit-box-shadow: 0px 0px 10px rgba(128, 128, 128, 1);
	-moz-box-shadow: 0px 0px 10px rgba(128, 128, 128, 1);
	padding: 10px 5% 10px 5%;
	width: 90%;	
	background-color: whitesmoke;
	margin-top: 20px;
	clear:both;

}

div.form-section h1{
	color: #19B174;	
}





/* ---------------------- jQuery general Orverrides  ----------------------*/
.ui-widget{
	font-family:  "Open Sans", Arial;
}


.ui-dialog-titlebar{
	background: #19B272;
	color: white;
	}

.ui-dialog-titlebar .ui-corner-all {
    background: #19B272;
	color: white;
	}
	
.ui-dialog {
    border: 1px solid #19B272;
	}
	
.ui-dialog-buttonpane {
    border: 1px solid #19B272;
	}
	
/* ----------------------- general styling for content management ---------------*/
h1 {
display: block;
font-size: 2em;
font-weight: bold;
margin: .67em 0 .2em 0;
}
	
h2 {
display: block;
font-size: 1.25em;
font-weight: bold;
margin: .67em 0 .2em 0;
}

h3 {
display: block;
font-size: 1.0em;
font-weight: bold;
margin: .67em 0 .2em 0;
//font-style: italic;

}

h4 {
margin: .67em 0 .2em 0;

}



ul {
margin-top: .2em;
}

div.bodyText{
	margin-bottom: .3em;
}

div.standard-p{
	margin-bottom: 8px;
	font-size: 14px !important;
}

ul.standard-ul{
	font-size: 14px !important;
}

div.standard-p a{
	color: #20B373;
	font-size: 18px;
}

h2 a{
	color: #20B373;
}


h3 a{
	color: #20B373;
}

.ui-widget-content a{
	color: #20B373;
}

/* ----------------------- link styling ---------------*/
a.white-link{
	color: white;
}

a.white-link:visited{
	color: white;
}

/* ---------------------- fader effect at bottom of Blended Learning | Getting Started  ----------------------*/
.fader img:last-child {
    position: absolute;
    top: 0; 
    left: 0;
    display: none;
}

/* ---------------------- link box   ----------------------*/
div.link-box{
	float:right; 
	background-color:#7A7A7A; 
	border: 1px solid rgb(211, 211, 211); 
	text-align:center; font-size: 22px; 
	padding: 15px; margin-right: 10px; 
	margin-left: 10px;
	font-size: 22px;
}