/* CSS Document */

	html {padding:0; margin:0;}
	body {font:1em; padding:0; margin:0;}
	p { font-family: 'Raleway', sans-serif; font-size:14px; text-align:left; line-height:20px;font-weight:300; vertical-align:top; }
p.description {font-size:14px; line-height:20px; padding: 0 10px 0 10px;color: #000000;}
	li {margin:10px; font-size:15px; line-height:20px; font-family: 'Raleway', sans-serif; font-weight:300;}
	p.headline {margin: 5px 10px 10px 10px; text-align:center; font-weight:400; color: #ffffff;}
p.box {padding: 0 10px 0 10px; text-align:left; font-weight:400; font-size:28px; color: #000000;}
	p.numbers {font-family: 'Raleway', sans-serif; font-size:35px; color:#ffffff; text-align:center; line-height: auto;padding-top: 20px;}
	p.headline {font-family: 'Raleway', sans-serif; font-size:25px; color:#000000; text-align:center; line-height: auto;padding-top: 20px;}
	p.info {font-family: 'Raleway', sans-serif; font-size:18px; text-align:center;  }
	a {color:#3DA6E5; text-decoration:none;}
	p.dinpro{font-family: 'Raleway', sans-serif; }
	a:hover {text-decoration:none;}
	table {border:none; width:95%; margin: 0 15px 10px 15px; font-family: 'Raleway', sans-serif; font-size:13px; vertical-align:top; line-height:18px;}
	td.list {border-left:thin dotted #c9c392; width:33%; padding-left:15px;}
	td {vertical-align:top; padding: 10px 10px 10px 5px;}
	th {padding:5px;}
	img {border:none}
	img.square {width:100%; }
	img.full {width:90%; height:auto;padding: 20px 0 0 10px;}
	img.fullbody {width:90%; height:auto;padding: 20px 0 0 0;}
	img.charts {width:95%; height:auto; padding: 0 0 30px 0;}
	img.landscape {display:none;}676767
	img.leftnav {display:none;}
	img.float {width:300px;}
img.logo {width:30%;}
	#students {float:left; padding-top:25px;}
	h1 {font-family: 'Raleway', sans-serif; font-weight:normal; color:#676767; font-size:20px; margin:10px 10px 10px 20px; line-height:24px;}
	h2 {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; color:#676767; font-size:20px; margin:10px 10px 10px 20px; line-height:24px;}
	h3 {font-family: 'Raleway', sans-serif; font-weight:400; color:#000000; font-size:22px; }
	h4 {font-family: 'Raleway', sans-serif; font-weight:400; color:#0039A6; font-size:16px; margin-left:50px;}
	h5 {font-family: 'Raleway', sans-serif; font-weight:400; color:#c75b12; font-size:25px; margin: 10px 5px 0 50px; border-bottom:1px solid #c75b12;}
	#topbar {width: 100%; }
	#headerleft {padding:45px 0 40px 0px; border:none; margin:0;  }
	#headerright {padding:54px 25px 0 0; border:none; margin:0;font-family: 'Raleway', sans-serif; color:black; font-size:12px; }
	#headernav {height: 32px; text-align:center; width: 100%; clear:both;}
	#headernav a {font-family: 'Raleway', sans-serif; font-weight:300; text-decoration:none; font-size:18px; font-weight: bold; color:black; padding-right:25px;}
	#headernav a:hover {color:#dddddd;}
	#mobileheadernav {display:none;}
	#container {width:960px; background-color: none; margin: 0px auto 0px auto;}
	#leftnav{float:left; width:30%; padding: 20px 5px 0 5px;}
	#main{float:left; width:65%; border-left:1px solid #DDDBDB; margin-top:10px;}
	#maindiv{float:left; width:100%; margin:10px 0 10px 0;}
	#maindiv2{float:left; margin-top:20px;width:70%;}
	#firstdiv{float:left; width:33%; }
	#collone{float:left; width:32%; margin:5px; }
	#colltwo{float:left; width:32%; margin:5px;}
	#collthree{float:left; width:32%; margin:5px;}

	#collonetext{float:left; width:32%; margin:5px; background-color:#e0dfdf;}
	#colltwotext{float:left; width:32%; margin:5px; background-color:#e0dfdf;}
	#collthreetext{float:left; width:32%; margin:5px; background-color:#e0dfdf;}


	#calloutleft{float:left; margin-left:25px; text-align:right;}
	#calloutright{float:left; width:383px; height:255px; background-image:url(images/bubble2.png); background-repeat:no-repeat; background-size: 383px 255px; background-position:top left; }
	#floatleft {float:left; padding: 15px 15px; width:300px;}
	#floatlefttwo {float:left; width:350px; padding: 15px 15px;}
	#floatright {float:right; padding: 15px 10px; width:300px;}
	#aboutme {float:right; width:27%; border-left:1px dotted #c7c7c7;padding-left:20px; margin-top:20px;}
	#chart {float:right; width:520px; padding: 15px 10px;}
	p.bio {font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; line-height:20px; vertical-align:top;}
	a.customlink{color: #008542; text-decoration:none; font-weight:bold; font-family:'Raleway', sans-serif; !important;}
	p a:hover{color:#c75b12;}
	p.footer {font-size:.8em; text-align:center; padding:0; color: #ffffff;}
	#footerbackground{width:100%; height:auto; background-color:#1d1d1d;}
	#footerleft{padding:30px;vertical-align:top; background-color: #1d1d1d;}
	#footerright{float:right; padding:30px 0px 30px 0; vertical-align:top; width:220px;}
	hr {color:#eeeeee;}


		
/* for 980px or less */
@media (max-width: 983px) {
	
	#container {
		width: auto;
	}
	
	#headernav {
		width:100%;
		margin-left:0;
		text-align:center;
	}
	
	#headernav a {
		
	}
	
	#topbar {
		background-image:url(images/texture-sm.png); 
		}
		
	img.square {
		
	
	}
		
	#maindiv{
		
		}
		
	
	
	#firstdiv{
		padding: 10px 15px 0 30px;
		}

#collonetext {
		width: auto;
		float: none;
		padding:5px;
		margin-left:0;
	}
	#colltwotext {
		width: auto;
		float: none;
		padding:5px;
		margin-left:0;
	}
	#collthreetext {
		width: auto;
		float: none;
		padding:5px;
		margin-left:0;
	}
    
    
	#collone {
		width: auto;
		float: none;
		padding:5px;
		margin-left:0;
	}
	
	#colltwo {
		width: auto;
		float: none;
		padding:5px;
	}
	
	#collthree {
		width: auto;
		float: none;
		padding:5px;
	}
	
	#collfour {
		width: auto;
		float: none;
		padding:5px;
	}

	
	#footerright {
		width:auto;
		margin-right:10px;
	}	
	
	p {
		 margin: 5px 5px 10px 10px;
	}

	h1 {
		margin:10px 10px 10px 10px;	
	}

	h2 {
		margin:10px 10px 10px 10px;	
	}
	
	h3 {
		font-size:20px;
	}
	
	h5 {
		font-size:20px;
	}
	
	p.description { 
		line-height:22px;
	}
	
	img.charts {
		width:65%; 
		height:auto; }

}


/* for 760px or less */
@media (max-width: 750px) {
	
	#container {
		width: auto;
	}
	
	#main{float:none; width:95%; padding: 20px 5px 0 5px;}
	

	#leftnav{float:none; width:100%;}
	
	
	
	#headerleft {
	}
	
	#headerright {
	}
	
	
	
				
	#topbar {
		background-image:none;
		width:auto;
		}

	#maindiv{
		float:none;
		width:auto;
		}
	#maindiv2{
		float:none;
		width:auto;
		}
		
	#aboutme {
		float:none; 
		width:auto; 
		border:none;}
		
	#firstdiv{
		float:none;
		width:auto;
		padding:5px;
		margin:0;
		}

    	
	img.square {
		display:none;
		}
		
	img.landscape {
		display:block;
		width:100%;
		height:auto;
		padding: 5px 0 5px 0;
	}
	
	img.logo-landscape {
		display:block;
		width:20%;
		height:auto;
		padding: 5px 0 5px 0;
	}

	img.leftnav {
		display:none;
		}
	
	p {
		line-height:22px;
	}
	
	h1 {
		font-size: 22px;
	}

	#headerleft {
		float:none; 
		padding:15px 0 0 0; 
		text-align:center;
		}

	#headerright {
		float: none;
		clear:both;
		padding:20px 0 0 0;
		text-align:center;
	}
	
	#headernav {
		text-align:center;
		padding-top:10px;
		margin-bottom:0px;
		float:none;
		clear:both;
		width:100%;
	}
	
	#headernav a {	
	font-size: 15px;
		font-weight: bold;
	}
			
	h2 {
		margin-bottom:10px;
	}
	
	p.headline {
		margin: 0px 10px 15px 10px;
		}

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

	p.description {
		margin:10px; 
		}

	h3 {
		margin-left:20px;}
	
	h4 {
		margin-left:20px;}
	
	h5 {
		margin-left:20px;}

	#footerleft{
		float: none;
		padding-bottom:10px;
	}
	
	#footerright{
		float: none;
		margin: 0 0 0 25px;
	}
	
	#footerbackground {
		height:auto;
	}
			
	#floatleft {		
		width: auto;
		padding:1% 4%;
		float:none;
	}
	
	#floatright {		
		width: auto;
		padding:1% 4%;
		float:none;
	}
	
	img.float {
		width:100%;
		height:auto;
	}

	img.logo {
		width:50%;
	}


	img.floatleft {width:95%;}
}
@media (max-width: 500px) {
	
	img.logo {
		width:80%;
	}
	
	p {
		font-size: 15px;
	}
	
	#headernav {
		display: none;
	}
	
#mobileheadernav {
		display:block;
		height: auto;
		text-align:center; 
		clear:both;  
		}
		
	#mobileheadernav a {
		text-decoration:none;
		padding: 10px 30px 10px 0px;

				}

	#mobileheadernav a:hover {
		color:#c75b12;
		}
}