@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%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		24;
	dw-num-cols-tablet:		24;
	dw-num-cols-desktop:	24;
	dw-gutter-percentage:	5;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	width: 100%;
	margin: auto;
	padding-left: 0;
	padding-right:0;
}
#nav {
    clear: none;
    float: left;
    margin-left: 8%;
    margin-right: 7%;
    width: 49%;
    display: inline-block;
}
#header {
    clear: both;
    float: left;
    margin-left: 0;
    padding: 12px 0;
    width: 100%;
    display: block;
    background: #1D3654;
}
#social-media {
    clear: none;
    float: left;
	margin-top: 2px;
    margin-left: 0;
    margin-right: 4%;
    width: 27%;
    display: inline-block;
}
#logo {
    clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8%;
    padding-bottom: 8%;
    padding-left: 0;
    padding-right: 0;
    width: 80%;
    display: block;
}
#slideshow {
	
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#index-content {
	
    clear: both;
    float: left;
    margin-left: 0;
	margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 24px;
    padding-bottom: 0;
    width: 100%;
    display: block;
}
#index-left {
    clear: left;
    float: left;
    margin-left: 0;
	margin-right: 0;
    margin-bottom: 12px;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    display: block;
}
#index-right {
    clear: none;
    float: left;
    margin-left: 0;
	margin-right: 0;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    display: block;
}
#index-blue-box {
    clear: both;
    float: left;
    margin-left: 0;
    margin-top: 24px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: 583px;
    display: block;
    background: #1D3654;
}
#index-boxes {
    clear: none;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: -550px;
    margin-bottom: 24px;
    width: 100%;
    display: block;
    position: relative;
    }
#index-box-1 {
    clear: both;
    float: left;
    margin-left: 0;
	margin-right: 0;
    margin-bottom: 24px;
    padding-left: 10%;
    padding-right: 10%;
    width: 80%;
    height: auto;
}
#index-box-2 {
    clear: both;
    float: left;
    margin-left: 0;
	margin-right: 0;
    padding-left: 10%;
    padding-right: 10%;
    width: 80%;
    height: auto;
    display: block;
}
#footer-logo {
    clear: both;
    float: none;
    margin: 0 auto;
    width: 17%;
    display: block;
}
#footer {
    clear: both;
    float: left;
    margin-left: 0;
	margin-top: 15px;
    margin-bottom: 12px;
    padding: 14px 0;
    width: 100%;
    display: block;
}

li.social-media {/* Hide social media icons in menu */
    display: none !important;
}

#sub-left {                                     
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

#sub-right { 
    clear: both;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 20px;
    width: 90%;
    display: block;
}

#bio-title {
    clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 33px;
	padding-left: 0;
    width: 70%;
}

#sub-content {                                     
    clear: both;
    float: left;
    margin-left: 0;
    margin-bottom: 45px;
    width: 100%;
    display: block;
}


.form-row{
	
    clear: both;
    float: left;
    margin-left: 0;
    margin-bottom: 18px;
    width: 100%;
    display: block;
}

.form-row-col-xs{/* used for labels no clear*/
    clear: none;
    float: left;
	margin-top: 0;
    margin-left: 0;
    margin-top: 10px;
	margin-bottom: 10px;
    padding-right: 15px;
    padding-left: 0;
    width: 11%;
    display: block;
}

.form-row-col-sm{/* used for labels*/
   
    clear: left;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 15px;
    padding-left: 0;
    width: 26%;
    display: block;
}

.form-row-col-md{
    clear: none;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 0;
    padding-right: 30px;
    padding-left: 0;
    width: 91%;
    display: block;
}
.form-row-col-lg{
    clear: none;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 15px;
    padding-left: 0;
    width: 91%;
    display: block;
}

.form-row-col-xl{
    clear: both;
    float: left;
    margin-left: 0;
    margin-top: 0;
	margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    display: block;
}

textarea{

	width: 95%;	
}

#index-full-width{

    clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 20px;
    width: 80%;
    display: block;
	text-align: center;
}

article{
	
	clear: both;
    float: left;
  	margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    display: block;
	
}

#blog-sub-left{
  	clear: both;
    float: left;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    margin-right: 7.5%;
    margin-left: 7.5%;
    width: 85%;
    display: none;
}


#blog-sub-right{
	clear: right;
    float: left;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
	margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    display: block;
    border-left: none;

}

.post-image {
    width: 80%;
    height: auto;
    clear: both;
    float: right;
    margin-left: 10%;
    margin-right: 10%;
    padding-left: 0;
    padding-bottom: 24px;
}

.post-body {
    margin-right: 10%;
    margin-left: 10%;
    width: 80%;
}

header.page-header {
    margin: 0 10%;
}

article header {
    padding: 0 10%;
    margin-bottom: 24px;
}

.form {
    margin: 0 12%;	
}

input.form-control {
	width: 90%;	
}

#sub-full {
	clear: both;
    margin-left: 4.5%;
    margin-right: 4.5%;
    padding-right: 0;
    padding-top: 0;
    width: 91%;
    display: block;
}

#submit-edit {
	margin: 5% 30%;	
}

#submit-login {
	margin: 0 0;
}

#btn-logout {
	/*margin: 0 4.5%;*/
}

#btn-admin {
	/*margin: 0 4.5%;*/
}

#edu_comments {
	width: 90%;
    resize: none;	
}

#results {
	margin: 0 11%;
}

#btn-return-top-1 {
	display: block;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 100%;
	margin: auto;
	padding-left: 0;
	padding-right:0;
}
#nav {
    clear: none;
    float: left;
    margin-left: 25%;
    margin-right: 7%;
    width: 30%;
    display: inline-block;
}
#header {
    clear: both;
    float: left;
    margin-left: 0;
    padding: 12px 0;
    width: 100%;
    display: block;
    background: #1D3654;
}
#social-media {
    clear: none;
    float: left;
	margin-top: 4px;
    margin-left: 0;
    margin-right: 5%;
    width: 22%;
    display: inline-block;
}
#logo {
    clear: both;
    float: left;
    margin-left: 21%;
    margin-right: 21%;
    padding-top: 6%;
    padding-bottom: 6%;
    padding-left: 0;
    padding-right: 0;
    width: 58%;
    display: block;
}
#slideshow {
	
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#index-content {
	
    clear: both;
    float: left;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 50px;
    padding-bottom: 0;
    width: 100%;
    display: block;
}
#index-left {
    clear: left;
    float: left;
    margin-left: 0;
    margin-right: 4%;
    margin-bottom: 0;
    padding-left: 8%;
    padding-right: 0;
    width: 32%;
    display: block;
}
#index-right {
    clear: none;
    float: left;
    margin-left: 0;
	margin-right:0;
	padding-left:0;
    padding-right: 8%;
    width: 48%;
    display: block;
}
#index-blue-box {
    clear: both;
    float: left;
    margin-left: 0;
    margin-top: 100px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: 235px;
    display: block;
    background: #1D3654;
}
#index-boxes {
    clear: none;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: -29%;
    margin-bottom: 84.5px;
    width: 100%;
    display: block;
    position: relative;
    }
#index-box-1 {
    clear: left;
    float: left;
	margin-left: 0;
	margin-right: 0;
    margin-bottom: 0;
    padding-left: 8%;
    padding-right: 7%;
    width: 35%;
    height: auto;
}
#index-box-2 {
    clear: right;
    float: left;
	margin-left: 0;
	margin-right: 0;
    padding-left: 7%;
    padding-right: 8%;
    width: 35%;
    height: auto;
    display: block;
}
#footer-logo {
   
    clear: both;
    float: none;
    margin: 0 auto;
    width: 9%;
    display: block;
}
#footer {
    clear: both;
    float: left;
    margin-left: 0;
	margin-top: 15px;
    margin-bottom: 30px;
    padding: 14px 0;
    width: 100%;
    display: block;
}

li.social-media {/* Hide social media icons in menu */
    display: none !important;
}

#sub-left {                                     
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

#sub-right { 
    clear: both;
    float: left;
    margin-left: 4%;
    margin-right: 4%;
	padding-top: 35px;
    width: 92%;
    display: block;
}

#sub-content { 
    clear: both;
    float: left;
    margin-left: 0;
    margin-bottom: 95.25px;
    width: 100%;
    display: block;
}

#bio-title { 
    clear: both;
    float: right;
    margin-left: 0;
    margin-right: 0;
    padding-left: 7%;
    width: 22%;
    display: block;
}

.form-row{
	
    clear: both;
    float: left;
    margin-left: 0;
    margin-bottom: 18px;
    width: 100%;
    display: block;
}

.form-row-col-xs{/* used for labels no clear*/
    clear: none;
    float: left;
	margin-top: 0;
    margin-left: 0;
    margin-top: 10px;
	margin-bottom: 10px;
    padding-right: 15px;
    padding-left: 0;
    width: 11%;
    display: block;
}

.form-row-col-sm{/* used for labels*/
   
    clear: left;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 15px;
    padding-left: 0;
    width: 25%;
    display: block;
}

.form-row-col-md{
    
    clear: none;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 30px;
    padding-left: 0;
    width: 17%;
    display: block;
}
.form-row-col-lg{
    clear: none;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 15px;
    padding-left: 0;
    width: 39%;
    display: block;
}

.form-row-col-xl{
    clear: both;
    float: left;
    margin-left: 0;
    margin-top: 0;
	margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    display: block;
}


.form-row-col-locations{
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 15px;
    padding-right: 0;
    padding-left: 0;
    width: 30%;
    display: block;
}
    
	
.form-row-col-locations-sm{
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 15px;
    padding-right: 0;
    padding-left: 0;
    width: 12%;
    display: block;
}

	
.form-row-col-locations-lg{
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 15px;
    padding-right: 0;
    padding-left: 0;
    width: 67%;
    display: block;
}


#form-content textarea{

	width: 100%;	
}

#index-full-width{

    clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
    display: block;
	text-align: center;
}


article{
	
	clear: both;
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    display: block;
	
}

#blog-sub-left{
    
    clear: left;
    float: left;
    padding-top: 0;
    padding-right: 3%;
    padding-left: 0;
    margin-right: 0;
    margin-left: 6%;
    width: 21%;
    display: block;
}



#blog-sub-right{
	clear: right;
    float: left;
    margin-left: 0;
    margin-right: 6%;
    padding-left: 3%;
    padding-right: 0;
    padding-top: 0;
    width: 60%;
    display: block;
    border-left: 2px solid #909aa8;

}

.post-image {
    width: 60%;
    height: auto;
    clear: right;
    float: right;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5%;
	padding-right: 0;
    padding-bottom: 24px;
}

.post-body{
	margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}

header.page-header{

	margin: 0;
	
}

article header {
    padding: 0 12px;
    margin-bottom: 24px;
}

.form {
    margin: 0 10%;	
}

#sub-full {
	clear: both;
    margin-left: 4.5%;
    margin-right: 4.5%;
    padding-right: 0;
    padding-top: 0;
    width: 91%;
    display: block;
}

#submit-edit {
	margin: 5% 34%;
    width: 29%;
}

#submit-login {
	margin: 0;
}

#btn-logout {
	margin: 10px 15%;
}

#btn-admin {
	margin: 10px 15%;
}

#results {
	margin: 0 11%;
}

#btn-return-top-1 {
	display: block;
}

}

/* Desktop Layout: 769px to a max of 1366px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	margin: auto;
	padding-left: 0;
	padding-right:0;
}
#nav {
    clear: none;
    float: left;
    margin-left: 5%;
	margin-right: 5%;
    width: 90%;
    display: inline-block;
}
#header {
    clear: both;
    float: left;
    margin-left: 0;
    padding: 12px 0;
    width: 100%;
    display: block;
    background: #1D3654;
}
#social-media {/* Social media on desktop */
    clear: none;
    float: left;
    margin-left: 0;
    width: 15%;
    height: auto;
    display: none;/* Hide Social media and show social media as list items in menu */
}
#logo {
    clear: both;
    float: none;
    margin-left: 29%;
    margin-right: 29%;
    padding-top: 4%;
    padding-bottom: 4%;
    padding-left: 0;
    padding-right: 0;
    width: 42%;
    display: block;
}
#slideshow {
	
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#index-content {
	
    clear: both;
    float: left;
    margin-left: 0;
	margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 50px;
    padding-bottom: 0;
    width: 100%;
    display: block;
}
#index-left {
    clear: left;
    float: left;
    margin-left: 0;
    margin-right: 6%;
    padding-left: 18.32%;
    padding-right: 0;
    width: 16.68%;
    display: block;
}
#index-right {
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 19%;
    width: 40%;
    display: block;
}
#index-blue-box {
	
    clear: both;
    float: left;
    margin-left: 0;
	margin-right: 0;
    margin-top: 100px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: 310px;
    display: block;
    background: #1D3654;
}
#index-boxes {
    clear: none;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: -290px;
    margin-bottom: 84.5px;
    width: 100%;
    display: block;
    position: relative;
    }
#index-box-1 {
    clear: left;
    float: left;
	margin-left: 0;
	margin-right: 0;
    margin-bottom: 0;
    padding-left: 13%;
    padding-right: 8%;
    width: 29%;
    height: auto;
}
#index-box-2 {
    clear: right;
    float: left;
	margin-left: 0;
	margin-right: 0;
    padding-left: 8%;
    padding-right: 13%;
    width: 29%;
    height: auto;
    display: block;
}
#footer-logo {
    clear: both;
    float: none;
    margin: 0 auto;
    width: 5%;
	display: block;
}
#footer {
    clear: both;
    float: left;
    margin-left: 0;
	margin-top: 15px;
    margin-bottom: 30px;
    padding: 14px 0;
    width: 100%;
    display: block;
}

li.social-media {
    display: inline-block !important; /* display social media in menu as list item */
}

#sub-left {
    clear: left;
    float: left;
    padding-top: 12px;
    margin-right: 0%;
    width: 44%;
    display: block;
}

#sub-right {
    clear: right;
    float: left;
    margin-left: 4.4%;
    margin-right: 4.4%;
    padding-right: 0;
    padding-top: 0;
    width: 47.2%;
    display: block;
}

#sub-content {
    clear: both;
    float: left;
    margin-left: 0;
    margin-bottom: 95.25px;
    width: 100%;
    display: block;
}

#bio-title {
    clear: both;
    float: right;
    margin-left: 0;
    width: 22%;
    display: block;
}

.form-row{
	
    clear: both;
    float: left;
    margin-left: 0;
    margin-bottom: 18px;
    width: 100%;
    display: block;
}

.form-row-col-xs{/* used for labels no clear*/
    clear: none;
    float: left;
	margin-top: 0;
    margin-left: 0;
	margin-right: 15px;
    margin-top: 10px;
	margin-bottom: 10px;
    padding-right: 0;
    padding-left: 0;
    width: 11%;
    display: block;
}

.form-row-col-sm-md{
    clear: none;
    float: left;
    margin-left: 0;
	margin-right: 15px;
    margin-top: 10px;
	margin-bottom: 10px;
    padding-right: 0;
    padding-left: 0;
    width: 16%;
    display: block;
}

.form-row-col-sm{/* used for labels*/
    clear: left;
    float: left;
    margin-left: 0;
	margin-right: 15px;
    margin-top: 10px;
	margin-bottom: 10px;
    padding-right: 0;
    padding-left: 0;
    width: 16%;
    display: block;
}

.form-row-col-locations{
    clear: none;
    float: left;
    margin-left: 0;
	margin-right: 15px;
    padding-right: 0;
    padding-left: 0;
    width: 30%;
    display: block;
}
    
	
.form-row-col-locations-sm{
    clear: none;
    float: left;
    margin-left: 0;
	margin-right: 15px;
    padding-right: 0;
    padding-left: 0;
    width: 12%;
    display: block;
}

	
.form-row-col-locations-lg{
    clear: none;
    float: left;
    margin-left: 0;
	margin-right: 15px;
    padding-right: 0;
    padding-left: 0;
    width: 48%;
    display: block;
}

.form-row-col-locations-xl{
    clear: none;
    float: left;
    margin-left: 0;
	margin-right: 15px;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    display: block;
}

.form-row-col-md{
    
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 4%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 0;
    padding-left: 0;
    width: 21%;
    display: block;
}
.form-row-col-lg{
    clear: none;
    float: left;
    margin-left: 0;
	margin-right: 15px;
    margin-top: 10px;
	margin-bottom: 10px;
    padding-right: 0;
    padding-left: 0;
    width: 46%;
    display: block;
}

.form-row-col-xl{
    clear: both;
    float: left;
    margin-left: 0;
    margin-top: 0;
	margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    display: block;
}


#form-content textarea{

	width: 100%;	
}

#index-full-width{

    clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    display: block;
	text-align: center;
}

article{
	
	clear: both;
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    display: block;
	
}

#blog-sub-left{
  
    clear: left;
    float: left;
    padding-top: 0;
    padding-right: 5%;
    padding-left: 0;
    margin-right: 0;
    margin-left: 8%;
    width: 10%;
    display: block;
}



#blog-sub-right{
	
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 6%;
    padding-left: 7%;
    padding-right: 0;
    padding-top: 0;
    width: 60%;
    display: block;
    border-left: 2px solid #909aa8;

}
.post-image {
    width: 45%;
    height: auto;
    clear: right;
    float: right;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5%;
	padding-right: 0;
    padding-bottom: 24px;
}
.post-body{
	margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
header.page-header{

	margin: 0;
	
}

article header {
    padding: 0 12px;
    margin-bottom: 24px;
}

.form {
    margin: 0 25%;
	clear: both;
    float: none; 
    /* width: 50%; */
    display: block;
}

#login-form {
	margin: 0 30% 0 0;
}

#submit-edit {
	margin: 5% 42%;
	width: 16%;
}

/*ADMIN PAGE*/

#search-select {
	margin: 0 15%;
}

#sub-full {
	clear: both;
    margin-left: 4.5%;
    margin-right: 4.5%;
    padding-right: 0;
    padding-top: 0;
    width: 91%;
    display: block;
}

.search-form {
	margin: 0 15%;
}

#search-applicant-left {
	float: left;
	width: 50%;
}

#search-applicant-right {
	float: left;
	width: 50%;
}

#btn-logout {
	margin: 10px 15%;
}

#btn-admin {
	margin: 10px 15%;
}

#results {
	margin: 0 11%;
}

#results-left {
	width: 50%;
	float: left;
}

#results-right {
	width: 50%;
	float: right;
}

#btn-return-top-1 {
	display: none;
}

#admin-content {
	margin: 0 15%;
}

}