/*******************************Header*******************************/
.Title{
	color: GhostWhite;
	font-size: 30px;
	font-weight:bold;
	position: relative;
	top: 20px;
	text-align: left;
	padding-left: 20px;
	font-family: 'Boogaloo', cursive;
	
	
	
}

.TitleImage{
	color: GhostWhite;
	font-size: 20px;
	font-weight:bold;
	position: relative;
	top: 0px;
	text-align: left;
	font-family: veredana, sans-serif;
	padding-left: 10px;
	padding-right:10px;
	
	
	
	
	
}



.logo {
	margin-left:0%;
	width:100%;
	overflow:auto;
}


header {
	background-color: DeepSkyBlue;
	width:100%;
	height:130px;
	box-shadow: 0 0 2px 2px black;
	text-align:center;
	font-family: 'Boogaloo', cursive, verdana, sans-serif;
	
}












/*********************************************body***********************************/

body { 
	background-image: url("../images/ZenBG3.jpg");
	background-color:GhostWhite;
	font-family: verdana, sans-serif;
	font-size: 17.5px;
	line-height: 1.30em;
	margin:0;
	padding:0;
	min-width:700px;
	
	
	
}

h2 {
	font-family: 'Boogaloo', cursive, verdana, sans-serif;
	font-size:40px;
	
}

.images{
    float:right;
	padding:10px;
	padding-right:0px;
}

/*******rollover********/
.rollover img {
  height: 100px;
  width: 100px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.rollover img:hover {
  width: 175px;
  height: 175px;
}


.content {
	width:100%;
	padding: 160px 0px 0px 0px; 
	margin-left:auto;
	margin-right:auto;
	
	
}


.insidecontent {
	background-color:GhostWhite;
	margin-top:0;
	padding: 10px;
	padding-bottom:40px;
}	
	
	
	
.space {
	margin:60px;
	padding-left: 150px;
}



.allContainer{
	width:82%;
	margin: 0 auto;
}

.indent{
	margin-left:.5in;
}






/*************************nav************************************/



nav{ 
    white-space: nowrap; 
	padding:0px;
	
}
.navbar{ 
    display: inline-block;
    list-style: none;
    width: 100%;
	padding:0px;
	
}
.navlist{ 
    display: inline-block;
    width: 16.666666667%;
    text-align: center;
}
.navlist:first-child{
    margin-left: 0;
}






nav{ 
    white-space: nowrap; 
	margin-bottom:-13%;
}
.secNavBar{ 
	padding-top:2.5%;
    display: inline-block;
    list-style: none;
    width: 50%;
	margin-left:0%;
}



.secNavList{ 
    display: inline-block;
    width: 25%;
    text-align: center;
    margin-left: 0px;
}
.secNavList:first-child{
    margin-left: 0;
}



.secNavBarAlign{
	margin-left:auto;
	margin-right:auto;
}


a.linkFix:link, a.linkFix:visited, a.linkFix:active {
    display: inline-block;
    width: 100%;
    color: white;
    background-color: DeepSkyBlue;
    text-align: center;
    padding-top: 6.5%;
	padding-bottom:6.5%;
	padding-left:0;
	padding-right:0;
    text-decoration: none;
    
}
a.linkFix:hover {
	background-color:grey;
	
}

a:hover {
	color:DeepSkyBlue;
}







/*************************footer**************************/


footer {
	position: fixed;
	bottom: 4px;
	left:0px;
	width:100%;
	height:20px;
	
}

.footer{
	
	color:white;
	text-align: center;
	clear:both;
	background-color:DeepSkyBlue;
}















/*********** Media Queries *********************
@media screen and (max-width: 1250px){
nav{ 
    white-space: nowrap; 
	margin-bottom:-13%;
	
}
.navbar{ 
	padding-top:2.5%;
    display: inline-block;
    list-style: none;
    width: 100%;
	margin-left:7%;
	min-width:1400px;
	padding-top:60px;
}
.navlist{ 
    display: inline-block;
    width: 12%;
    text-align: center;
    margin-left: 0px;
}
.navlist:first-child{
    margin-left: 0;
}
	

	
		
	
	
	
}



@media screen and (max-width: 1050px){
	
.content{
	padding-top:0px;
}	

nav{ 
    white-space: nowrap; 
	margin-bottom:-13%;
	
}
.navbar{ 
	padding-top:2.5%;
    display: inline-block;
    list-style: none;
    width: 100%;
	margin-left:11%;
	min-width:1400px;
	padding-top:60px;
}
.navlist{ 
    display: inline-block;
    width: 8.5%;
    text-align: center;
    margin-left: 0px;
}
.navlist:first-child{
    margin-left: 0;
}
	

	
	
	
}





@media screen and (max-width: 800px) {
	


.Title{
	width:20%;
	min-width: 200px;
	
}

.TitleImage{
	width:20%;
	min-width:200px;
}
header{
	width:20%;
	min-width:200px;
}

.logo{
	width:20%;
}

.content{
	padding-top:115%;
}

.navbar {
	padding-top:50px;
}
h2{
	font-size:34px;
}

.navbar {
	width:100%;
	white-space:nowrap;
	padding-left:4%;
	margin-left:auto;
	margin-right:auto;
	font-size:20px;
	position:absolute;
	padding-top:5%;
	margin-left:auto;
	margin-right:auto;
}

.navlist {
	white-space:nowrap;
	width:40%;
	display:inline-block;
	display:block;
	font-size:18px;
	text-align: center;
	padding:5px 0px;
	text-decoration:none;
	
}



.secNavBar {
	width:100%;
	white-space:nowrap;
	padding-left:4%;
	margin-left:auto;
	margin-right:auto;
	font-size:20px;
	position:absolute;
	padding-top:5%;
	margin-left:auto;
	margin-right:auto;
}

.secNavList {
	white-space:nowrap;
	display:inline-block;
	display:block;
	font-size:18px;
	text-align: center;
	padding:5px 0px;
	text-decoration:none;
	width:60%;
	
} 

}

***************************************************/