@charset "utf-8";
/* MAIN CSS FOR THE WEBPAGE */

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/* Mobile Layout: 480px and below. */
body{
		background-color: #648c1c;
		width:100%
}

#pageBody{
	padding: 0px; 
	max-width:1800px;
	margin:auto; 
	position: relative;
	min-height:100%;
	top: 0px;
	background-color:#FFF;

}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#MainNav, #MainBody{
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display: block:	
}
#MainNav{
	background-color: #8AB276;/*#67A65E*/
	border-bottom: thick #464 solid;	
	background:-webkit-linear-gradient(#648c1c, #94d600/*#67A65E, #6bb540*/);
	background: -ms-linear-gradient(#648c1c, #94d600);
	background: linear-gradient(#648c1c, #94d600);
	/*border-top:solid 2px #7DC752;*/
	box-shadow:#333 0px 1px 2px;
}
#MainBody{
	position:relative;
	overflow:hidden;	
}
#Foot {
	background-color: #8AB276;/*#67A65E*/
	color:#FFF;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-top: thick #464 solid;	
	background:-webkit-linear-gradient(#6bb540, #648c1c);
	background: -ms-linear-gradient(#6bb540, #648c1c);
	background: linear-gradient(#6bb540, #648c1c);
	border-bottom:solid 2px #7DC752;
	box-shadow:#333 0px 1px 2px;
}
#CPLogo {
	float:none;
	position:relative;
	width: 50%;	
}
#LogoBackground {
	width: 100%; 
	
}
.investedStatement{
	display: none;	
}
.mobileMenu{
	width: 93.8%; 
	height: 25px; 
	border: thin solid #000; 
	background:#D89B2B; 
	font-size:18px; 
	padding-left: 25px;	
}
.schoolnames{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout.*/

@media only screen and (min-width: 641px) {

#MainNav {
	background:#fff;	
}
#CPLogo{
	float:left; 	
	z-index:50; 
	width:100%;
}
#LogoBackground {
	background-color:#fff; 
	z-index:100; 
	position: absolute; 
	padding-bottom: 5px; 
	padding-right:5px; 
	width:11%; 	
	-moz-border-radius: 0 0 10px 0px;
	-webkit-border-radius: 0 0 10px 0px;
	border-radius: 0 0 10px 0px;
}
/*#head_wrapper{
	height:90px;
}*/

} 
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout.*/

@media only screen and (min-width: 769px) {

#CPLogo{
	position: relative;
}
.investedStatement{
	display: block;	
}
/*#head_wrapper{
	height:120px;
}*/
} 

@media only screen and (min-width: 1800px) {
.gridContainer {
	width: 100%;
	max-width: 1800px;
	margin: auto;
}
}