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

body {
    margin: 0;
    padding: 0;
}
.clearfix {
    clear: both;
    display: block;
}
body {
    color: #333;
   
    font-size: 62.5%;


}
p {
	 font-family: "myriad-pro", sans-serif;
    margin: 0 0 1em 0;
    padding: 0;
}
a {
  font-family: "myriad-pro", sans-serif;
	color:  #1987be;
    text-decoration: none;
}
a:hover {
    color:  #1987be;
    text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
font-family: "myriad-pro", sans-serif;
	
	line-height: 1.2em;
	
  
   
}
h1 {
font-family: "myriad-pro", sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	color: #fff;
	margin: 1% 0 1% 0;
	
}

h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}

/*HEADER*/

header {
    background-color: #fff;
    padding: 20px 3% 1% 0;
    width: 97%;
	height: 123px;
	
}
header #title {
    font-family: "myriad-pro", sans-serif;
	color:#483e3e;
}

.logobox{
	float:left;
	clear:right;
	 padding: 0 0 0 10px;	
	}
	

.title{
	width: 80%;
	font-family: "myriad-pro", sans-serif;
	font-size: 3.3em;
	color:#483e3e;
	margin: 0 30px 0 90px;
	padding: 50px 0 0 0;
	letter-spacing: 0.06em;
	}
	
.title a, .title a:visited{
	text-decoration:none;	
	color:#483e3e;
}
	
.title a:hover{
	text-decoration:none;	
	color:#1987be;
}

/*NAVIGATION*/

/*thinbar for placeholder*/
.thin-bar {
    height: 8px;
    width: 98%;
	background-color:#483e3e;
}
	



/*FullNav
nav {
    background-color: #e64a19;
    padding: 0 1.5%;
    width: 98%;
	 font-family:sans-serif;
}
nav ul li {
    display: inline;
    padding: 15px 1.5%;
}
nav ul li a {
    color: #ffffff;
    font-size: 1.2em;
    text-decoration: none;
}
nav ul li a:hover {
    color: #000000;
    text-decoration: none;
}
*/

/*----CONTENT-----*/
#container {
    margin: 0 auto;
    max-width: 1200px;
	padding:0 0 3% 0;
}

 #main{
	width:100%;
	margin: 0;
	padding: 0;
	background-color: #f1f1f1;
		
 }
 
 .topbar{
	width: 92%;
	padding: .5% 4% .5% 4%;
	background-color:#4998c1;
	
	border-bottom: 4px solid #b1a7a6;	
 }
 

.introtextbox{
	width: 92p%;
	padding:2.2% 4% .5% 4%;
	
	font-family: "myriad-pro", sans-serif;
	font-size:1.85em;
	line-height: 1.6em;
	color:#4f4546;
	background-color:#f1f1f1;
	
}

 .introtext{
	text-align: justify;
	letter-spacing: .005em;	
	
}

.introtextleft{
	text-align: left;
	letter-spacing: .005em;	
	
}

#left-col {
	
    float: left;
    padding: .5% 2% 3% 6%;
    width:18%;
}


aside {
   
    float: right;
    padding: 2% 3% 3.5% 3%;
    width: 68%;
	
}



.bullettext{
	font-family: "myriad-pro", sans-serif;
	font-size: 1.7em;
	color:#4f4546;
	line-height: 1.7em;
}
	


#bullet-list ul{
	
	margin:0 ;
	padding:0px;
	list-style-position: outside;
	list-style-image: url(images/bullet-sq-pad.jpg);
	}

#bullet-list li{
	font-family: "myriad-pro", sans-serif;
	margin:0 0 0 10px;
	padding:0 0 25px 0;
	list-style-position: outside;
	list-style-image: url(images/bullet-sq-pad.jpg);
	}


/*--- Footer orig

footer{
	width: 94%;
	padding: 20px 3% 3% 3%;
	background-color: #fff;
	text-align: left;
	background-image: url(images/bluebar-w-shadow-whttop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "myriad-pro", sans-serif;
	font-size: 1.7em;
	line-height: 1.6em;
	color:#fff;
}---*/

footer{
	width: 92%;
	height: 36px;
	padding:2% 4% 1% 4%;
	background-color: #fff;
	text-align: left;
	background-color:#4998c1;
	font-family: "myriad-pro", sans-serif;
	font-size: 1.7em;
	line-height: 1.6em;
	color:#fff;
	border-top: 4px solid #b1a7a6;	
}

footer a, footer a:visited{
	color: #eac654;
	text-decoration: none;
}

footer a:hover{
	color: #eac654;
	text-decoration: underline;
}


#bottombar{
	width: 95%;
	height: 40px;
	font-family: "myriad-pro", sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color:#ffffff;
	
	padding: 12px 0 0 20px;
	letter-spacing: 0.065em;
	background-image: url(images/bluebar-w-shadow.jpg);
	background-repeat: no-repeat;
	background-position: left;
	clear: both;
}

#bottombar a, bottombar a:visited{
color:#eac654;	
text-decoration: none;
}
	
bottombar a:hover{

text-decoration:underline;
}	

.infotextbox2{
	float:left;
	width:92%;
	
	padding:3% 4% 3% 4%;
	font-family: "myriad pro", sans-serif;
	font-size:1.2em;
	
	color:#4f4546;
}	



/*IMAGES SACALING*/
.scale-img{
	max-width: 100%;	
}


@media all and (max-width: 900px) {
header {
    text-align: left;
}

.title{
	
	font-size: 3em;
}
nav {
    text-align: center;
}
#left-col {
    padding:3%;
    width: 28%;
}
#sidebar {

    padding: 3%;
    width: 60%;
}
.bullettext{
	font-size: 1.7em;
	
}

}
	

@media all and (max-width: 768px) {
header {
    text-align: left;
}

.title{
	
	font-size: 2.6em;
}
nav {
    text-align: center;
}
#left-col {
    padding: 3% 3% 3% 25% ;
    width: 72%;
}
#sidebar {
   
    padding: 3%;
    width: 94%;
}


.bullettext{
	font-size: 1.6em;
	
}
	

#bullet-list li{
	margin:0 0 0 20px;
	padding:0 0 20px 0;
	
	}


.introtextbox{
	font-size:1.6em;
	color:#4f4546;
	line-height: 1.4em;
}

footer{
	width: 94%;
	Height: 50px;
	padding: 1.5% 3% 3% 3%;
	
	color: #fff;
	text-align: left;
	font-size: 1.7em;
	
}
}

@media all and (max-width: 330px) {
nav ul li {
    display: block;
    width: 94%;
}
}