/* 
  -----------------------------------
  Adaptations
  by Project Seven Development
  www.projectseven.com
  Layout 4 - PMM Menu
  -----------------------------------
*/

/*FIX FOR SAFARI 6 AND IE9 SUB-PIXEL RENDERING RECURSION WITH EQUAL HEIGHTS COLUMN SCRIPT*/
body {overflow-y: scroll;}

body {
	font-family: "Arial", "Helvetica", sans-serif;
	background-color: none;  /* changed background color for February 2014 */
	margin: 20px;
	font-size: 100%;
	color: #063;
}
#layout {
	/*
	margin: 0px auto;
	width: 980px;
	border-left-color: #06F;
	border-bottom-color: #06F;
	border-right-color: #06F;
	border-top-color: #06F;  */
}
img.scaled {
	height: auto;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #FFF;
	box-sizing: border-box;
	box-shadow: 5px 5px 20px #999;
}
img.scaled-plain {
	height: auto;
	width: 100%;
}
img.scaled-max {
	height: auto;
	width: auto;
	max-width: 100%;
	margin: 0px auto;
	display: block;
	border-radius: 5px;
	border: 1px solid #FFF;
	box-sizing: border-box;
	box-shadow: 5px 5px 20px #999;
}
img.scaled-max-plain {
	height: auto;
	width: auto;
	max-width: 100%;
	margin: 0px auto;
	display: block;
}
#masthead {
	margin: 0px auto;
	color: #06F;
}
h1, h2, h3, h4, h5 {
	font-weight: normal !important;
	font-style: normal !important;
	font-family: "Lucida Sans Unicode","Arial", "Federo", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: normal;
	margin: 0px;
}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.75em;
	margin-top: 20px;
}
h3 {
	font-size: 1.5em;
	margin-top: 20px;
}
h4 {
	font-size: 1.2em;
	margin-top: 20px;
}
h5 {
	font-size: 1.0em;
	margin-top: 20px;
}
.header  {
	margin: 0px !important;
}
p {
	margin-top: 6px;
	margin-bottom: 12px;
}
.fancy-quote {
	font-family: "Federo", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 0.15em;
	margin-bottom: 15px;
	color: #3C5060;
}
#masthead h1 {
	font-size: 3em;
	margin: 0px;
	outline-color: #063;
	color: #06F;
}
#masthead .subhead {
	font-size: 0.7em;
	margin: -.5em 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	color: #06F;
}
.navigation {
	background-color: #fff;
	background-image: url(images/goingGreen.jpg);
	background-repeat: no-repeat;
	background-position: 0px -60px;
}
.navigation, #p7PMM_1 {
	border-radius: 0px;
	color: #06F;
	border-top-color: #06F;
	border-right-color: #06F;
	border-bottom-color: #06F;
	border-left-color: #06F;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#p7PMM_1 {
	background-color: #222;
	background: rgba(0,128,0,0);   /*  rgba  - a determines color and transparency of shadow for menu green rgba(0, 128, 0, 1) */
	border-radius: 0px;
	color: #06F;
}
#p7PMM_1 ul a.pmmfirst {
	border-radius: 5px 0px 0px 0px;
}
.main-content {
	line-height: 1.5em;
	background-color: #66b2ff;   /* changed color of content DIV to complement 3AM teacher background */
	background-color: rgba(102, 178, 255, 0.2);   /*  change background color for content on page  */
	border: none;
	border-top: none;
	border-radius: 0px 0px 5px 5px;
}
.main-content .content {
	padding: 20px 32px;
	font-size: 1em;
	color: #06F;
	border: none;
	border-color: none;
}
.sidebar .content {
	padding: 20px 28px;
	font-size: 0.85em;
	background-color: #7DC7FF;     /* tried to change color of menu background to complement 3AM teacher background */
	box-shadow: inset 0px 0px 30px #536F86;
}
/*Interior 3-Column Structure*/
.inner-columns-wrapper {
	overflow: hidden;
}
.three-column-column1 {
	width: 47%;
	margin-right: 2%;
	float: left;
}
.three-column-column2 {
	width: 47%;
	margin-right: 2%;
	float: left;
}
.three-column-column3 {
	width: 32%;
	float: left;
}
.three-column-content {
	padding: 16px;
	border: 1px solid #06f;  /* Changed column border for December */
	border-radius: 5px;
	font-size: 0.85em;
	background-color: #fff;  /* Changed column background for January 2014   */
	box-shadow: inset 0px 0px 30px #CCC;
}
.three-column-column2 .three-column-content {
	background-color: #F0F0F0;
	box-shadow: inset 0px 0px 30px #888;
}
.two-column-column1, .two-column-column2 {
	width: 50%;
	float: left;
}
#footer {
	margin: 6px auto;
	font-size: 0.8em;
	text-transform: uppercase;
}

/*link styles*/
a, a:visited {color: #039;}
a:hover, a:focus {color: #000;}