@charset "UTF-8";
body {
    padding-top: 0px;	
}

.home {
    background-color: #606C68;
}
.inner {
    background-color:#869497;
}

#container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

header {
    width: 90%;
	margin-left:auto;
	margin-right:auto;
}

#content {
	width: 90%;
	margin-left:auto;
	margin-right:auto;	
}

.home header h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: 100;
	color: #FCF8F7;
	letter-spacing: 8px;
	line-height: 6px;	
}

.inner header h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1.6em;
	font-weight:100;
	letter-spacing:1px;
    color: #000;
	text-align:left;
	display: block;
}

.inner header h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:2em;
	font-weight;200;
	letter-spacing:1px;
    color: #FFF;
	text-align:center;
	display: block;
	margin-top:0px;
	margin-bottom: 0px;
}

#container #nav-main h3 {
    
	display:none;
}
#nav-main {
	width: 100%;
	margin-left: auto;
	margin-right:auto;
	overflow: auto;
}

.nav-main {	
	width: 100%	
	padding-top: 7px;
	text-align:center;
}

nav ul li {
	display: inline-block;
	
}
.home nav ul li a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffff;
    text-decoration: none;
    padding-right: 6px;
	padding-left: 6px;
    text-transform: uppercase;
}

.inner nav ul li a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffff;
    text-decoration: none;
    padding-right: 8px;
	padding-left: 8px;
    text-transform: uppercase;
}

	nav ul {
	padding-left: 0%;
}
nav ul li {
    list-style-type: none;
    padding-top: 4px;
    padding-bottom: 4px;
	}


.inner #content p {
    font-family: Verdana, Geneva, sans-serif;
	line-height: 1.6em;
	font-weight:200;
	text-align: justify;
}

.imageL {
 	display:inline;
}
.smalltext {
	font-size: .8em;
	color: #fff;
}

.smalltext a {
	color:#fff;
}



@media (min-width:769px){
	
body {
    padding-top: 20px;	
}	
	
.home header h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.6em;
	font-weight: 100;
	color: #FCF8F7;
	letter-spacing: 8px;
	line-height: 6px;
	
}	
	
.inner header h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:22px;
    color: #000;
	text-align:left;
	display: none;
}
	
	
	
.inner header h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:2em;
	font-weight:400;
    color: #FFF;
	text-align:left;
	letter-spacing: 0.1em;
	display: block;
}
	
#container #nav-main h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:2em;
	font-weight:400;
    color: #000;
	text-align:left;
	letter-spacing: 0.1em;
	display:block;
}

header {
    width: 80%;
	max-width:900px;
	margin-right:auto;
	margin-left:auto;
	
}

#content {
	width: 60%;
	max-width:800px;
	float:right;
	margin-right:7%;
	margin-top:30px;
}
	
#nav-main {
	width: 20%;
	float:right;
	padding-top:75px;
}
.nav-main {	
	width: 96%	
	padding-top: 7px;
	padding-left:4%;
	text-align:left;
}
	ul {
    text-decoration: none;
    list-style-type: none;
	margin: 0;
  	padding-top: 10px;
  	overflow: hidden; 
}
/* styling for vertical links homepage*/
.home li {
  	float: left;
	width:100%;
	padding-top:20px;
	
}

/*styling for vertical links inner*/
.inner li {
  	float: left;
	width:100%;
	padding-top:20px;
	
}


.home nav ul li a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #ffff;
    text-decoration: none;
    padding-right: 8px;
	padding-left: 8px;
    text-transform: none;
}

.inner nav ul li a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #ffff;
    text-decoration: none;
    padding-right: 8px;
	padding-left: 8px;
    text-transform: none;
}

.imageL {
	display:block;
 	float: left;
	width: 60%;
	padding-right: 10px;

}
}
@media (min-width: 1000px){
	/*have image be 350px wide or so*/
	.imageL {
    float: left;
	padding-right: 20px;
}
}