@charset "utf-8";
/* MAIN CSS FOR THE WEBPAGE */

.mainImageVisible{
	display:  block !important;	
    width: 100%;
}
#pic1, #pic2, #pic3, #pic4{
	display: none;
	text-decoration:none;
}
#pic1 a, #pic2 a, #pic3 a{
	text-decoration:none;
}
#Image_wrapper{
	width: 100%; 
	left:0%;
	padding:0; 
	margin:0;
}
#Phone_News_Extend, #Phone_Information_Extend, #Phone_Social_Extend{
	clear:both;
	float:left;
	width: 100%;
	padding-top: 25px;
	padding-bottom:25px;	
	display: block;
	font-size:18px;	
	text-align:center;
}
#Phone_News_Extend{
	background-color:#648c1c;
	color:#FFF;
}
#Phone_Information_Extend{
	background-color:#FFF;
	color:#000;	
}
#Phone_Social_Extend{
	background-color:#CCC;
	color:#FFF;
}
#News_Bar{
	background-color: #648c1c; 
	border-top: #642 solid 1px;	
}
#UpcomingEvents, #AnnouncementsBox,  #QuickLaunch, #SocialMedia, #News_Bar, #InformationRow, #BottomSection{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
}
#InformationRow{
	background-color: #FFF;	
}
#UpcomingEvents, #AnnouncementsBox,  #QuickLaunch, #SocialMedia{
	display: block;
}
#News_Bar, #InformationRow{
	display:none;
}
#BottomSection {
	display: none;
	padding: 20px 0 20px 0;
	background-color:#f0f0f0;
}

#news_mask{
	overflow:hidden;
	width:92%; 
	/*float:left;*/
	margin: 0 auto;
}
#list_list{
	list-style:none; 
	margin:0; 
	padding:0;
}
#calTop{
	background-color:#464; 
	height: 20px; 
	width: 50px; 
	color:#FFF; 
	text-align:center; 
	padding-top: 5px; 
	-moz-border-radius: 25px 25px 0 0; 
	-webkit-border-radius: 25px 25px 0 0; 
	border-radius:25px 25px 0 0; font-size:16px;
}
#calBottom{
	background-color:#CCC; 
	height: 25px; 
	width: 50px; 
	text-align:center;  
	-moz-border-radius: 0 0 25px 25px; 
	-webkit-border-radius: 0 0 25px 25px; 
	border-radius: 0 0 25px 25px; 
	font-size:16px;
		
}
.announce-style{
	min-height:90px; 
	margin:0 0 25px 0;
	text-decoration: none;
}
.PhotoBox{
	margin-top:20px;
	margin-bottom:20px;
	margin-right:0%;
	width:100%;
}
.SMItem, #FBDiv {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#fff;
}
.SMItem{
		
	margin-bottom: 15px;
}
#FBDiv {

	margin-bottom:15px;
	text-align: center;
}
#SocialMediaRight, #ClearDiv {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 100%;
	display: block;
}
.story{
	color:#000;
}
#Resources {
	visibility: hidden;
	position: absolute;
	bottom: -170px;
	height: 200px;
	right: 2%; 
	width: 455px; 
	box-sizing:border-box;
	display:inline-block;
}
#Resources a{
	color:#00e;
	text-decoration: none;	
}
#Resources table {
	height:300px;
}
#Re_tabs li {
	display:inline;
	list-style-type:none;
}
.Resources_DropHeading_Right, .Resources_DropHeading_Left  {
	/*border:#642 solid 1px; 
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-ms-border-top-right-radius:5px;*/
	float:left; 
	height:20px;
	padding-top:4px;
	width: 50%;
}

.Resources_DropHeading_Text {
	padding-left:5px; 
	padding-bottom:5px;
}
#search-translate_wrapper {
	display:none;
}
#prev, #next{
	visibility:hidden;
}
#MainPhotoBoxText{
	width: 100%;
	padding: 5px;
	background-color: #FFF;
}
.story{
	text-decoration: none;	
}
.MBTextTitle{
	margin: 10px 2px 2px 2px; 
	font-size:24px; 
	font-weight:bold;
	font-family: 'Oswald', sans-serif;
}
.MainPhotoDesc{
	margin:0; 
	font-size:18px;	
}
.NewsPhoto{
	width: 100%;
	float:left;
	margin-right: 5px;
	margin-bottom: 15px;
}
.NewsDesc{
	margin-bottom:0px;
	font-size: 14px;
	text-decoration:none;
}
#Image_wrapper {
	position:relative; 
	overflow:hidden;
}
#ParentPanel, #StudentPanel, #CommunityPanel{
	background-color:#FFF;
	opacity: .95;
	margin: 0px;
	display: block; 
	float: left; 
	width:455px;
	/*border-top-left-radius:5px; 
	-webkit-border-top-left-radius:5px; 
	-ms-border-top-left-radius:5px; 
	border-top-right-radius:5px; 
	-webkit-border-top-right-radius:5px; 
	-ms-border-top-right-radius:5px;*/
}
.Rbutton_active, #parentsbutton, #studentsbutton, #communitysbutton {
	float:left;	
	margin-left: 6px;
	/*background:linear-gradient(280deg, #FFD, #FFA) !important;  #e2e24b, #d0c639 
	background:-webkit-linear-gradient(280deg, #FFD, #FFA) !important;
	background:-ms-linear-gradient(280deg, #FFD, #FFA) !important;*/
	height: 28px;
	width: 110px;
	font-size:20px;
	border-top:#642 solid 1px;
	border-right:#642 solid 1px;
	border-left:#642 solid 1px;
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-ms-border-top-right-radius:5px;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-ms-border-top-left-radius:5px;
	padding: 5px 0 0 10px;
	display:inline-block;	
}
.Rbutton_active:hover {
	color:#222 !important;
}
#parentsbutton, #studentsbutton, #communitysbutton{
	background: #d4d756;
}
#parentsbutton:hover, #studentsbutton:hover, #communitysbutton:hover {
	background-color:#d89b2b;
	color:#FFF;
	opacity: 1;
}
#panel_wrapper {
	height:322px;
	width:452px;
	clear:left;
	float:left;
	margin:0px;
}
.table_wrapper {
	/*border-left:#642 solid 1px;
	border-right:#642 solid 1px;*/
	float:left;
	width:100%;
}
.HomeStory{
	margin: 0 0 5px 0;
	font-family: 'Roboto Condensed', sans-serif;	
}

.InfoBox, .InfoBox a, .InfoBox a:visited {
	color: #648c1c;
	margin:0 0 25px 0; 
	text-align:center; 
	font-size:36px; 
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;	
}
.NewsBox, .NewsBox a, .NewsBox a:visited {
	color: #d4d756/*#464*/;
	margin:20px 0 0  0; 
	text-align:center; 
	font-size:36px; 
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;	
}

.AnnTitle, a.AnnTitle{
	color: #d89b2b;	
	text-decoration: none;
	margin-bottom:2px;
	margin-top: 0px;
}
.announce-style a{
	text-decoration:none;
}
.annDate{
	font-size: 75%;
	margin-bottom: 5px;
	width: 100%;
	display:block;
	color: #000;
}
.annDesc, a.annDesc{
	margin-bottom: 5px;
	width: 100%;
	display:block;
	color: #000;
}

.SMTitle {
	color: #d89b2b;
	text-align:center;	
}
#Non-image_section {
	z-index:501;
}
#sideTab, #sideTab2{
	display:none;
}
#sideTabBn, #sideTabBn2{
	display:none;
}
.picture{
	/*width: 33.33333%;*/
	float: left;	
}
.MainPhotoText1, .MainPhotoText2, .MainPhotoText3{
	padding-left: 10px;	
}
.newsMoreButton{
	background:#d89b2b; 
	width:30%; 
	height: 20px;  
	border-radius: 5px; 
	text-align:center; 
	font-size:16px; 
	padding-top:2px; 
	margin-top: 10px; 
	color: #FFF; 
	font-weight:bold;
	box-shadow:#333 0px 1px 2px; 
	-webkit-box-shadow:#333 0px 1px 2px; 
	-ms-box-shadow:#333 0px 1px 2px; 
	display:none;
}
.icontext a{
	color: #000;
	text-decoration:none;
}
a:visited{
	color: #000;	
}
.MainPhotoBtn{
	right: 0; 
	text-decoration:none; 
	border-radius:3px; 
	-webkit-border-radius:3px; 
	-ms-border-radius:3px;
	/*border:solid #000 thin; */
	width: 75%; 
	color: #fff; 
	background-color:#648c1c; 
	padding-left: 15px; 
	font-size:16px; 
	font-weight:700;	
	box-shadow:#333 0px 1px 2px; 
	-webkit-box-shadow:#333 0px 1px 2px; 
	-ms-box-shadow:#333 0px 1px 2px; 
}
.MainPhotoBtn:active{
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-ms-box-shadow: none; 
}
.annBtn{
	background:#007079;
	width:30%; 
	height: 20px;  
	border-radius: 5px; 
	text-align:center; 
	font-size:16px; 
	padding-top:2px; 
	margin-top: 10px; 
	color: #FFF; 
	font-weight:bold;	
	float: left;
	box-shadow:#333 0px 1px 2px; 
	-webkit-box-shadow:#333 0px 1px 2px; 
	-ms-box-shadow:#333 0px 1px 2px;
	display:none; 
}
.annBtn a{
	color: #FFF;
	text-decoration:none;	
}


#MoreEvents{
	background:#8AB276; 
	width:30%; 
	height: 20px;
	border-radius: 5px; 
	text-align:center; 
	font-size:16px; 
	padding-top:2px; 
	margin-top: 10px; 
	color: #FFF; 
	font-weight:bold; 
	text-decoration:none; 
	float:right; 
	margin-right: 20%; 
	box-shadow:#333 0px 1px 2px; 
	-webkit-box-shadow:#333 0px 1px 2px; 
	-ms-box-shadow:#333 0px 1px 2px;
}
#MoreEvents:active{
	box-shadow:none; 
	-webkit-box-shadow:none; 
	-ms-box-shadow:none;
}

#videoPlayer{
	position:absolute; 
	display:none; 
	background:#FFF; 
	border:thin solid #000; 
	left: .5%;	
}
.RedText{
    color:red;
}
#sideTabBn3{
	display:block;
	/*position:absolute;*/
	font-size: 12px; 
	/*top: 0; 
	-ms-transform: rotate(-90deg); 
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);	
	-webkit-transform-origin: right top;	
	-ms-transform-origin: right top;	
	transform-origin: right top;	
	-webkit-backface-visibility: hidden;*/	
	/*right: 25px; 
	width: 90%;	
	height: 50px;*/
	z-index:5;
	/*background:#d89b2b;*/
	color: #000;
	font-size:20px;
	border-top:#642 solid 1px;
	border-right:#642 solid 1px;
	border-left:#642 solid 1px;
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-ms-border-top-right-radius:5px;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-ms-border-top-left-radius:5px;
	text-align:center;
}

/* Tablet Layout: 481px to 641px. Inherits styles from: Mobile Layout.*/

@media only screen and (min-width: 641px) {

#sideTabBn3{
	
	position:absolute;
	bottom:0px;
	right: 0px;
	width: 40%;
}
#News_Bar, #InformationRow, #BottomSection{
	clear: both;
	margin-left: 0;
	width: 100%;
	display:block;
}
#list_items{
	width:700%;
	left:-15.1667%;
}
.PhotoBox{
	margin-top:20px;
	margin-bottom:20px;
	margin-right:1.5%;
	width:14%;
	float: left;
	display: block;
	clear: none;	
}
#AnnouncementsBox {
	clear: none;
	margin-left: 0;
	width: 98%;
}
#SocialMediaRight, #ClearDiv {
	margin-left: 2.2727%;
}
.SMItem, #FBDiv {
	clear:none;
	width: 45%;
	margin-right:3px;
}
.SMItem{
padding: 10px;	
}
.announce-style{
	min-height:130px; 
	margin:0 0 25px 0;
	width: 100%;
	float:left;
}


#next:hover, #prev:hover {
	cursor:pointer;
	color: #c00;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
#prev, #next{
	visibility:visible;
	float:left;
	width: 4%;
	padding-top:110px;	
	display: inline-block;
	font-size: 40px;
	color:#464;
	text-shadow:0px 1px 2px #333;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
#next{
	text-align:right;
}
#Resources {
	visibility:hidden;
}
#search-translate_wrapper {
	display: block;
	position: absolute; 
	top: 12%; 
	right: 5%; 
	font-size:16px;	
}
#search-bar-wrapper, #translate-bar-wrapper {
	box-shadow:#333 0px 1px 2px; 
	-webkit-box-shadow:#333 0px 1px 2px; 
	-ms-box-shadow:#333 0px 1px 2px; 
	height:36px; 
	float:right;	
}
#translate-bar-wrapper{
	clear:right; 
	margin:5px 0 0 0;
}
#search-button, #translate-button{ 
	float:right; 
	border-radius:3px; 
	-webkit-border-radius:3px; 
	-ms-border-radius:3px; 
	box-sizing:border-box; 
	background:linear-gradient(#67a65e, #6bb440); 
	background:-webkit-linear-gradient(#67a65e, #6bb440); 
	background:-ms-linear-gradient(#67a65e, #6bb440); 
	margin:0 0 0 0; border-top: #6bb440 solid 2px; 
	border-bottom: #464 solid 2px;
}
#translate-button{
	clear:right; 
	border-top: #6bb440 solid 2px; 
}
#Search, #Translate{
	float:right; 
	box-sizing:border-box; 
	background:linear-gradient(#67a65e, #6bb440); 
	background:-webkit-linear-gradient(#67a65e, #6bb440); 
	background:-ms-linear-gradient(#67a65e, #6bb440); 
	width:0px; 
	height:36px;
	border-radius:3px 0 0 3px; 
	-webkit-border-radius:3px 0 0 3px; 
	-ms-border-radius:3px 0 0 3px; 
	border-top: #6bb440 solid 2px; 
	border-bottom: #464 solid 2px;
}
#Search{
	margin:0 0 0 0; 
}
#googlesearch{
	display:none; 
	width:90%; 
	float:left; 
	margin:6px;
}
#MainPhotoBoxText{
	position:absolute;
	top: 60%;
	left: 20%;
	width: 80%;
	opacity: 0.6;
}
.MainPhotoDesc{
	font-size:14px;	
}
.NewsPhoto{
	width: 60%;
	margin-right: 10px;
	margin-bottom: 0px;
}
.NewsDesc{
	width: 25%;
	float: left;
}
.frontTitle{
	width: 37%;
	float: left;
	margin-bottom: 0px;	
}
#Phone_News_Extend, #Phone_Information_Extend, #Phone_Social_Extend{
	display: none;	
}
#news_mask{
	float: left;	
}
.newsMoreButton{
	background:#d89b2b; 
	width:30%; 
	height: 20px;  
	border-radius: 5px; 
	text-align:center; 
	font-size:16px; 
	padding-top:2px; 
	margin-top: 10px; 
	color: #FFF; 
	font-weight:bold;
	float:right;
	margin-right: 50px;
	box-shadow:#333 0px 1px 2px; 
	-webkit-box-shadow:#333 0px 1px 2px; 
	-ms-box-shadow:#333 0px 1px 2px; 
}
.newsDate{
	float: left;
	width: 37%;	
}
.MainPhotoBtn{
	width: 25%; 	
}
.annBtn{
	width:30%; 
	height: 20px;
	font-size:16px; 
	padding-top:2px; 
	margin-top: 10px; 
	color: #FFF; 
	font-weight:bold;	
	float: left;
}
#videoPlayer{
	left: 5%;	
}

} 
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout.*/

@media only screen and (min-width: 810px) {

.story{
	margin-top:20px;
	margin-bottom:20px;
	margin-right:1.5%;
	width:21.875%;
}
.PhotoBox{
	width: 15.1117%;	
}
#prev, #next{
	padding-top:135px;
	height:200px;	
	font-size:70px;
}

#list_items{
	width:154%;
}
#UpcomingEvents {
	width: 30.2033%;
	margin-left: 1.69%;
}
#AnnouncementsBox{
	margin-left: 1.6949%;
	width: 65%;
}

#SocialMedia {
	clear: both;
	float: left;
	margin-left: 0;
	width: auto;
	display: block;
}
#SocialMediaRight {
	margin-left: 1.6949%;
	width: 66.1016%;
}
.SMItem{
	margin-left: 1.5%;
	width: 22%;
	height: 360px; /*340*/
	margin-right: 0px;
	box-shadow: 0px 9px 10px -10px #000000;
}
#FBDiv{
	width: 22%;	
	margin-right: 0px;
	margin-left: 1.5%;
	height:775px; /*735 */
	box-shadow: 0px 9px 10px -10px #000000;
}
#ClearDiv {
	clear: both;
	margin-left: 0;
	width: 6.7796%;
}
#Resources {
	visibility:visible;
}
#sideTabBn3{
	bottom:0px;
	left:0px;
	
}
.NewsPhoto{
	width: 100%;
	float:left;
	margin-right: 5px;
	box-shadow: 0px 15px 10px -10px #000000;
}
.NewsDesc{
	width: 100%;
	float:none;
}
.frontTitle{
	width: 100%;
	font-size:16px;	
}
#imgRot{
	width:33.33333%;
	float:left;	
}
.picture{
/*	width: 100%;*/
	float: none;
}
.mainImageVisible{
	display:  block !important;	
    width: 300%;
}
.MainPhotoText1, .MainPhotoText2, .MainPhotoText3 {
	top:50%; 
	width: 564px;
	padding: 5px;
	background-color: #FFF;
	opacity: 0.6;
	position:absolute;
	left: 5%;
	box-shadow: 0px 15px 10px -10px #000000;
}
.MainPhotoText1:hover, .MainPhotoText2:hover, .MainPhotoText3:hover {
	opacity: 0.9;	
}

#sideTab{
	display:none;
}
.icondiv, .icontext{
	float:left; 
	width:42px;  
	-ms-transform: rotate(90deg); 
	-webkit-transform: rotate(90deg);	
	transform: rotate(90deg);	
}
#sideTabBn{
	display:none;
}
.newsMoreButton{
	width:100%; 
	float:none;
	margin-right: 0px;
}
.newsDate{
	width: 100%;
	font-size: 9px;
	margin-bottom: 3px;
}
.MainPhotoBtn{
	width: 25%; 	
}
.annDesc, a.annDesc{
	float:left;
	width:65%;	
	color: #000;
}
.announce-style{
	min-height:130px; 
	margin:0 0 25px 0;
	width: 48%;
	float:left;
}
#videoPlayer{
	left: 25%;	
}
}
@media only screen and (min-width: 960px) {
    #sideTab {
        display: none;
        position: absolute;
        background: #FFF;
        top: 11%;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        -webkit-backface-visibility: hidden;
        position: absolute;
        right: 0px;
        width: 300px;
        height: 120px;
        z-index: 50;
        border-top: #642 solid 1px;
        border-right: #642 solid 1px;
        border-left: #642 solid 1px;
    }

    #sideTabBn {
        display: block;
        position: absolute;
        top: 11%;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        -webkit-backface-visibility: hidden;
        position: absolute;
        right: 33px;
        width: 150px;
        height: 35px;
        /*z-index:10;*/
        padding-left: 10px;
        padding-top: 5px;
        background: #007079;
        color: #FFF;
        font-size: 20px;
        border-top: #642 solid 1px;
        border-right: #642 solid 1px;
        border-left: #642 solid 1px;
        border-top-right-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -ms-border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        -ms-border-top-left-radius: 5px;
    }
}
@media only screen and (min-width: 1150px) {

#sideTabBn2{
	display:block;
	position:absolute; 
	top: 55%; 
	-ms-transform: rotate(-90deg); 
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);	
	-webkit-transform-origin: right top;	
	-ms-transform-origin: right top;	
	transform-origin: right top;	
	-webkit-backface-visibility: hidden;	
	right: 33px; 
	width: 150px;	
	height: 35px;
	z-index:10;
	padding-left:10px;
	padding-top: 5px;
	background:#d89b2b;
	color: #000;
	font-size:20px;
	border-top:#642 solid 1px;
	border-right:#642 solid 1px;
	border-left:#642 solid 1px;
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-ms-border-top-right-radius:5px;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-ms-border-top-left-radius:5px;	
}
#sideTab2{
	display:none;
	position:absolute; 
	background:#FFF; 
	top: 3.5em; 
	/*-ms-transform: rotate(-90deg); 
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);	
	-webkit-transform-origin: right top;	
	-ms-transform-origin: right top;	
	transform-origin: right top;*/	
	-webkit-backface-visibility: hidden;	
	position: absolute;	
	right: 0px; 
	width: 800px;	
	height: 400px;
	z-index:50;
	border-top:#642 solid 1px;
	border-right:#642 solid 1px;
	border-left:#642 solid 1px;
    border-bottom: #642 solid 1px;
    padding: 10px;
    overflow-y:scroll;
}
.newsMoreButton{
	width:40%; 	
}
#sideTabBn3{
	display:none;
}
	
}


@media only screen and (min-width: 1800px) {
.NewsPhoto{
	width: 100%;
	float:left;
	margin-right: 5px;
}
}