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

	site.css
	Manning School for Girls

	This is the main site stylesheet. It contains the structural 
	composition of the page along with classes that manage the 
	position of elements through the cms
	
**********************************************************************/
*{
	margin: 0px;
	padding: 0px;
}
html,body{
	width: 100%;
	height: 100%;
}
body{
	/*background-image:url("/image/apps/app-body-back.png");*/
	background-repeat: repeat;
	background-color: #0C0C0C;
}

/***
    The following CSS rules provide a basic structure to the site 
	markup. These can be considered the core page elements. Around which, 
	the majority of rendered pages are built.
***/

#page-wrap{
	position: relative;
	width: 98%;
	margin-left: 1%;
	min-width: 980px;
	background-image: none;
	background-color: #000;
} 
#header-wrap{
	position: relative;
	display: block;
	min-height: 100px;
	margin-top: 5px;
}
#path-wrap{
	min-height: 20px;
}
#menu-wrap{
	position: relative;
	float: left;
	width: 180px;
	min-height: 200px;
	margin-top: 0px;
}
#content-wrap{
	position: relative;
	margin: 10px 10px 0px 190px;
	/*zoom: 1;*/
}
#footer-wrap{
	float: left;
	clear: both;
	width: 100%;
	height: 200px;
	margin-top: 10px;
	background-color: #1A1A1A;
}
/***
	The following CSS rules provide additional style information for core page elements
***/
#path-wrap  p{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#menu-list{
	margin: 10px 15px 10px 15px;
	text-transform: uppercase;
}
#menu-list a, #menu-list h1, #menu-list h2, #menu-list h3, #menu-list h4, #menu-list h5, #menu-list h6{
	padding: 0px;
	margin-top: 2px;
	display: block;
	text-decoration:none;
	color: #D2D2D2;
}
#menu-list h1{
	color: #3555EA;
	font-size: 15px;
	margin-top: 5px;
}
#menu-list h1 > a{
	font-size: 13px;
	margin-left: 5px;
	padding: 2px;
	font-weight: 100;
}
#menu-list a:hover{
	background-color: #ABABAB;
	color: #181818;
}
/***
	These 'column' styles are used by the CMS and apply exclusively to content that exists inside 
	of the content wrap div. Columns allow content to be added in a newspaper style format.
	They are used in combination with the .block class.
***/
.column-full, .column-twothirds, .column-half, .column-thirds, .column-third, .column-quarter{
	float: left;
}
.column-full{
	width: 100%;
}
.column-twothirds{
	width: 66%;
}
.column-half{
	width: 49.9%;
}
.column-thirds, .column-third{
	width: 33%;
}
.column-quarter{
	width: 25%;
}
/***
	These 'block-content' styles are used by the CMS and apply exclusively to content that exists inside 
	of the content wrap div. Columns allow content to be added in a newspaper style format.
	They are used in combination with the .block class.
***/
.block-content{
	margin: 5px;
	overflow: hidden;
}
.block-content img{
	width: 44%;
	float: left;
	border: 1px solid #181818;
}
.block-content p{
	padding: 0px 15px 10px 15px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	line-height: 1.4;
}
/***
	These classes are designed for text presentation 
***/
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.underline{
	text-decoration: underline;
}
.strikeout{
	text-decoration: line-through;
}
.shadow{
	text-shadow: #181818  1px 1px 1px;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
.text-justify{
	text-align: justify
}
/*** 
	.div_clear class allows a wrapper that contains floated elements to wrap correctly.
***/
.div_clear{
	display:block;
	clear:both; 
	margin:0;
}
/*** 
	this clearing div class allows a wrapper that contains floated elements to display correctly 
***/
.contact-notice{
	clear: both;
	text-align: center;
	font-size: 11px;
	padding: 20px;
	color: white;
}
/***
	end of stylesheet
***/