body { font-family: Verdana, Arial, sans-serif; background: #eee;}
strong { font-weight: bold; }
em {font-style:italic;} 

/* Full Page Container*/
#PageContainer { background: #2b4083; margin-left: auto; margin-right: auto; width: 1024px; border: 1px solid #999; margin-top:0.3em; border-radius:0.3em; }

/*header style*/
header { background: url('images/bg1.jpg'); color: white; clear: both; height: 170px; border-bottom:1px solid #999; } 
#header-inner { text-align: center; font-family: Arial; }
#logo-container { width: 25%; float: right; }
#logo-image { width: 100%; height: 100%;}
#header-center { float: left; width: 50%; margin-top: 1.3em; }
#header-additional-logos { float: left; width: 25%; margin-top: 1em; }
.header-additional-logos-container { float: right; width: 50%; }
.header-additional-logos-container img { margin-top: 0.5em; }
header .header-topline { font-size: 2em; margin-bottom: 0.3em; color: #eee; }
header .header-subline { font-size: 1.3em; color: #8cc; margin-bottom: 0.3em;  }
header .header-phoneline { font-size: 1.3em; }
header p { font-size: 0.9em; color: #ada; margin-bottom: 0.2em;  } 
header p a { color: #fff;}

/*navigation menu minus bootstrap.min.css*/
#nav-container nav { background: #2b4083; color: white; width: 25%; float: left; clear: left; } 
#nav-container #nav-inner { padding: 0.5em; text-align: center; padding-top:0.5em;padding-bottom:0.5em;}
#nav-container nav p { font-size: 1.2em; margin-bottom: 0.3em; }
#nav-container nav ul { margin-left: -20px; padding: 0.1em; margin-top: 0em; width: 220px;}
#nav-container nav li { text-align: left; padding: 0.3em; margin-bottom:2px; }
#nav-container nav li:hover { background: white;}
#nav-container nav li:hover > a {  color: #2b4083; }
#nav-container nav li a { text-decoration: none; text-transform:uppercase; color: #fff; font-size: 0.9em; font-family: Verdana, sans-serif;} 
.navbar-collapse { padding-left: 0;}


/*undernav boxes*/
#nav-container2 #nav2 { background: #2b4083; color: white; width: 25%; float: left; clear: left; }
#nav-container2 #nav-inner2 { padding: 0.5em; text-align: center; padding-top:0;padding-bottom:2em;}
#nav-container2 #nav2 p { font-size: 1.2em; margin-bottom: 0.3em; }
#nav-container2 #nav2 .CTA1, #nav-container2 #nav2 .CTA2 { border: 1px solid black; padding: 0.5em; text-align:left; font-size: 0.8em; color: black; line-height: 1.3em;} 
#nav-container2 #nav2 .CTA1 { background: #ada; }
#nav-container2 #nav2 .CTA2 { background: #aad; }


/*Main Page Content*/
article { background: white; color: #444; width: 75%; float: right; min-height: 37.5em; clear: right; border-bottom-left-radius:0.5em; line-height: 1.2em;}
#article-inner { font-family: verdana; font-size: 1.1em; padding: 0.5em; text-align: left; width: 90%; margin-left: auto; margin-right: auto; }

article h1 { width:100%; padding: 0.3em; padding-left: 0; margin-bottom: 0.6em; margin-top:0.3em; font-size: 125%; color: #2b4083; border-bottom: 1px solid #2b4083; font-weight: bold; font-family: Arial; }
article h2 { padding: 0em; margin-bottom: 0.4em; margin-top:0em; font-size: 110%; font-weight: bold; color: #2b4083; font-family: Arial;}
article h3 { padding: 0em; margin-bottom: 0.2em; margin-top: 0em; font-size: 105%; color: forestgreen; font-style:italic;font-family: Arial;}
article p { line-height: 1.5em; font-size: 90%; margin-bottom: 1em;}
article ul { list-style-type: circle; margin-left: 3em; margin-bottom: 1.3em;  }
article ul li { font-size: 90%; margin-bottom: 0.5em; }
article ul li p  { font-size: 100%; }

article .edu-items { list-style-type: none; text-align: center; margin-left: auto; margin-right: auto; } 
article .edu-items li { float: left; padding:0.8em; margin: 0.8em; border: 1px solid black; border-radius: 0.3em; } 
article .edu-items a { text-decoration: none; color: #2b4083; font-weight: bold; } 

article hr { width: 80%; color: #ccc; margin-top: 2em; margin-bottom: 2em;}

/*CSS Reset*/
.clearboth { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.floatleft { float: left; }
.floatright { float: right; }

.clear1 { clear: left; margin-right: 40%;}
.clear2 { clear: right; margin-left: 20%;}
.clear3 { clear: right; margin-left: 33%;}
.clearleft img, .clearright img { border-radius: 0.5em; position: relative; top:0.3em; padding-right: 0.3em; }

.pcentered { width:100%; text-align: center; padding: 0.3em; }
.pcallout {font-size: 140%; color: forestgreen; width: 100%; text-align: center; }


.supplier-list-item { clear: both; }
.supplier-list-item-image { width: 25%; float: left;}
.supplier-list-item-description { float: left; width: 70%; margin-bottom: 1em;} 


.faq-question { font-weight: bold; }

/*footer*/
footer { background: #2b4083; color: #444; margin-left: 25%; width: 75%; clear: right; height: 10em; text-align: center; color: #999;}
#footer-inner { padding: 0.5em; text-align: center; }
footer nav { width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 5em;}
footer ul li { float: left; font-size: 70%; padding-right: 0.5em; line-height: 2.5em;}
footer a {color: #eee; }
footer p { width: 80%; margin-left: auto; margin-right: auto; font-size: 70%; }

/*contact form*/
#contact-form h3 { font: 20px/22px Georgia, "Times New Roman", Times, serif; }
#contact-form input { width: 300px; margin: 5px; padding: 2px; }
#contact-form textarea { width: 80%; margin: 5px; padding: 2px; height: 10em; }
.itsatrap { display: none; }

.aside-contact-form { background: #eee; padding:0.3em; width: 100%; text-align: center; border: 1px solid #ccc; border-radius: 8px; margin-bottom: 1em;}
.aside-contact-form .form-title { font-weight: bold; font-family: Arial; color: #2b4083; }
#contact-form p { padding:0; margin:0;}
#contact-form .contact-form-submit { background: #2b4083; color: white; border: 2px solid #ccc; padding: 0.5em; border-radius: 5px;} 


/* Desktop Corrections */
@media screen and (min-width : 1024px) {
	#nav-container nav li { text-align: left; padding: 0.3em; padding-left: 1.5em; margin-bottom:2px; margin-left: 1.5em;  background: #dfe; border-radius:0.3em;}
	#nav-container nav li a { color: #2b4083; text-decoration: none; text-transform: none; font-weight: bold; font-size: 0.8em; font-family: Arial, sans-serif;} 

	.aside-contact-form #contact-form textarea { margin-top:0.3em; width: 300px;} 

	.aside-contact-form { width: 350px; }

}