@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

*{
	-moz-box-sizing: border-box;
	-webkit-sizing: border-box;
	box-sizing: border-box;
}

body{
	background-color:lightgray;
	font-family:ColaborateThin;	
}

/* Native Large Screen format*/

.gridContainer {
	max-width:1432px;
	width: 100%;
	margin:auto;
	background-color:whitesmoke;

}

.bannerbox{
	width:100%;
	height:95px;
	border-top: 6px solid darkred;
	border-bottom: 1px solid darkgray;
	background-color:white;
	padding:5px;
	padding-left:30px;
		
}

.subbanner{
	width:100%;
	height:auto;
	padding:10px;
	padding-left:75px;
	border-bottom: 1px solid darkgray;
	font-size:20px;
	color:darkred;
	background-color:white;
	font-family:Arial, Helvetica, sans-serif;
		
}

.subbanner img{
	margin-right: 20px;	
}

.mainbody{
	width:100%;
	height:auto;
	padding:30px;
	
	background-color:whitesmoke;
		
}

.leftbody{
	width:35%;
	height:auto;
	
	display:inline-block;
	float:left;
	padding:30px;
	padding-left:50px;
	font-size:16px;
	
		
}

.rightbody{
	width:65%;
	height:auto;
	padding:20px;
	display:inline-block;
	float:left;	
	padding-bottom:50px;
}

.contentbox{
	width:100%;
	height:auto;
	min-width:350px;
	
	margin:10px;
	display:inline-block;
	float:left;
	overflow:hidden;
	background-color:white;
	
		
}

.titlebox{
	width:100%;
	height:30px;
	background-color:darkblue;
	color:white;
	font-size:16px;
	padding:5px;
	padding-left:10px;	
}

.courselist{
	font-size:16px;
	font-family:ColaborateThin;
	
		
}
.coursetable{
	width:100%;
	
		
}

.coursetable tr td{
	padding:10px;
	border-bottom:1px solid lightgray;	
}

.coursetable tr:nth-child(1) td{
	font-family:ColaborateMed;
	padding-top:10px;
	padding-bottom:5px;
	background-color:lightgray;	
}

.coursetable tr td:nth-child(1){
	width:35%;
	padding-top:10px;
	padding-bottom:5px;
	
}

.coursetable tr td:nth-child(2){
	width:45%;	
}

.coursetable tr td:nth-child(3){
	width:10%;
	text-align:center;	
}


.box2{
	display:none;	
}

.box3{
	display:none;	
}

.box4{
	display:none;	
}

.footer{
	width:100%;
	height:auto;
	background-color:darkgray;
	padding:5px;
	text-align:center;
	font-size:12px;	
	color:white;
}

@media only screen and (max-width: 1260px) {
.contentbox{
	width:100%;
	margin:0px;
	margin-bottom:20px;
		
}

	
}

/* Tablet Format*/

@media only screen and (max-width: 768px) {
.gridContainer {
	width: 100%;
	background-color:whitesmoke;
}
.subbanner{
	padding-left:30px;	
}

.mainbody{
	padding:0px;	
}



.leftbody{

	display:block;
	float:left;
	width:100%;
	height:auto;
	border-right:none;
	padding-right:30px;
	padding-left:30px
		
}

.rightbody{

	display:block;
	float:none;
	width:100%;
	padding-left:30px;
	padding-right:30px;
		
}

.contentbox{
	width:100%;
	margin:0px;
	margin-bottom:20px;
		
}

.titlebox{
	background-color:black;	
}





}

/* Mobile Format*/

@media only screen and (max-width: 480px) {
.gridContainer {
	width: 100%;
	background-color:whitesmoke;
	
}

.mainbody{
	padding:0px;	
}

.titlebox{
	background-color:darkred;	
}

.subbanner{
	padding-left: 30px;	
}

.leftbody{
	padding-left:20px;
	padding-right:20px;	
}

.rightbody{
	padding-left:20px;
	padding-right:20px;	
}






}