@charset "UTF-8";
/* CSS Document */

/* top css */

html, body {
	height: 100%;
	margin: 0px;
}
/* ! font-family: sans-serif;*/
body {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.1em;
}

/* top border */
body {
	background: url(../imgs/topBorder.gif);
    background-repeat: repeat-x;
	background-attachment: fixed;
}

/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */

.clearer {
	width: 100%;
	clear: both;
}

.clearFlN {
	float: none;
	clear: both;
}

div {}
/* all images */
img {
	border: 0px;
	width: auto; 
	max-width: 100%;
}
																						
/* '''''''''''''''''''''''''''''''''  HEAD  ''''''''''''''''''''''''''''''''''''''''' */
/*	margin: 0 auto;  auto; for center align */
/*	margin-left: auto; margin-right: auto; for center align */
#wrapperHead {
	text-align: center;
	min-width: 320px;
	max-width: 1300px;
	height: auto;
	float: none;
	margin: 0 auto;
}

#containerHead {
	background-color:  /*green*/ /*#FFF*/;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	min-width: 320px;
	max-width: 980px;
	height: auto;
	float: none;
	padding-bottom: /*5px*//*20px*/;
}
/* responsive Header divs, head content, adjusts their widths within this div */
#head {
	background-color: #1D517D;
	min-width: 320px;
	max-width: 100%;
}
/* Head; sub divs */
/* order online now */
#ordolnw {
	width: auto;
	float: left;
}
/*or contact us */
#ocus {
	max-width: 400px /*251px*/;
	float: left;
}
/* social media buttons */
#smbs {
	background-color: #2973B3;
	width: 100%;
	float: left;
	padding-bottom: 4px;
	padding-top: 4px;
}
#twttr {
	margin-left: 15px;
}
#smbs img {
	margin-right: 7px;
}
																												
/* '''''''''''''''''''''''''''''''''  NAVIGATION  ''''''''''''''''''''''''''''''''''' */

		/*	-> topNavigation.css */

/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
													
/* classroom guidance promo strap */
/* position: relative - to contain the #frpsLKSanc (Anchor) */
#cgstp {
	background-color: #FFF;
	width: 100%;
	float: left;
	padding-bottom: 8px;
	position: relative;	
}
/* europass banner */
#eupss {
	float: right; 
	padding-right: 5px; 
	padding-top: 5px;
}
/* bottom of Header, ORIGNALLY.. light green border */						
#btmhd {	
	background-color: /*white*/ #A4BB77;
	width: 100%;
	height: 20px/*10px*/;
	float: left;
}

/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */