/* This is the main CSS style for Foothill Horizons Summer Camps website. These are styles that repeat on various pages. Individual pages may have their own local styles */

/* LAYOUT */

* {
      padding:0;
   		margin:0;
	 		}

html, body{
			margin: 0 auto;
			height: auto;
			min-height: 100%; 
			}
			
body {
		 background: url(Graphics/bg.jpg); background-repeat: repeat-x;
		 background-color:#9eafb0;

		 }
			
.main {
			margin: 0 auto;
			background: white;
			width: 800px;
			height: auto;
			min-height: 100%; 
			}
			
.left {
			margin: 0 auto;
			background: white;
			width: 800px;
			height: auto;
			min-height: 100%;
			align: left;
			}




.logo {																		 		/* When changing logo also make sure to check .photopagelogo* below */
			width: 800px;
			height:361px;
			background: url(Graphics/header.jpg) no-repeat;
			background-position: center;
			}

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: 134 !important;
	height: 100%;
	margin: 0 auto -134px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height:134px; /* .push must be the same height as .footer */
	background: url(Graphics/footer.jpg) repeat-x;
}





/* NAVIGATION BAR*/

.content { 		background-color:#FFFFFF;
				}

.navbar {
	 			margin: 0 auto;
				width: 100%;
				padding-top:.2cm;
				background-color:#dfe9ea;
				}

.navbar ul{
				padding:  								   /* height of cell */
				margin: 0;
				list-style-type: none;			 	 /* color of cell*/
				width: 100%;
				font: normal 70% Calibri, "Trebuchet MS", Arial, sans-serif;;
				text-align: right;
				}

li { 
				display: inline; 
				}
				
li.lastnav a{
				border-right: none 								 /* removes | from last navbutton */
				}

li a {
	 	 		text-decoration: none;				 /* background of text */
	 			color: #0000A0; 											 /* color of text */
	 			padding: .2em 1em;
	 			}
						 
li a:link{
			 color: #0000A0;;
			 }
			 
li a:hover{
	 			color: gray;										  /* color of hover*/
				}


				
/* TEXT FORMATTING */

a:link{
			 color: #004e87
			 }
			 
a:hover{
	 			color: gray;
				}

h1{
	 			font-size:20px;
				font-family: Calibri, "Trebuchet MS", Arial, sans-serif;
				padding:30px;
				text-align: center;
				}

h2{
	 			font-size:16px;
				font-family: Calibri, "Trebuchet MS", Arial, sans-serif;
				padding: 10px;
				padding-left: 30px;
				padding-right: 30px;
				text-align: left;
				}

p{			
				font-size: 16px;
				font-family: Calibri, "Trebuchet MS", Arial, sans-serif;
				padding: 5px;
				text-align: left;
				padding-left: 30px;
				padding-right: 30px;
				}
p2{			
				font-size: 10px;
				font-family: Calibri, "Trebuchet MS", Arial, sans-serif;
				padding: 2px;
				text-align: center;
				padding-left:
				padding-right:
				}
title{			
				align:left;
				background-color:white;
				padding: -2px;
}
							
.inlinebold{
				font-weight: bold;
				}

.inlineunderline{
				text-decoration: underline;
				}

.centeralign{
				text-align: center;
				}

				
				
/* MISC FORMATTING */
.getadobe{
				text-align:center;
				padding:5px;
				}
				
a img {
			 border: none; 
			 }


			
/* ROUNDED CORNERS */
			
.roundedbox{
				width: 500px;
				}
			
.greentop{
		 		 height:9px;
				 width: 500px;
		 		 background: url(Graphics/greenroundtop.jpg);
		 		 }


.greenbottom{
				 height:9px;
		 		 width: 500px;
				 background: url(Graphics/greenroundbottom.jpg);
				 background-position: bottom;
				 }

.greencenter{
				 background: #005C52 ;
				 color: white;
				 }
				 
.greytop{
		 		 height:9px;
				 width: 500px;
		 		 background: url(Graphics/greyroundtop.jpg);
		 		 }


.greybottom{
				 height:9px;
		 		 width: 500px;
				 background: url(Graphics/greyroundbottom.jpg);
				 background-position: bottom;
				 }

.greycenter{
				 background: #E7E7E7 ;
				 color: black;
				 }
				 
.bluetop{
		 		 height:9px;
				 width: 500px;
		 		 background: url(Graphics/bluetop.jpg);
		 		 }


.bluebottom{
				 height:9px;
		 		 width: 500px;
				 background: url(Graphics/bluebottom.jpg);
				 background-position: bottom;
				 }

.bluecenter{
				 background: #1D2E5C ;
				 color: white;
				 }




/* NOTES

Dark Blue Color Used throughougt #1D2E5C

Min height hack 
			min-height:500px%;
  		height:auto !important;
 			height:500px%;

*/