/* This CSS Document is developed by SchoolSpeak for St.Marianne School, PicoRivera, CA */
/*=================================================================================*/
/*=================================================================================*/
/*global reset*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
table { border-collapse: collapse; border-spacing: 0;}
body{ width:100%; font-family: Verdana, Geneva, sans-serif; font-size:14px; background:#ffffff;}
button{ padding: 0 2px;}
/*clearFix*/
.clearFix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearFix { display: inline-block; }
/*=================================================================================*/
/*=================================================================================*/
/*building blocks*/
/*=================================================================================*/
/*header*/
#hdrbg{background:#ffffff top center;}/*header background color */
	#hdrbg .logowrpr{ width:1024px; margin:0px; text-align:center;padding: 10px;}
			.logowrpr > img{}
/*=================================================================================*/
/*navigation*/
#menubg{background:#dd891e; position: absolute; z-index:8888; width:100%; height:50px; }
#navwrpr{height:50px; background:#dd891e; position: relative; z-index:9999; width:100%;}
	#navwrpr .linkswrpr{ max-width:1072px; margin:0 auto;}
/* Horirzontal Main Menu Style  */
/* Start Horirzontal Main Menu Style */
nav ul ul {display:none;z-index: 100;  white-space:nowrap; text-decoration:none !important;}
nav ul li:hover > ul {display: block;}
nav ul {background:none; text-transform: capitalize;font-family:'Helvetica', Verdana, Geneva, sans-serif !important; font-size:13px; padding:0px;margin:0px;list-style: none;position: relative;display:inline-block; text-transform:uppercase;}/* main background color*/
nav ul:after {content: ""; clear: both; display: block;}
nav ul li {float:left; height:50px;}/* Main menu height */
nav ul li:hover {background:#70787e;}/* horirzontal main menu single link background color */
nav ul li:hover a {color:;}
nav ul li:hover a:hover {color:#ffffff;}/* font color White */
nav ul li a {display: block; padding: 15px 20px 15px 20px; color:#FFFFFF; text-decoration: none !important;}/* font color shade of black */
nav ul ul {background: #d2d4d6; border-radius: 0px; padding: 0;position: absolute;  top: 100%; text-align:left; text-transform:none; font-family: Verdana, Geneva, sans-serif !important; color:#010101; font-size:12px;}/* sub menu common background color */
nav ul ul li {float: none; border-bottom:1px solid #a3a6a8;position: relative;}
nav ul ul li a {padding:15px 17px 14px 20px; color:#42535e;}/* sub menu font color*/	
nav ul ul li a:hover {background: #95999c; color:#FFF;}/* sub menu single link background color and font color */
nav ul ul ul {position: absolute; left: 100%; top:0;}

.menu_pin{display:none;}
/* End Horirzontal Main Menu Style */
/*=================================================================================*/
/* Start Slideshow Style
#slidshow-container{ background:#04255a; display:block;}
	#iss-container{width:1024px; height: position: relative; background:#04255a; text-align:center;}
	#iss-navi, #iss-infoi{width: 100%; height: 100%; position: absolute;  top: 0; left: 0;}
	#iss-infoi{z-index:10;}
	#iss-navi{position:relative;}
	#iss-navi IMG{top:0px; left:0px; z-index:8; opacity:0.0; width: 100%}
	#iss-navi IMG.active{z-index:10; opacity: 1.0;}
	#iss-navi IMG.last-active{z-index:9;}
	 */
.rslideshome {position: relative; list-style: none;overflow: hidden;padding: 0;margin: 0 auto;width:100%;max-width:1024px;background: #04255a;max-height:412px;}
.rslideshome img {display: block;  height: auto;  float: left;  width: 100%;  border: 0;  position: absolute;  }


/*.rslides {position: relative; list-style: none;overflow: hidden;padding: 0;margin: 0 auto;width:100%;max-width:1024px;background: #04255a;max-height:412px;}
.rslides img {display: block;  height: auto;  float: left;  width: 100%;  border: 0;  position: absolute;  } */

.rslidesinner { text-align: center; position: relative; list-style: none;overflow: hidden;padding: 0;width:100%;max-width:1024px;background: #04255a;max-height:412px;}
.rslidesinner img {text-align: center;display: block;  height: auto;  border: 0;float:none !important; margin-left: auto; position:relative;	margin-right: auto; }


/* End slideshow Style */
/*=================================================================================*/
#middle-container{background-color:#e0e2e4; display: block; height:auto;}
	#content{display:flex; width:1024px; margin:0 auto; background-color:none;  height:auto;}
	#content .hp01{display:table-column; float:left; width:274px; margin:5px 2px; background:#FFF;}
	#content .hp02{display:table-column; float:left; width:460px; margin:5px 2px; background:#FFF;}
	#content .hp03{display:table-column; float:right; width:274px; margin:5px 2px; background:#FFF;}
	#content .headingbg{background-color:#1f5531; border-bottom:2px solid #000000; font-family: Verdana, Geneva, sans-serif; font-size:18px; color:#ffffff; text-align:Center; padding:8px 15px;}
	#content .headingbg0{background-color:none; font-family: Verdana, Geneva, sans-serif; font-size:18px; color:#04255a; text-align:left; padding:8px 15px;}
	#content .innercontent{ font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#252525; text-align:left; padding:8px 15px; line-height:20px; }
	#content .hp04{display:table-column; float:left; width:274px; margin:5px 2px; background:#FFF;}
	#content .hp05{ float:right; width:268px; margin:10px;}
	#content .hp06{display:table-column; float:left; width:736px; margin:5px 2px; background:#FFF;}
	#content .innercontent0{ font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#252525; text-align:left; padding:8px 15px; line-height:20px; }
	#content .headingbg1{ font-family: "Times New Roman", Times, serif; font-size:25px; color:#09554b; text-align:left; padding:0px 15px; }
	#content .headingbg2{ font-family: Verdana, Geneva, sans-serif; font-size:18px; color:#09554b; text-align:left; padding:0px 15px; text-transform:uppercase; }
/*=================================================================================*/
/* Start PAGE FOOTER here */
#footer{background-color:#222222; color:#ffffff; width:100%;}
	#footer .footercontent{display:flex; width:1024px; margin:0 auto; height: auto; } /* Footer width/height */
	#footer .ftcoluleft,#footer .FooterContent1-body{display:table-column; float:left; text-align:left; width:311px; margin:10px 15px;}
	#footer .ftcoluleft1,#footer .FooterContent2-body{display:table-column; float:left; text-align:left; width:311px; margin:10px 15px;}
	#footer .ftcolumiddle,#footer .FooterContent3-body{display:table-column; float:left; text-align:left; width:311px; margin:10px 15px;}
	#footer .ftcoluright,#footer .FooterContent4-body{display:table-column; float:right; text-align:left; width:225px; margin:10px 15px;}
	
#footer1{background-color:#dd891e; width:100%;}
	#footer1 .footer1content{display:flex; width:1024px; margin:0 auto; height: auto; } /* Footer width/height */
	#footer1 .ft1coluleft{display:table-column; float:left; text-align:left; width:49%; margin:10px 15px;}
	#footer1 .ft1coluright{display:table-column; float:right; text-align:right; width:49%; margin:10px 15px;}
	
	#footer1 .schoolspeak{ padding:10px; text-align:center; color:#1f5531;}
	#footer1 .schoolspeak-text-link{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#1f5531; text-decoration:none !important;}
	#footer1 .schoolspeak-text-link:hover{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#1f5531; text-decoration:none !important;}
	#footer1 .schoolspeak-text-link:visited{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#1f5531; text-decoration:none !important;}
/*=================================================================================*/
/* InnerPage leftMemu style */
#nav1 ul{ display:block; margin:0px; padding:0px; }
	#nav1 li{list-style:url(../images/arrow-grey.png) outside;padding:5px 0px; color:#becbd7; font-size:13px; font-family: Arial, Helvetica, sans-serif; margin-left:14px; border-bottom:0px solid #cdcdcd;}
	#nav1 li:hover{list-style-image:url(../images/arrow.png); color:#0f0f0f; background:#f3f3f3}
	#nav1 li a{color:#42535e; text-decoration:none !important;}
	#nav1 li a:hover{color:#0f0f0f; text-decoration:none !important;}

#innerpage-mainimage{background:#04255a; display:block;}
	.innerpage-mainimage-container{width:1024px; height: position: relative; text-align:center;}

/*=================================================================================*/

.RightContent1-UL,.CenterContent1-UL,.LeftContent2NoHeader-UL{list-style:none;margin-left:-40px}
.RightContent1-Item,.CenterContent1-Item,.LeftContent2NoHeader-Item{padding-bottom:40px}
.CalendarContent{max-height:320px;overflow-y:auto}
.SlideShowWrapper{display:none}
.TopMenu-body{border-bottom:1px solid #314c78; background-color:#01122d; font-size:12px; font-family:Arial, Helvetica, sans-serif;padding:5px;color:#fff;}
/*=================================================================================*/
/*  */

/*=================================================================================*/
/*=================================================================================*/
/*=================================================================================*/
.CenterContent1-Content-Header {
    background-color: #1f5531;
    border-bottom: 2px solid #000000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-align: Center;
    padding: 8px 15px;
}
/*=================================================================================*/
.temp-table{display:flex}/* new style for Directory page  */
.table-colu-01{display:table-column; float:left; width:340px; margin:10px 2px 2px 2px; background:#FFF;}
/*=================================================================================*/
@media only screen and (max-width: 768px) {
#hdrbg .logowrpr{width:100%;}
	.logowrpr{ padding:0px !important; text-align:left !important;}
	.logowrpr div > img{width:85%; transition: all 0.2s linear; -webkit-transition: all 0.2s linear;}
	
	
#menubg{ display:none;}
#navwrpr{display:none; position:absolute; width:100%; z-index:999; left:0px;}
	/*===Main Menu Style Starts here===================================================*/
			nav ul{width:100%; text-align:left; background:#70787e;}/* main background color set as variant of red*/
			nav ul li{float:none;height:auto !important;}
			nav ul li:hover {background:#95999c; border-radius:0px;}
			/*^background color */
			nav ul li a{color:#FFFFFF; border-bottom:1px solid #cdcdcd;}
			nav ul li:hover a {color:#42535e;}

	/*===Submenu===================================================*/
			nav ul ul{position:relative;top:0px;}
			nav ul ul li {float:none; border-bottom:0px solid #cdcdcd !important; background:#a5a7a9;}/*background color variantof red*/
		  /*^background color for submenu */
			nav ul ul li a {border-bottom:1px solid #cdcdcd;}
		  /*^sub menu font color */			
			/*.nav-sap{display:none;}*//*this class is not used*/
			.menu_pin{display:block; width:37px; height:31px; background:url(../images/menu_pin.png); position:absolute; top:34px; right:10px; border-radius:5px; cursor:pointer;} /*margin-top:70px;*/
		  /*^device menu style*/
/*=================================================================================*/
/* Start Slideshow Style */
#slidshow-container{ background:#04255a; display:block;}
	#iss-container{width:100%; height: position: relative; background:#04255a; text-align:center;}
	#iss-navi > img{
		width:100%;
	}
/* End slideshow Style */
/*=================================================================================*/

#middle-container{background-color:#e0e2e4; display: flex; height:auto; padding:5px;}
	#content{display: block; width:100%; background-color:#e0e2e4;}
	#content .hp00{width:99%; box-sizing:border-box; margin:2px; padding:0px 10px 10px 10px;}
	#content .hp01{width:99%; box-sizing:border-box; margin:2px; padding:10px;}	
	#content .headingbg{padding:8px 2px;}
	#content .innercontent{padding:10px 2px;}
	#content .innercontent1{padding:10px 2px;}
	#content .hp02{width:99%; box-sizing:border-box; margin:10px 2px 2px 2px; padding:10px;}
	#content .hp03{width:99%; box-sizing:border-box; margin:10px 2px 2px 2px; padding:10px;}

#content .hp04 {width:100%; box-sizing:border-box;margin:0px;padding:10px;min-height:10px; background:#f8f8f8;}
#content .hp04 > .hp05{width:100%;box-sizing:border-box;margin:0px;padding:10px; min-height:10px;}
#content .headingbg2{ font-family: "Times New Roman", Times, serif; font-size:26px; color:#c5cbd4; text-align:left; padding:0px; line-height:30px;}
#content .hp06{width:100%;box-sizing:border-box;margin:0px;padding:0px;}
#content .innercontent0{ padding:8px 15px; line-height:20px; }
#content .hp06 div > img{width:100%;}

/*=================================================================================*/
/* Start PAGE FOOTER here */
#footer{width:100%; display:flex; background-color:#04255a;}
	#footer .footercontent{display: block; width:100%; margin:0 auto; height: auto;  } /* Footer width/height */
	#footer .ftcoluleft,#footer .FooterContent1-body{width:99%; box-sizing:border-box; margin:2px; padding:10px;}
	#footer .ftcoluleft1,#footer  .FooterContent2-body{width:99%; box-sizing:border-box; margin:2px; padding:10px;}
	#footer .ftcolumiddle,#footer .FooterContent3-body{width:99%; box-sizing:border-box; margin:2px; padding:10px;}
			.ftcolumiddle > img,.FooterContent3-body >img{width: auto;}
	#footer .ftcoluright,#footer .FooterContent4-body{width:99%; box-sizing:border-box; margin:2px; padding:10px;}
/*  */
#footer1{width:100%; display:flex; background-color:#01122d;}
	#footer1 .footer1content{display: block; width:100%; margin:0 auto; height: auto; } /* Footer width/height */
	#footer1 .ft1coluleft{width:99%; box-sizing:border-box; margin:2px; padding:10px; text-align:center}
	#footer1 .ft1coluright{width:99%; box-sizing:border-box; margin:2px; padding:10px; text-align:center}
/* Ends PAGE FOOTER here */
/*=================================================================================*/	

/* InnerPage leftMemu style */
#innerpage-mainimage{background:#04255a; display:block;}
.innerpage-mainimage-container{width:100%; height: position: relative; text-align:center;}
.innerpage-mainimage-container img{width:100%;}
/*=================================================================================*/
.temp-table{display:block}/* new style for Directory page  */
.table-colu-01{width:99%; box-sizing:border-box; margin:10px 2px 2px 2px;}
/*=================================================================================*/
}