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

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:90%;
	color:#000;
/*	background: url(../img/ribbon_all.jpg) no-repeat center top;*/
}

a img {
	border:0;	
}

.main3 {
	display:none;	
}

.mobile-topnav-wrap ul {
	display:none;	
}

a.show-exemptions,
a.show-minimumdisruption,
a.show-intellectualstimulation,
a.show-corporatepayback {
	cursor:pointer;	
}

.show1,
.show2,
.show3,
.show4,
.nav.nav-dropdown.show4,
.show5,
.nav.nav-dropdown.show5 {
	display:none;	
}

.bold {
	font-weight:bold;	
}





.carousel-control {
    border: 0px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius:0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-control:hover {
	opacity: 0.8;
    filter: alpha(opacity=80);
}
	
/* carousel buttons */
.carousel-control.right {
	display:none;
}

.carousel-control.left {
	display:none;
}

.carousel.carousel-fade .item {
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
  left: 0;
  z-index: 1;
}

.carousel.carousel-fade .carousel-control {
  z-index: 3;
}
	
	
	
	
/* general layout */
.clearfix {
	clear:both;
	height:1px;
	display:block;
	width:100%;
}

.inside {
	padding:10px;	
}

.container {
    margin-left: auto;
    margin-right: auto;
}

.content .inside {
	overflow:hidden;	
}

.content {
	overflow:hidden;	
}

/* general typography */
.content h1 {
	color:#7e7e7e;
	font-size:2.0em;
	line-height:100%;
	font-weight:normal;

}

.content h2 {
	color:#7e7e7e;
	font-size:1.3em;
	line-height:120%;
	font-weight:bold;
}

.content h3 {
	color:#7e7e7e;
	font-size:1.2em;
	line-height:120%;
	font-weight:bold;
}

.content h4 {
	color:#7e7e7e;
	font-size:1.1em;
	line-height:120%;
	font-weight:bold;
}

.content h5 {
	color:#7e7e7e;
	font-size:1.0em;
	line-height:120%;
	font-weight:bold;
}

.content p {
	font-size:1em;	
}

h1,h2,h3,h4,h5,h6 {
	padding: 0 0 10px 0;	
	margin:0;
}

.content ul li,
.tab-pane ul li{
	list-style-image:url(../img/bullet.gif);
}

/* form validation */
label.error { 
		font-size:0.8em;  
		color: red; 
	}
	
input.error,
textarea.error{
	border: 2px solid red;
}

input.ht { /* honey trap */
	display:none;	
}



#mobile-nav {
	display:none;	
}


.nav {
	margin:0 auto;	
	text-align:left;
	font-weight:bold;
	font-size:1.1em;
	clear:both;
	z-index:99999999;
	color:#767677;
}

.nav ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
	z-index:99999999;
}

.nav li.first {
	padding: 5px 10px 5px 0;	
}

.nav li {
    position: relative;
	display:inline-block;
	padding: 5px 10px;
}

.nav li.last {
	padding-right:0;
}

.nav ul ul li.first,
.nav ul ul li.last {
	padding:5px 0;
}

.nav a {
    color: #767677;
    display: block;
    text-decoration: none;
    -webkit-transition: all .4s ease;
       -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
         -o-transition: all .4s ease;
            transition: all .4s ease;
	vertical-align:middle;
	
}

.nav a:hover {
	color:#999;
}
.nav li.active a,
.nav li.active {
	color:#0088cc;
}

.nav ul li:hover ul li.active a {
	color:#0088cc;
	background:#fff;		
}


.nav ul li ul {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 28px;
    visibility: hidden;z-index:99;
    -webkit-transition: all .4s ease;
       -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
         -o-transition: all .4s ease;
            transition: all .4s ease;
	background:#eee;
	display:none;
	text-align:left;
}

.nav ul li ul li:hover {
	background:#fff;
}

.nav li:hover ul {
    opacity: 1;
    visibility: visible;
	margin-left:0px;
	display:block;
	box-shadow: 0px 0px 10px #444444;	
	z-index:99;
}
.nav li ul li {
    float: none;
    width: 100%;
	margin:0;
	padding:0;
	border:0;
	border-bottom:1px solid #fff;
	z-index:99;
	text-align:left;
}
	#nav li ul li.last {
		border-bottom:0;
	}

.nav ul li:hover ul li a {
	color:#999;
	display:block;
	padding:9px 25px;
	white-space:nowrap;
	z-indez:99999999;
}

.nav ul li:hover ul li a:hover {
	color:#0088cc;	
}


@media (min-width: 1650px) { 
	.pagewrap {
		width:1617px;
	}
	
	.myCarousel {
		width:1617px;
	}
	
	#slideshow {
		width:1617px;
		height:651px;
		margin:0 auto;
		padding:0;
		position:relative;
		overflow:hidden;
	}
	
	
	.hide1 {
		display:none;	
	}
	
	.show1 {
		display:block;	
	}
	
	#header {
		margin:20px auto;
		width:1300px;
		text-align:right;
		height:85px;
		position:relative;
	}
	
	.header-img {
		float:right;
		text-align:right;
		width:275px;
	}
	.nav {
		text-align:left;	
		float:left;
		position:absolute;
		bottom:-28px;
	}
	
	.main {
		width:1300px;
		clear:both;
		margin: 50px auto 30px auto;
		font-size:1.6em;
		line-height:1.3em;
		color:#484848;
	}
	
	.main-left {
		float:left;
		margin: 30px 100px 30px 0;
		color:#0088cc;
		font-weight:bold;
		font-size:1.2em;
	}
	
	.main-left a,
	.main-right a {
		color:#0088cc;
	}

	.main-left a:hover,
	.main-right a:hover {
		color:#999;
		text-decoration:none;
	}
	
	.main-right {
		float:left;
		margin: 30px 0;
		font-size:1.2em;
		font-weight:bold;
		font-size:1.2em;
	}
	
	
	.main2-outer {
		width:1617px;	
		background: url(../img/sep2016main2.jpg) repeat right top;
	}
	
	.main2 {
		width:1300px;
		clear:both;
		margin: 0 auto;
		font-size:1.6em;
		line-height:1.3em;
		color:#111;
		
	}
	
		.main2 h1 {
			color:#0088cc;	
			margin-bottom:30px;
		}
		
		.main2 p {
			
			margin-bottom:15px;
		}
	
	.main2-left {
		float:left;
		font-size:1em;
		width:460px;
		padding:50px 0;
		color:#0088cc;
	}

	.main2-left a{
		color:#111;	
	}

	
	.main2-left a:hover{
		text-decoration:none;
		color:#0088cc;	
	}
	
	.main2-right {
		float:left;
		padding:50px;
		font-size:0.7em;
		line-height:1.4em;
		width:740px;
	}
		

	
	.home-content {
		width:735px;
		background:#fff;
		border:1px solid #dadada;
		float:left;
		clear:none;
		padding:20px;
	}
	

	
	.footer {
		width:100%;
		clear:both;
		background:#fff url(../img/footer.jpg) repeat-x top left;
		padding:0;
		color:#fff;
	}
	
	.footer-inside {
		width:1300px;
		margin:0 auto;	
		padding:20px;
	}
	
	.footer p {
		font-size:1em;
		line-height:100%;
		margin:0 0 10px 0;
		padding:0;
	}
	
	.footer p.black {
		color:#000;
		font-size:0.8em;
		padding:0;
	}

	.footer a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	.footer a:hover {
		color:#000;
		font-weight:bold;
	}
	
	
	
}

/* Large desktop */
@media (min-width: 1200px) and (max-width: 1649px) { 
	
	.pagewrap {
		width:1172px;
	}
	
	.myCarousel {
		width:1172px;
	}
	
	#slideshow {
		width:1172px;
		height:472px;
		margin:0 auto;
		padding:0;
		position:relative;
		overflow:hidden;
	}
	
	#slideshow img {
		width:100%;	
	}
	
	
	.hide1 {
		display:none;	
	}
	
	.show1 {
		display:block;	
	}
	
	#header {
		margin:20px auto;
		width:1172px;
		text-align:right;
		height:85px;
		position:relative;
	}
	
	.header-img {
		float:right;
		text-align:right;
		width:275px;
	}
	.nav {
		text-align:left;	
		float:left;
		position:absolute;
		bottom:-28px;
	}
	
	.main {
		width:1172px;
		clear:both;
		margin: 50px auto 30px auto;
		font-size:1.6em;
		line-height:1.3em;
		color:#484848;
	}
	
	.main-left {
		float:left;
		margin: 30px 100px 30px 0;
		color:#0088cc;
		font-weight:bold;
		font-size:1.2em;
	}
	
	.main-left a,
	.main-right a {
		color:#0088cc;
	}

	.main-left a:hover,
	.main-right a:hover {
		color:#999;
		text-decoration:none;
	}
	
	.main-right {
		float:left;
		margin: 30px 0;
		font-size:1.2em;
		font-weight:bold;
		font-size:1.2em;
	}
	
	
	.main2-outer {
		width:1172px;	
		background: url(../img/sep2016main2.jpg) repeat right top;
	}
	
	.main2 {
		width:1172px;
		clear:both;
		margin: 0 auto;
		font-size:1.6em;
		line-height:1.3em;
		color:#111;
		
	}
	
		.main2 h1 {
			color:#0088cc;	
			margin-bottom:30px;
		}
		
		.main2 p {
			
			margin-bottom:15px;
		}
	
	.main2-left {
		float:left;
		font-size:1em;
		width:440px;
		padding:50px 0 0 20px;
		color:#0088cc;
		background:#dedede;
		height:336px
	}

	.main2-left a{
		color:#111;	
	}

	
	.main2-left a:hover{
		text-decoration:none;
		color:#0088cc;	
	}
	
	.main2-right {
		float:left;
		padding:50px;
		font-size:0.7em;
		line-height:1.4em;
		width:612px;
		height:286px
	}
		
	.footer {
		width:100%;
		clear:both;
		background:#fff url(../img/footer.jpg) repeat-x top left;
		padding:0;
		color:#fff;
	}
	
	.footer-inside {
		width:1132px;
		margin:0 auto;	
		padding:20px;
	}
	
	.footer p {
		font-size:1em;
		line-height:100%;
		margin:0 0 10px 0;
		padding:0;
	}
	
	.footer p.black {
		color:#000;
		font-size:0.8em;
		padding:0;
	}

	.footer a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	.footer a:hover {
		color:#000;
		font-weight:bold;
	}
	

}

/* default desktop */
@media (min-width: 980px) and (max-width: 1199px) { 
.pagewrap {
		width:940px;
	}
	
	.myCarousel {
		width:940px;
	}
	
	#slideshow {
		width:940px;
		height:379px;
		margin:0 auto;
		padding:0;
		position:relative;
		overflow:hidden;
	}
	
	#slideshow img {
		width:100%;	
	}
	
	
	.hide1 {
		display:none;	
	}
	
	.show1 {
		display:block;	
	}
	
	#header {
		margin:20px auto;
		width:940px;
		text-align:right;

		position:relative;
	}
	
	.header-img {
		float:right;
		text-align:right;
		width:275px;
		margin-bottom:10px;
		clear:both;
	}
	.nav {
		text-align:left;	
		clear:both;
	}
	
	.main {
		width:940px;
		clear:both;
		margin: 50px auto 30px auto;
		font-size:1.6em;
		line-height:1.3em;
		color:#484848;
	}
	
	.main-left {
		float:left;
		margin: 30px 100px 30px 0;
		color:#0088cc;
		font-weight:bold;
		font-size:1.2em;
	}
	
	.main-left a,
	.main-right a {
		color:#0088cc;
	}

	.main-left a:hover,
	.main-right a:hover {
		color:#999;
		text-decoration:none;
	}
	
	.main-right {
		float:left;
		margin: 30px 0;
		font-size:1.2em;
		font-weight:bold;
		font-size:1.2em;
	}
	
	
	.main2-outer {
		width:940px;	
		background: url(../img/sep2016main2.jpg) repeat right top;
	}
	
	.main2 {
		width:940px;
		clear:both;
		margin: 0 auto;
		font-size:1.6em;
		line-height:1.3em;
		color:#111;
		
	}
	
		.main2 h1 {
			color:#0088cc;	
			margin-bottom:30px;
		}
		
		.main2 p {
			
			margin-bottom:15px;
		}
	
	.main2-left {
		float:left;
		font-size:1em;
		width:350px;
		padding:50px 20px 0 20px;
		color:#0088cc;
		background:#dedede;
		height:446px
	}

	.main2-left a{
		color:#111;	
	}

	
	.main2-left a:hover{
		text-decoration:none;
		color:#0088cc;	
	}
	
	.main2-right {
		float:left;
		padding:50px;
		font-size:0.7em;
		line-height:1.4em;
		width:450px;
		height:396px;
	}
		
	.footer {
		width:100%;
		clear:both;
		background:#fff url(../img/footer.jpg) repeat-x top left;
		padding:0;
		color:#fff;
	}
	
	.footer-inside {
		width:900px;
		margin:0 auto;	
		padding:20px;
	}
	
	.footer p {
		font-size:1em;
		line-height:100%;
		margin:0 0 10px 0;
		padding:0;
	}
	
	.footer p.black {
		color:#000;
		font-size:0.8em;
		padding:0;
	}

	.footer a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	.footer a:hover {
		color:#000;
		font-weight:bold;
	}
	

}



/* Landscape phone to portrait tablet */
@media (min-width: 768px) and  (max-width: 979px) { 
.pagewrap {
		width:724px;
	}
	
	.myCarousel {
		width:724px;
	}
	
	#slideshow {
		width:724px;
		height:291px;
		margin:0 auto;
		padding:0;
		position:relative;
		overflow:hidden;
	}
	
	#slideshow img {
		width:100%;	
	}
	
	
	.hide1 {
		display:none;	
	}
	
	.show1 {
		display:block;	
	}
	
	#header {
		margin:20px auto;
		width:724px;
		text-align:right;

		position:relative;
	}
	
	.header-img {
		float:right;
		text-align:right;
		width:275px;
		margin-bottom:10px;
		clear:both;
	}
	.nav {
		display:none;
	}
	
	#mobile-nav {
		display:block;	
	}
	
	.main {
		width:724px;
		clear:both;
		margin: 50px auto 30px auto;
		font-size:1.6em;
		line-height:1.3em;
		color:#484848;
	}
	
	.main-left {
		float:left;
		margin: 30px 100px 0px 0;
		color:#0088cc;
		font-weight:bold;
		font-size:1.2em;
	}
	
	.main-left a,
	.main-right a {
		color:#0088cc;
	}

	.main-left a:hover,
	.main-right a:hover {
		color:#999;
		text-decoration:none;
	}
	
	.main-right {
		float:left;
		margin: 30px 0;
		font-size:1.2em;
		font-weight:bold;
		font-size:1.2em;
	}
	
	
	.main2-outer {
		display:none;
	}
	
	.main3 {
		display:block;
		background:#dedede;
		padding:20px;
	}
	
		.main3 h1 {
			color:#0088cc;	
			margin-bottom:30px;
		}
		
		.wsb-header {
			margin-bottom:0px;
			font-size:1.5em;
			background:#ececec;
			padding:20px;
			
		}
		
		.hidethisdiv {
			margin-bottom:0px;	
			padding:20px;	
		}
	
	.why-study-box {
		border-bottom: 1px solid #ddd;
	
		

	}
	
		
	.footer {
		width:100%;
		clear:both;
		background:#fff url(../img/footer.jpg) repeat-x top left;
		padding:0;
		color:#fff;
	}
	
	.footer-inside {
		width:684px;
		margin:0 auto;	
		padding:20px;
	}
	
	.footer p {
		font-size:1em;
		line-height:100%;
		margin:0 0 10px 0;
		padding:0;
	}
	
	.footer p.black {
		color:#000;
		font-size:0.8em;
		padding:0;
	}

	.footer a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	.footer a:hover {
		color:#000;
		font-weight:bold;
	}
	


}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

.pagewrap {
		width:100%;
	}
	
	.myCarousel {
		width:100%;
	}
	
	#slideshow {
		width:100%;
		margin:0 auto;
		padding:0;
		position:relative;
		overflow:hidden;
	}
	
	#slideshow img {
		width:100%;	
	}
	
	
	.hide1 {
		display:none;	
	}
	
	.show1 {
		display:block;	
	}
	
	#header {
		margin:20px auto;
		width:100%;
		text-align:right;

		position:relative;
	}
	
	.header-img {
		float:right;
		text-align:right;
		width:275px;
		margin-bottom:10px;
		clear:both;
	}
	.nav {
		display:none;
	}
	
	#mobile-nav {
		display:block;	
	}
	
	.main {
		width:100%;
		clear:both;
		margin: 50px auto 30px auto;
		font-size:1.6em;
		line-height:1.3em;
		color:#484848;
	}
	
	.main-left {
		float:left;
		margin: 30px 100px 0px 0;
		color:#0088cc;
		font-weight:bold;
		font-size:1.2em;
	}
	
	.main-left a,
	.main-right a {
		color:#0088cc;
	}

	.main-left a:hover,
	.main-right a:hover {
		color:#999;
		text-decoration:none;
	}
	
	.main-right {
		float:left;
		margin: 30px 0;
		font-size:1.2em;
		font-weight:bold;
		font-size:1.2em;
	}
	
	
	.main2-outer {
		display:none;
	}
	
	.main3 {
		display:block;
		background:#dedede;
		padding:20px;
	}
	
		.main3 h1 {
			color:#0088cc;	
			margin-bottom:30px;
		}
		
		.wsb-header {
			margin-bottom:0px;
			font-size:1.5em;
			background:#ececec;
			padding:20px;
			
		}
		
		.hidethisdiv {
			margin-bottom:0px;	
			padding:20px;	
		}
	
	.why-study-box {
		border-bottom: 1px solid #ddd;
	
		

	}
	
		
	.footer {
		width:100%;
		clear:both;
		background:#fff url(../img/footer.jpg) repeat-x top left;
		padding:0;
		color:#fff;
	}
	
	.footer-inside {

		margin:0 auto;	
		padding:20px;
	}
	
	.footer p {
		font-size:1em;
		line-height:100%;
		margin:0 0 10px 0;
		padding:0;
	}
	
	.footer p.black {
		color:#000;
		font-size:0.8em;
		padding:0;
	}

	.footer a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	.footer a:hover {
		color:#000;
		font-weight:bold;
	}

}

@media (max-width:480px) {

	
}

.content {
overflow:auto;
}

.cf {
	clear:both;	
}



.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}


.carousel-indicators{
	left:calc(50% - 44px);;
	position:absolute;
	bottom:10px;
	z-index:99999999;
	width:100%;
	height:10px;
	padding-left:0;
	text-align:center;
	list-style:none;
	float:left;
}

.carousel-indicators li{
	display:inline-block;
	width:10px;
	height:10px;
	margin:1px;
	text-indent:-6000px;
	cursor:pointer;
	background-color:#000\9;
	background-color:rgba(0,0,0,0);
	border:1px solid #fff;
	border-radius:10px;
	float:left;
}

.carousel-indicators .active{
	width:12px;
	height:12px;
	margin:0;
	background-color:#fff;
	display:inline-block;
	float:left;
}

.carousel-caption{
	position:absolute;
	right:15%;
	bottom:20px;
	left:15%;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0,0,0,.6)
}

.carousel-caption .btn{
	text-shadow:none
}