﻿
/* CSS Document */

html, body {height:100%; padding:0px; margin:0px;
}

span#ms-help {
	display: none;
}

div.article, div.welcome {
background: white;
padding:20px;
}
#wrapper {min-height:295px; /*min-height: 100%; position:relative;*/ min-width:964px;}
#blk-container {width:100%; /*position:fixed;*/ height:40px; background-color:#0d0d0d; padding:0px; margin:-40px 0px 0px 0px; border-bottom:#F00 thick 5px; z-index:900; }/*CB*/
#creme-container {width:100%; height:3px; background-color:#e4dcc4; padding:0px; /*margin:40px 0px 0px 0px;*/}/*CB*/
#green-container {width:100%; height:66px; padding:0px; margin:0px;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(26,52,99,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(26,52,99,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(26,52,99,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(26,52,99,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(26,52,99,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(26,52,99,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0f663c', GradientType=0 );
}

a:visited {	color:#1a3463;}
a:active{ color:#1a3463;}
a, .ms-link:visited { color:#1a3463;}
a, .ms-link { color:#1a3463;}
.ms-addnew { color:#1a3463 !important;}
.ms-heroCommandLink, .ms-heroCommandLink:visited {color:#1a3463 !important;} 

/*This snippet is the SharePoint Sprocket menu and bar*/
#siteactiontd, #welcomeMenuBox, .ms-welcome-root {z-index:999;}
#ms-designer-ribbon {background-color:#0d0d0d;}
#suiteBarLeft {background-color:#0d0d0d;}
#suiteBarRight { background-color:#0d0d0d; position:relative; top:24px; left:-32px; }
#zz5_Menu { color:#ffffff; font-weight:bold; font-family: 'Alef', sans-serif; font-size:14px;} /*CB*/
#zz5_Menu_t:hover { background-color:#0d0d0d;}/*CB*/
.ms-suitenav-caratIcon{display:none !important;} /*CB*/
.ms-tableRow {display:none !important;} /*CB*/
#s4-ribbonrow{height:0px;}/*CB*/
#globalNavBox{display:none;visibility:hidden;}/*CB*/


#blk-width-controller {margin:0px 30px 0px 220px;}
#green-width-controller {margin:0px 30px 0px 35px; position:relative; top:15px;}
#footer-width-controller {margin:0px 30px 0px 30px; text-align:center;}

#logo-container {height:30px; width:170px; float:left; /*margin:6px 0px 0px 19px;*/ position:relative; top:10px; /*left:19px; top:6px;CB*/ padding:0px 0px 0px 33px; /*z-index:910;*/}
#suiteBarRight {background-color:#0d0d0d; position:relative; top:0px; left:0px; }
#ccNavi{position:relative; top:16px;}

#weather-bug {float:right; margin-right:24px}
#footer-container {width:100%; padding:0px; min-width:964px; text-align:center; height:260px; }
#footer-blk { width:100%; height:3px; background-color:#000000; padding:0px; margin:0px;}

/* Div for Holds Alert */
.holdContainer {border:none; width:96%; padding:0px 0px 0px 0px; /*margin:-45px 0px 0px 5px;*/}
.holdContainer .ms-fullWidth  {margin-top:-8px; margin-bottom:7px;}
/* End Div for Holds Alert */

#box3 #app-box p {padding-top:12px !important;}

#customFooter {/*margin-top:100px !important;*/ height:250px; width:100%; float:left;
background: rgba(73,73,73,1);
background: -moz-linear-gradient(top, rgba(73,73,73,1) 0%, rgba(90,90,90,1) 9%, rgba(73,73,73,1) 35%, rgba(35,35,34,1) 80%, rgba(35,35,34,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,73,73,1)), color-stop(9%, rgba(90,90,90,1)), color-stop(35%, rgba(73,73,73,1)), color-stop(80%, rgba(35,35,34,1)), color-stop(100%, rgba(35,35,34,1)));
background: -webkit-linear-gradient(top, rgba(73,73,73,1) 0%, rgba(90,90,90,1) 9%, rgba(73,73,73,1) 35%, rgba(35,35,34,1) 80%, rgba(35,35,34,1) 100%);
background: -o-linear-gradient(top, rgba(73,73,73,1) 0%, rgba(90,90,90,1) 9%, rgba(73,73,73,1) 35%, rgba(35,35,34,1) 80%, rgba(35,35,34,1) 100%);
background: -ms-linear-gradient(top, rgba(73,73,73,1) 0%, rgba(90,90,90,1) 9%, rgba(73,73,73,1) 35%, rgba(35,35,34,1) 80%, rgba(35,35,34,1) 100%);
background: linear-gradient(to bottom, rgba(73,73,73,1) 0%, rgba(90,90,90,1) 9%, rgba(73,73,73,1) 35%, rgba(35,35,34,1) 80%, rgba(35,35,34,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#232322', GradientType=0 );
}

#body-width-controller {margin:0px; padding:0px 30px 0px 30px; font-family:Verdana, Geneva, sans-serif; color:#444444; font-size:14px; /*z-index:1;*/ }

/*THIS SNIPPET REMOVES THE HOME LINK FROM THE TOP NAV*/
.ms-core-listMenu-horizontalBox li.static > a{
display: none !important;
}
.ms-core-listMenu-horizontalBox li.static > ul a{
display: block !important;
}
#zz13_RootAspMenu {margin-left:-55px;}
/*END THIS SNIPPET REMOVES THE HOME LINK FROM THE TOP NAV*/

#s4-workspace{-webkit-overflow-scrolling: touch;}
/*THIS ALLOWS FOR SMOOTH SCROLLING ON THE IPAD*/

/* START RESPONSIVE NAV */

		/*NAVIGATION FOR MOBILE */
		/*CHRISTIAN MOBILE MENU*/
		/* hide mobile menu */
		 #topnavi input[type=checkbox] { display: none; }
		 #topnavi label { display: none; }
		 #topnavi a { color:#ffffff !important; width:70px !important; position:relative !important; left:10px; padding-left:0px !important; margin-top:-4px !important; font-weight:bold; line-height:180% !important;}
		 #topnavi a:hover { color:#ffffff !important; width:70px !important; text-decoration:underline !important;}

		/*CHRISTIAN MOBILE MENU*/
		/*NAVIGATION FOR MOBILE */
		
		#longNameContainer {width:96%; height:90px; padding:0px; margin: 3px 0px 0px 0px; }

		#appContainer 
		{ 
			/* width:276px;  */
			width:600px; 
			padding-left:3px; 
			float:right;
		}
		
		.welcomeName {
		
    float: left;
    width: auto;
    height:35px;
    /* height: 67px; */
    margin-left: -3px;
    color: #1a3463;
    font-weight:bold;
    
    font-size: 20px;
    /* line-height: 75px; */
    font-family: 'Alef', Verdana, Geneva, sans-serif;
    margin-left: 6px;
    margin-top: 16px;
    
   /* background: white; */
   
 /*   border: black 1px solid; */
 
    padding-left: 20px;
    padding-top: 16px;
    padding-right: 20px;
    margin-bottom: 14px;
    
		}

		.wbc {border:none !important; margin:0px -5px -8px 0px; float:right; color:#888888; font-family:Verdana, Geneva, sans-serif;}
        .emailContainer {border:none !important; margin:0px 0px 0px 0px !important; height:82px; float:right; color:#888888; font-family:Verdana, Geneva, sans-serif;}
        .dateContainer {border:none; margin:0px 0px -8px 0px; padding:0px; float:right !important; color:#888888; font-family:Verdana, Geneva, sans-serif;}

/* END RESPONSIVE NAV */

		#ftr-logo-one {float:left; margin-right:40px;}
        #ftr-logo-two {float:left; margin-right:40px;}
        #ftr-logo-three {float:left;}
		
		#ftr-logo-one img {margin-top:20px;}
        #ftr-logo-two img {margin-top:20px;}
        #ftr-logo-three img {margin-top:18px;}
 

/*CHRISTIAN MOBILE MENU*/  
@media screen and (min-width: 1px) and (max-width: 980px) { 
     /*NAVIGATION MENU */ 
		#topnavi label:after {position: absolute; content: "\2261"; }
		#topnavi label {display: block; position:absolute; font-size: 1.6em; cursor: pointer; user-select: none; display: inline-block; background: #0d0d0d; margin-left: 0.6em; color:#e2e3e4; border-left:none; padding:0em 1em 1.5em 0.4em; margin-left:-193px; top:9px; font-weight:bold; }	
	
	/* display navigation as list and hide it to the left */
		#ccNavi{left:-1000px; position: absolute; margin-top:24px !important; margin-left:-3px; padding-bottom:10px !important;  }
	 
		#topnavi a { color:#ffffff !important; width:192px !important; position:relative !important; left:0px; padding-left:28px !important; margin-top:0px !important; font-weight:bold; line-height:180% !important;}
		#topnavi a:hover { color:#ffffff !important; width:192px !important; background-color:#1a3463 !important;}
	 
		#topnavi ul{ padding:0px !important; display:block !important; }
	 
		.ms-core-navigation ul li {display: block !important; padding-right: 20px !important; left:-10px !important; top:0 !important; }	
	
		#topnavi input[type=checkbox]:checked ~ #ccNavi{background: #0f0f0f; left:0.2em !important; right:0em; }
		
		#zz13_RootAspMenu {margin-left:0px;}
		
}     
/*END CHRISTIAN MOBILE MENU*/        
        

@media screen and (min-width: 980px) and (max-width: 1175px) { /*ipad*/
/*@media screen and (device-aspect-ratio: 3/4) {*/
		#wrapper {min-height: 100%; min-width:935px; max-width:935px;}
		#blk-container { width:100%; height:40px; background-color:#0d0d0d; padding:0px; margin:-40px 0px 0px 0px;/*CB40px*/ border-bottom:#F00 thick 5px; /*position:fixed;CB*/}
		#logo-container {/*margin:6px 0px 0px 19px;*/ position:relative; left:0px; top:10px; padding-left:30px;}
		#suiteBarRight {background-color:#0d0d0d; position:relative; top:0px; left:0px; }
		
		#mobile-link-container { min-width:340px; }
		
		#ccNavi{position:relative; top:16px;}
		
		/* Div for Holds Alert */
		.holdContainer {width:927px;}
		/* End Div for Holds Alert */		
}

@media screen and (min-width: 768px) and (max-width: 979px) {
		#wrapper {min-height: 100%; min-width:725px; max-width:725px; margin-left:-20px;}	
		#footer-container {height:260px; width:100%; padding:0px; min-width:752px;}
		#footer {height:260px;}
				
		#blk-container { width:100%; height:40px; background-color:#0d0d0d; padding:0px; margin:-40px 0px 0px 0px; border-bottom:#F00 thick 5px; position:fixed;}
		#logo-container {/*margin:6px 0px 0px 19px;*/ position:relative; left:4px; top:10px; padding-left:30px;}
		
		#link-container{visibility:hidden; display:none;}
		
		#mobile-link-container { min-width:340px; }
		
		#ftr-logo-one {float:left; margin-right:20px;}
        #ftr-logo-two {float:left; margin-right:20px;}
        #ftr-logo-three {float:left;}
		
		#ftr-logo-one img {margin-top:20px;}
        #ftr-logo-two img {margin-top:20px;}
        #ftr-logo-three img {margin-top:13px;}        
        
        #suiteBarRight {background-color:#0d0d0d; position:relative; top:0px; left:0px; }
        
		/* Div for Holds Alert */
		.holdContainer {width:718px;}
		/* End Div for Holds Alert */       
	}

@media screen and (min-width: 481px) and (max-width: 767px) {
		#wrapper {min-height:100%; min-width:545px; margin-left:-25px;}
		#footer-container {height:260px; width:100%; padding:0px; min-width:465px;}
		#footer {height:260px;}
				
		#blk-container { width:100%; height:40px; background-color:#0d0d0d; padding:0px; margin:-40px 0px 0px 0px; border-bottom:#F00 thick 5px; position:fixed;}
		#logo-container {/*margin:6px 0px 0px 19px;*/ position:relative; left:4px; top:10px; padding-left:30px;}
		
		#mobile-link-container { min-width:340px; }
		
		#ftr-logo-one img {margin-top:20px;}
        #ftr-logo-two img {margin-top:20px;}
        #ftr-logo-three img {margin-top:13px;}
        
        #suiteBarRight {background-color:#0d0d0d; position:relative; top:0px; left:-50px; }
        
		/* Div for Holds Alert */
		.holdContainer {width:545px;}
		/* End Div for Holds Alert */        
}

@media screen and (min-width: 1px) and (max-width: 480px) {
		#wrapper {min-height:100%; min-width:340px; max-width:340px; margin-left:-30px; padding:0px;}
		#footer-container {height:260px; width:100%; padding:0px; min-width:465px;}
		#footer {height:260px;}
		
		#blk-width-controller {/*min-width:340px;*/ min-width:400px;}		
		#blk-container { width:100%; min-width:400px; /*height:40px;*/ height:40px; background-color:#0d0d0d; padding:0px; margin:-40px 0px 0px 0px; border-bottom:#F00 thick 5px; position:fixed;}
		#logo-container {/*margin:6px 0px 0px 19px;*/ position:relative; left:20px; top:10px; padding-left:30px;}
		
		#suiteBarRight {background-color:#0d0d0d; position:relative; top:0px; left:5px; }				
		
		#link-container{visibility:hidden; display:none;}
		#appContainer{
			height:120px;
		}
		#mobile-link-container {min-width:340px;}
		
		#ftr-logo-one img {margin-top:20px;}
        #ftr-logo-two img {margin-top:20px;}
        #ftr-logo-three img {margin-top:13px;}
        
        #weather-bug {float:left;}
                
        #topnavi{position:relative !important; left:20px !important; padding-left:0px;}
        #topnavi label {padding-right:5px; padding-left:1px;}
        #ccNavi{left:-1000px; position: absolute; margin-top:40px; margin-left:-53px; padding-bottom:10px !important;  }
        #topnavi a {width:165px !important; padding-left:26px !important; line-height:180% !important;}
		#topnavi a:hover {width:165px !important;}
		
		/* Div for Holds Alert */
		.holdContainer {width:307px;}
		/* End Div for Holds Alert */
}

@media screen and (min-width: 1px) and (max-width: 380px) {
		#suiteBarRight {visibility:hidden;}
}