/*

STYLESHEET INFORMATION
----------------------
Client:  REMNANT INTERNATIONAL SCHOOL - BALUNGAO, PANGASINAN
Author:  BROWN BATTERY STUDIOS

COLOR TABLE
-----------
#00457D - dark blue
#006CC6 - bright blue
#84C8FF - light blue

*/

* { margin: 0; padding: 0; } /* global white-space reset */

/*---------------*/
/* HTML ELEMENTS */
/*---------------*/

body {
	background: #00457D url(../images/page-back.jpg) center top;
	color: #00457D;
	font: 62.5% Arial, Helvetica, sans-serif; /* 10px = 1em reset */
}

a {
	color: #006CC6;
}

	a img {
		border: none;
	}

table {
	border-collapse: collapse; /* remove cellspacing */
	font-size: 1em;
}

input, select {
	font: 1em Arial, Helvetica, sans-serif;
}

option {
	margin-right: 0.5em;
}

/* START IE BUTTON-WIDTH FIX */

input.button {
   padding: 0 4px;
   width: 0;
   overflow: visible;
}

input.button[class] { /* IE ignores [class] */
	width: auto;
}

/* END IE BUTTON-WIDTH FIX */

/*-----------------*/
/* GENERIC CLASSES */
/*-----------------*/

.clearfix {
	clear: both;
	display: block;
	font-size: 0; /* for IE6 and lower */
	height: 0;
}

/*----------------*/
/* PAGE STRUCTURE */
/*----------------*/

/* CONTAINER */

#divContainer {
	background: #FFF url(../images/body-back.jpg) repeat-y;
	margin: 0 auto;
	padding-bottom: 150px;
	width: 740px;
}

/* HEADER */

#divHeader {
	background: url(../images/banner.jpg) no-repeat;
	height: 330px;
	margin: 0 20px;
	width: 700px;
}

	#divHeader h1,
	#divHeader p {
		visibility: hidden;
	}

/* CONTENT */

#divContent {}

	#divContent h1,
	#divContent h2,
	#divContent h3 {
		font-family: "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
		font-style: italic;
		margin: 1.5em 0 0.75em;
	}
	
	#divContent h2 { font-size: 1.538em; }
	#divContent h3 { font-size: 1.231em; }
	
	#divContent p {
		margin: 1em 0;
	}
#divContent p.note {
		background-color: #FFF1AF;
		font-style: italic;
		padding: 10px;
	}

/* MAIN CONTENT */	

#divContentMain {
	display: inline;
	float: left;
	font-size: 1.3em;
	margin-left: 50px;
	width: 450px;
}

	#divContentMain .frontpage h2 { font-size: 2em; }
	
	#divContentMain .preface h2 {
		background: url(../images/heading-icon.png) left center no-repeat;
		height: 31px;
		margin: 0 0 0.5em;
		padding-left: 30px;
	}
	
	#divContentMain img {
		background: #FFF;
		border: #84C8FF 1px solid;
		padding: 1px;
	}
	
	#divContentMain img.word-wrap {
		float: left;
		margin: 0 10px 5px;
	}
	
	#divContentMain ul,
	#divContentMain ol {
		margin: 1em 0;
		padding-left: 3em;
	}
	
	#divContentMain li {
		margin-bottom: 0.308em;
	}
	
	#divContentMain table {
		/* border: #BFE2FF 1px solid; */
		border-bottom: none;
		width: 100%;
	}
	
		#divContentMain th {
			background-color: #BFE2FF;
			padding: 2px 4px;
			text-align: left;
		}
		
		#divContentMain td {
			/* border-bottom: #BFE2FF 1px solid; */
			padding: 2px 4px;
		}
	
	#divContentMain .content-section {
		background: url(../images/h-rule.png) center top no-repeat;
		float: left;
		margin-top: 25px;
		padding-top: 1px;
		width: 450px;
	}
	
		#divContentMain .content-section .preview {
			float: left;
			font-size: 0.846em;
			margin-right: 10px;
			margin-top: 25px;
			width: 220px;
		}
		
			#divContentMain .content-section .preview h3 {
				font-size: 1.091em;
				font-style: normal;
				margin: 0.5em 0 0;
				text-transform: uppercase;
			}
			
			#divContentMain .content-section .preview p {
				margin: 0;
			}
		
		#divContentMain .content-section .preview-last {
			margin-right: 0;
		}
	
	#divContentMain .preface {
		background: none;
		margin-top: 0;
		padding-top: 0;
	}
	/* TABBED MENU */
	
	#divContentMain .menu-tabbed {
		border-bottom: #84C8FF 1px solid;
		float: left;
		font-weight: bold;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 450px;
	}
	
		#divContentMain .menu-tabbed li {
			background-color: #EFF8FF;
			border: #84C8FF 1px solid;
			float: left;
			margin: 0 0 -1px 5px;
		}
		
		#divContentMain .menu-tabbed li.active {
			background-color: #FFF;
			border-bottom: #FFF 1px solid !important;
			position: relative; /* needed by IE6 */
		}
		
			#divContentMain .menu-tabbed li a {
				float: left;
				padding: 3px 6px;
				text-decoration: none;
			}
			
			#divContentMain .menu-tabbed li a:hover {
				text-decoration: underline;
				background-color: #FFF1AF;
			}
			
			#divContentMain .menu-tabbed li.active a:hover {
				background-color: #FFF;
			}
	
	/* TAB BODY */
	
	#divContentMain .tab-body {
		border: #84C8FF 1px solid;
		border-top: none;
		float: left;
		padding: 1em 10px;
		width: 428px;
	}
	
	/* FORMS */
	
	form {
		border: #84C8FF 1px solid;
		margin: 0 auto;
		padding: 0;
		width: 300px;
	}
		
		form .title {
			background-color: #EFF8FF;
			border-bottom: #84C8FF 1px solid;
			font-weight: bold;
			margin-bottom: 0.75em;
			padding: 0.5em 12px;
			width: auto;
		}
		
		form .field-group {
			margin: 0 12px 12px;
		}
		
			form .field-group label {
				display: block;
			}

/* SUB CONTENT */

#divContentSub {
	font-size: 1.1em;
	margin-left: 530px;
	width: 160px;
}

	#divContentSub h3 {
		font-size: 1.273em;
		margin-top: 0;
	}
	
	#divContentSub #ulMenuMain {
		list-style: none;
	}
	
		#divContentSub #ulMenuMain li {
			margin-bottom: 2px;
		}
		
			#divContentSub #ulMenuMain li a {
				background: url(../images/menu-main.png) no-repeat;
				display: block;
				height: 0;
				overflow: hidden;
				padding-top: 26px;
			}
			
			#divContentSub #ulMenuMain #liMMHome a          { background-position: -160px 0; }
			#divContentSub #ulMenuMain #liMMAboutUs a       { background-position: -160px -28px; }
			#divContentSub #ulMenuMain #liMMRemnants a      { background-position: -160px -56px; }
			#divContentSub #ulMenuMain #liMMPTCA a          { background-position: -160px -84px; }
			#divContentSub #ulMenuMain #liMMSisterSchools a { background-position: -160px -112px; }
			#divContentSub #ulMenuMain #liMMUpdates a       { background-position: -160px -140px; }
			#divContentSub #ulMenuMain #liMMContactUs a     { background-position: -160px -168px; }
			
			#divContentSub #ulMenuMain #liMMHome a.active,
			#divContentSub #ulMenuMain #liMMHome a:hover          { background-position: 0 0; }
			#divContentSub #ulMenuMain #liMMAboutUs a.active,
			#divContentSub #ulMenuMain #liMMAboutUs a:hover       { background-position: 0 -28px; }
			#divContentSub #ulMenuMain #liMMRemnants a.active,
			#divContentSub #ulMenuMain #liMMRemnants a:hover      { background-position: 0 -56px; }
			#divContentSub #ulMenuMain #liMMPTCA a.active,
			#divContentSub #ulMenuMain #liMMPTCA a:hover          { background-position: 0 -84px; }
			#divContentSub #ulMenuMain #liMMSisterSchools a.active,
			#divContentSub #ulMenuMain #liMMSisterSchools a:hover { background-position: 0 -112px; }
			#divContentSub #ulMenuMain #liMMUpdates a.active,
			#divContentSub #ulMenuMain #liMMUpdates a:hover       { background-position: 0 -140px; }
			#divContentSub #ulMenuMain #liMMContactUs a.active,
			#divContentSub #ulMenuMain #liMMContactUs a:hover     { background-position: 0 -168px; }
	
	#divContentSub .content-section {
		padding: 30px 0 0;
	}

/* FOOTER */

#divFooter {
	/**background: url(../images/footer-frame.png) center bottom no-repeat; */
	clear: both;
	font-size: 1.1em;
	font-weight: bold;
	height: 26px;
	padding-top: 50px;
	text-align: center;
}

	#divFooter p { padding-top: 6px; }
	
#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:150px;
	height:113px; 
	overflow:hidden;
}

#slide-images span{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images span img{
	display:block;
	background-color:#FFFFFF;
}
/*=============*/
#slide-images2{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:216px;
	height:126px; 
	overflow:hidden;
}

#slide-images2 span{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images2 span img{
	display:block;
	background-color:#FFFFFF;
}

/*=============*/
#slide-images3{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:216px;
	height:126px; 
	overflow:hidden;
}

#slide-images3 span{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images3 span img{
	display:block;
	background-color:#FFFFFF;
}

.link a {
	text-decoration:none;
}

.link a:hover {
	text-decoration: underline;
	
}