/* This CSS Document is developed by SchoolSpeak for Saint Raphael School, SanRafael 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: top;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-size:62.5%; background:#ffffff;}
body,div,li,a,p{font-family: Arial, Helvetica, sans-serif;}
h3{  font-family:'Times New Roman' !important;}
button{ padding: 0 2px;}
.bodybg{background: url(../images/body-background.jpg) no-repeat; background-position:center top; background-color:#1e3a60;}

/*clearFix*/
.clearFix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearFix { display: inline-block; }
/*=================================================================================*/
/*=================================================================================*/
/*building blocks*/
/*=================================================================================*/
/*navigation*/
#navwrpr{ height:36px; top:0px; position:absolute; width:100%;}
	#navwrpr .linkswrpr{ max-width:1072px; margin:0 auto;}
/* 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 {text-transform: capitalize;font-family: 'Times New Roman' !important; font-size:14px; padding:0px;margin:0px;list-style: none;position: relative;display:inline-block;}/* main background color*/
nav ul:after {content: ""; clear: both; display: block;	}

nav ul li {float:left; height:36px;}
nav ul li:hover {background:#921700;}/* 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: 10px 20px 10px 20px; color:#FFFFFF; text-decoration: none !important;text-transform: uppercase;font-weight: bold;}/* font color shade of black */

nav ul ul {	background: #a41e05; border-radius: 0px; padding: 0;position: absolute;  top: 100%; text-align:left; text-transform:none; font-family: 'Times New Roman'  !important; color:#010101; font-size:12px;}/* sub menu common background color */
nav ul ul li {float: none; border-bottom: 1px solid #d01d31;position: relative;}
nav ul ul li a {padding: 10px 17px 10px 20px; color:#dfbab3;}/* sub menu font color*/	
nav ul ul li a:hover {background: #a41e05; color:#FFF;}/* sub menu single link background color and font color */
.nav-sap{background-image:url(../images/topmenu-saperater.png); background-repeat:no-repeat;height:34px; width:2px;}
.nav-sap:hover{background-image:url(../images/topmenu-saperater.png); background-repeat:no-repeat;height:34px; width:2px;}

.menu_pin{width:37px;height:31px;background-image:url(../images/menu_pin.png);position:absolute;top:48px;right:1px;border-radius:5px;cursor:pointer;display:none;}
/*=================================================================================*/
/*header
#hdrbg{background:#FFF top center;}*/
	#hdrbg .logowrpr .HeaderBannerNoHeader-body{ width:82%; margin:0 auto; text-align:center;display: table-cell;}
			.logowrpr .HeaderBannerNoHeader-body > img{max-width:970px}
#bigWrpr{ width:1064px; margin:0 auto;}
.HeaderContent1NoHeader-body{    display: block;    position: relative;    float: right;    width: 165px;    padding-right: 18px;    padding-top: 60px; }
.HeaderContent1NoHeader-body .socialmedia {color:#1d3961; font-family:'Times New Roman' , cursive; font-size:15px; text-align:center; line-height:24px; padding-left:18px; font-style:italic; font-weight:bold;}
/*=================================================================================*/
/* Start ImageSlideShow style */
#slidshow-container{ display:block; width:100%; }
#iss-container{width:100%; background:#800020; 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{	position: absolute;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;max-width:1024px;overflow: hidden;padding: 0;margin: 0 auto;width:100%;background: #04255a;}
.rslideshome img {display: block;  height: 368px;  float: left;   width: 100%;  border: 0;  position: absolute;  }
/*=================================================================================*/
/*  */
#content{width:1024px; margin:0 auto; display: block; height:auto;}
.homecontent{background:#FFFFFF; }
	#content .hp01{margin:17px 10px; border-radius:8px; min-height:400px; float:left; width:320px;}
	#content .headingbg{background:none; font-family:'Times New Roman' ; font-size:24px; color:#000; text-align:left; padding:8px 15px; line-height:30px;}
	#content .innercontent{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#36434c; text-align:left; padding:0px 15px; line-height:24px;}
	#content .hp02{margin:17px 10px; border-radius:8px; min-height:400px; float:left; width:323px;}
	#content .hp03{margin:17px 10px;  border-radius:8px; min-height:400px; float:right; width:320px;}
	#content .hp04{ float:left; width:288px; background: rgba(22, 48, 85, .7); min-height:270px;}
	#content .hp05{ float:right; width:268px; margin:10px; margin:10px; min-height:350px; float:left; }
	#content .headingbg2{ font-family: "Times New Roman", Times, serif; font-size:26px; color:#c5cbd4; text-align:left; padding:15px 15px; line-height:30px; }
	#content .hp06{ float:right; width:736px; margin:0px; background: #FFF;}
.headerspace{width:100%;height:178px}
.innerpage-bg{background:url(../images/innerpage-bg.gif) repeat-x top center #FFF; min-height:450px;}
#imgshadow{background: url(../images/slideshow-bottom-bg.jpg) no-repeat top center;}
	#imgshadow .shadowimg{width:1024px; margin:0 auto; text-align:left; height:33px;}
/* Start Staff and faculty page style here */
	#content .sf01{margin: 17px 5px;border-radius:8px; background: #f2f6fb; padding:5px; float:left; width:325px;}
	#content .sf02{margin: 17px 5px;border-radius:8px; background: #f2f6fb; padding:5px; float:left; width:325px;}
	#content .sfimage{border-radius:4px; border:1px solid #cdddf1; padding:5px;}
	#content .sfnoimage{border-radius:4px;  border:1px solid #cdddf1; padding:5px;}
	#content .sfprofileimage{border:1px solid #ddd; border-radius:4px; padding:5px;}
/*=================================================================================*/
/* Start PAGE FOOTER here */
#footer{background:url(../images/footer-bg.gif) repeat-x top center #FFF; color:#1d3961; width:100%;}
	#footer .footercontent{width:1000px; margin:0 auto; height: auto; } /* Footer width/height */
	#footer .ftcoluleft{ float:left; text-align:left; width:325px;}
	#footer .ftcolumiddle{float:left; width:390px; padding-top: 35px;}
	#footer .ftcoluright{float:right; width:257px; padding-right:18px; padding-top:60px;}
	#footer .socialmedia{color:#1d3961; font-family:'Times New Roman' , cursive; font-size:15px; text-align:center; line-height:24px; padding-left:18px; font-style:italic; font-weight:bold;}
#footer1{background: url(../images/footer1-bg.gif) repeat-x top center #1d3961; width:100%; float:left;}
	#footer1 .schoolspeak{ padding:10px; text-align:center; color:#999999;}
	#footer1 .schoolspeak-text-link{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#8d9aac; text-decoration:none !important;}
	#footer1 .schoolspeak-text-link:hover{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#c8d2e0; text-decoration:none !important;}
	#footer1 .schoolspeak-text-link:visited{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:; 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:14px; font-family: 'Times New Roman' ; margin-left:14px; border-bottom:1px solid #d01d31;}
	#nav1 li:hover{list-style-image:url(../images/arrow.png); color:#d6ba97;}
	#nav1 li a{color:#becbd7; text-decoration:none !important;}
	#nav1 li a:hover{color:#f2ffdb; text-decoration:none !important;}
/*=================================================================================*/
/*=================================================================================*/
.LeftContent1NoHeader-body{padding: 2px;}
.CenterContent1NoHeader-body{padding: 2px;}
/*Aman Warwade*/
.RightContentNoHeader-body{padding: 2px;}
#content .RightContentNoHeader {
    background: none;
    font-family: 'Times New Roman';
    font-size: 24px;
    color: #000;
    text-align: left;
    padding: 8px 15px;
    line-height: 30px;
}
/*#content .homepagecalenderheading {
    background: none;
    font-family: 'Times New Roman';
    font-size: 24px;
    color: #000;
    text-align: left;
    padding: 8px 15px;
    line-height: 30px;
}*/

	/*=================================================================================*/
/*/ scrollbar style /*/
.scrollbar {
    margin: 2px;
    float: left;
    height: 300px;
    overflow-y: scroll;
    margin-bottom: 25px;}
#style-3::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar-thumb {
background-color: #000000;
}
/*=================================================================================*/
@media screen and (max-width: 768px) {
	
.rslideshome img {height: auto;}
	
	.HeaderContent1NoHeader-body{display:none}
nav ul li{float:none; height:auto !important;}
.nav-sap{display:none;}
nav ul ul{position:relative;top:0px;}
#navwrpr{ position:absolute !important;}
#navwrpr .linkswrpr{width:100%;background: #18345b;margin-top: 0px;}
nav ul li:hover > ul{display:none}
nav ul{width:100%;text-align:left;}
#hdrbg .logowrpr .HeaderBannerNoHeader-body{width:100%;}
.logowrpr .HeaderBannerNoHeader-body{ padding-top:0px !important;}
.logowrpr .HeaderBannerNoHeader-body > img{width:100%;}
.menu_pin{display:block;}
#navwrpr{display: none;width: 100%;z-index:999;}
#content{width:100%;}
#content .hp01{width:99%; box-sizing:border-box; margin:2px; padding:10px;}	
#content .headingbg{padding:8px 2px;}
#content .innercontent{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;}
.headerspace{width:100%;height:55px}
#content .hp04 {width:100%; box-sizing:border-box;margin:0px;padding:10px;min-height:10px;}
#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:10px;}
#iss-navi > img{width:100%;}
#imgshadow .shadowimg{width:100%;}
.shadowimg > img{width:100%;}
#content .sf01{width:99%; box-sizing:border-box; margin:2px; padding:10px;}
#content .sf02{width:99%; box-sizing:border-box; margin:10px 2px 2px 2px; padding:10px;}	
#footer{width:100%;}
#footer .footercontent{width:100%;background:#ffffff;}
#footer .ftcoluleft{width:100%;box-sizing:border-box;margin:0px;padding:2px;text-align:center !important;}
#footer .ftcolumiddle{width:100%;box-sizing:border-box;margin:0px;padding:10px;background:#ffffff;}
.ftcolumiddle > img{width: auto;}
#footer .ftcoluright{width:100%;box-sizing:border-box;margin:0px;padding:10px;background:#ffffff;}
#footer .schoolspeak{width:100%;background:#000;text-align:center;}
#footer .ftschoolname{width:100%;background:#ffffff;text-align:center;padding-left:0px;}
}



/*-------------------------- Forms Controls style---------------------*/
.formsControlsPanel {display: inline-table;padding-right: 0px;line-height:13px;padding-bottom: 0px;margin-right: 3px;}
.formsFieldPanel {display: block;width: 100%;padding: 0px;padding-bottom: 2px;}
.formsClearBoth {clear: both;}
.formsControlsPanel .formsSelectionbox {height: 25px;background-color: #fff;border: 1px solid #b8c3c7;border-radius: 2px;width:184px;}
.formsSectionContainer {padding: 5px;}
.formsSectionPanel{padding-left:0px;}
.formsContainer {margin-bottom: 5px;}
.formslblFieldName {padding: 0px;line-height: 15px;font-weight: bold;font-size: 13px;color: #464a50;}
.formslblFieldDescription {display: block;font-size: 12.0pt;font-family: "Times New Roman",serif;color: #55676b;font-style: italic;}
.formslblSubHeading {color: #c4c4c4;font-size:11px;}
.formslblSectionName{font-size: 17px;font-weight: bold;display: block;width: 99%;   border-bottom: 2px solid #81a1dc;padding: 1px;padding-left: 5px;border-radius: 2px;box-shadow: 0px 2px 2px #ebebeb;margin-bottom: 15px;}
.formsInputbox {font-family: 'Times New Roman' ;border: 1px solid #b8c3c7;height: 16px;background-color: #ffffff;color: #333333;padding: 4px 1px 4px 1px;border-radius: 2px;}
.fromsBtnSubmissions{font-family: 'Times New Roman' ,FontAwesome;font-weight:bold;cursor: pointer;padding: 07px;padding-left:15px;padding-right:15px;border: none;border-bottom: 3px solid #428386;box-shadow: 0px 0px 1px #999;background-color: #f0f0f0;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f0f0f0));background: -webkit-linear-gradient(top, #f0f0f0, #ffffff);background: -moz-linear-gradient(top, #f0f0f0, #ffffff);background: -ms-linear-gradient(top, #f0f0f0, #ffffff);background: -o-linear-gradient(top, #f0f0f0, #ffffff);}
.fromsBtnSubmissions:hover{background-color: #c2cae8;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c2cae8));background: -webkit-linear-gradient(top, #c2cae8, #ffffff);background: -moz-linear-gradient(top, #c2cae8, #ffffff);background: -ms-linear-gradient(top, #c2cae8, #ffffff);background: -o-linear-gradient(top, #c2cae8, #ffffff);}
.fromsFieldValidator{font-size: 12px;display:block;}
.fromsFieldExpressionValidator{font-size: 12px;display:block;}
.formsRequiredFieldValidatorStyle{position:relative;top:-14px;}
.formsInstructions{margin-top:10px;margin-bottom:10px;}
.formsSubmissionSuccessMessage{border: none;        background-repeat: repeat-x;text-align: center;background-position: bottom;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;min-width:200px;max-width:400px;margin-top: 44px;margin-bottom: 10px;}
.formsSubmissionSuccessMessagediv{        float:left;}
.formsRequiredFieldIndicator{color: #c10505;padding-left: 3px;font-size: 18px;line-height: 1px;position: relative;top: 5px;}
.formsResubmissionLink{text-decoration:none;}
.formsCustomValidator{font-size:12px;}
.formsContainer {font-family: 'Times New Roman' ;font-size: 14px;color: #3e4e77;text-align: left;line-height: 20px;margin-top: 30px;}
.formsControlsPanel .listbox{min-width: 200px;background-color: #fff;border: 1px solid #b8c3c7;border-radius: 2px;}
/*-------------------------- Forms ---------------------*/