/* CSS Document */


#warp { 
height:100%;
 }
 
 #content-warp {
	 max-width:900px;
	 margin:190px auto;
	 margin-bottom: 0px;
	 font-size:22px;
	 line-height:30px;}

/* header stuff from first batch of material */
.header {
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 990;
       font-weight: normal;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}


	
.header h1#logo {
    display: inline=block;
    height: 150px;
    float: left;
   margin-left:35px;
    font-family: "Georgia", times, serif;
    font-size: 60px;
    font-weight: normal;
    letter-spacing: 6px;
    color: white;
	font-variant: small-caps;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	z-index: 999;
}

.header h1#logo a {
	color: white;
	text-decoration: none;
}

.header h1#logo a:hover {
	color: white;
	text-decoration: none;
}

.header nav {
    display: inline=block;
    float: right;
   margin-right:35px;
   z-index: 999;
}
.header nav a {
    line-height: 150px;
    margin-left: 15px;
    color: white;
     font-family: "Georgia", times, serif;
    font-size: 18px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 999;
}
.header nav a:hover {
    color: #DDDDDD;
}

.header.smaller {
 height: 75px;
}
.header.smaller h1#logo {
 width: 350px;
 height: 75px;
 font-size: 30px;
}
.header.smaller nav a {
 line-height: 75px;
}

 



/* second bunch header stuff */

@media all and (max-width: 740px) {
    .header h1#logo {
        display: block;
        float: none;
        margin: 0 auto;
        height: 80px;
        line-height: 80px;
        vertical-align: middle;
        font-size: 28px;
        text-align: center;
    }
    .header nav {
        display: block;
        float: none;
        height: 50px;
      line-height:50px;
        text-align: center;
        margin: 0 auto;
      font-size: 12px;
    }
    .header nav a {
        line-height: 50px;
         font-size: 12px;
       margin: 0 3px;
    }
    .header.smaller {
        height: 75px;
    }
    .header.smaller h1#logo {
        height: 40px;
      line-height: 40px;
        font-size: 28px;
    }
    .header.smaller nav {
        height: 35px;
      line-height:35px;
      font-size: 12px;
    }
    .header.smaller nav a {
        line-height: 35px;
        font-size: 12px;
        margin: 0 3px;


    }
}


body{
	background-color: #1E2434;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}

.quote {
	font-family: Georgia,Times,serif;
	font-size: 17px;
	line-height:26px;
	padding: 40px;
}

.quote3 {
	font-family: Georgia,Times,serif;
	font-size: 14px;
	line-height:17px;
	padding-left: 70px;
	padding-right: 70px;
	padding-top: 10px;
	padding-bottom:10px;
}

.p{
	font-family: Georgia,Times,serif;
	font-size: 15px;
	line-height:24px;
	padding: 10px;
}

#title1 {
	font-family:Georgia,Times,serif;
	font-size:35px;
	text-align: right;
	   font-weight: 200;
	   padding-right: 10px;
	   padding-bottom: 0px;
	}
	
	
h2 {
	font-family:Georgia,Times,serif;
	font-size:25px;
	font-variant: small-caps;
	padding-top: 13px;
	padding-left: 10px;
	text-align: left;
	   font-weight: 200;
	   }

h3 {
	font-family:Georgia,Times,serif;
	font-size:25px;
	font-variant: small-caps;
	padding-top: 20px;
	padding-left: 10px;
	text-align: right;
	   font-weight: 200;
	   }
	   
h4 {
	font-family:Georgia,Times,serif;
	font-size:16px;
	font-style: italic;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
	   font-weight: 200;
	   }
h5 {
	font-family:Georgia,Times,serif;
	font-size:20px;
	font-variant: small-caps;
	padding-top: 0px;
	padding-left: 0px;
	text-align: right;
	   font-weight: 200;
	   }
h5 a {
    color: white;
    font-size: 18px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

h5 a:hover {
    color: #DDDDDD;
}

h6 {
	font-family:Georgia,Times,serif;
	font-size:30px;
	text-align: right;
	   font-weight: 200;
	   padding-right: 10px;
	   padding-bottom: 0px;
	}

@media all and (max-width: 575px) {
h2 {
	text-align: center;
	}
h3 {
	text-align: center;
	}
}

.p a {
	color: white;
	text-decoration: underline;
	   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    }
    
.p a:hover {
	color: #DDDDDD;
	}



a.anchor {
    display: block;
    position: relative;
    top: -75px;
    visibility: hidden;
} 
	
#imgright {
	float: right;
	margin: 15px 0px 15px 15px;
	}
	
#imgleft {
	float: left;
	margin: 15px 15px 15px 0px;
       	}

@media all and (max-width: 575px) {
#imgright {
	display:block;
	float:none;
	width:auto;
	margin:0px auto;
	text-align:center;
	}
#imgleft {
	display:block;
	width:100%;
	float:none;
	margin:0px auto;
	text-align:center;
	}
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

hr {
  border: none;
  height: 0.1px;
  width:80%;
  /* Set the hr color */
  color: #9eaac7;  /* old IE */
  background-color: #9eaac7;  /* Modern Browsers */
}

/*
img{
	overflow: scroll;
	top: 50px;
	left: 0px;
	width: 100%;
	position: fixed;
	z-index: 1;
}

#p1{
   	display: -webkit-flex;
   	display: flex;
   	-webkit-flex-direction: row;
   	flex-direction: row;
   	-webkit-justify-content: flex-end;
   	justify-content: flex-end;
	margin-top: 0;
	position: relative;
	height: 180px;
	color:#FFFFFF;
	top: 0px;
	right:30px;
	font-family: "Georgia",Times,serif;
	font-variant: small-caps;
	text-decoration: none;
	z-index: 2;
	font-size: 400%;
	letter-spacing: 6px;
  	vertical-align: middle;
	align-items: center; 
	text-align: right;
}


#p2{
	position: fixed;
	color:#FFFFFF;
	top: 180px;
	margin-top: 0;
	right:30px;
	text-align: right;
	font-family: "Georgia",Times,serif;
	text-decoration: none;
	z-index: 2;
}*/

/* a:link {
	color:#FFFFFF;
       text-decoration: none;

}

a:visited {
	color:#FFFFFF;
    text-decoration: none;

}

a:hover {
    color: #DDDDDD;
    text-decoration: none;
}

a:active {
    color: #BBBBBB;
       text-decoration: none;

}

*/