body { margin-top: 50px; margin-bottom: 50px; color: #000; background-color: rgba(220, 220, 220, 0.90); /**background-image:url('/images/bg_images/bodyBkgd.gif'); **/}
body {font-family: 'Lato', sans-serif; color: #424142; background-color: #fAfAfA;}

	a, a:hover{text-decoration: none; color: #000;}
	#wrapper h1{font-size: 32px;line-height: 38px;}
	#wrapper h2{font-size: 30px;line-height: 34px;}
	#wrapper h3{font-size: 28px;line-height: 32px;}
	#wrapper h4{font-size: 24px;line-height: 28px;}
	#wrapper h5{font-size: 20px;line-height: 24px;}
	#wrapper [class^="icon-"], [class*=" icon-"]{width: auto;height: auto;line-height: auto;}
	#wrapper .content .span3, .content .span4, .content .span6{margin-top: 22px!important;}

/*** Nav Bar ***/
	#wrapper1 .navbar-inverse .navbar-nav > li > a, #wrapper1 .navbar-inverse .navbar-brand {color: #FFF; padding-right:24px;}
 	#wrapper1 .navbar-inverse .navbar-brand:focus, #wrapper1 .navbar-inverse .navbar-brand:hover, #wrapper1 .navbar-inverse .navbar-brand:focus  {}
	#wrapper1  .navbar-brand {padding-left:14px;}
/*	#wrapper1 {margin-top: 100px !important;} */
	
	.content2{margin-top: 10px;}
	
/*** Dropdown ***/	
	#wrapper .top-nav .dropdown-menu, #wrapper .top-nav .dropdown-menu > li > a, #wrapper .top-nav .dropdown-menu > li > a:focus {color: #FFF; background-color: #330000; }
	#wrapper .top-nav .dropdown-menu > li > a:hover {background-color: background-color: #330000;  color: #FFF;}
	
/*** Panell ***/
/*** #wrapper .panel2 {border-color: rgba(58, 58, 58, 0.3); border: 1px solid #B3B3B3; box-shadow: 		0px 0px 8px #B3B3B3; -moz-box-shadow: 	0px 0px 8px #B3B3B3; -webkit-box-shadow: 0px 0px 8px #B3B3B3;} ***/
/*** Well ***/
	#wrapper1 .well {background-color: #FAFAFA; border: 0;}
	
/*** schoollogo ***/
	.schoollogo {padding: 10px; width: 70%; height:auto; margin-left: auto; margin-right: auto; display: block; margin-bottom: 10px; margin-top: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 2px #B3B3B3; -moz-box-shadow: 0px 0px 10px 2px #B3B3B3; box-shadow: 0px 0px 10px 2px  #B3B3B3;}
	.schoollogo:hover {box-shadow: 0px 0px 10px 2px #330000; -moz-box-shadow: 0px 0px 10px 2px  #330000; -webkit-box-shadow: 0px 0px 10px 1px  #330000;}
 
/*** News Events ***/
	ul#portalList1461, ul#portalList1471 { padding:0; margin:0; list-style:none; width:100%; }
	ul#portalList1461 li, ul#portalList1471 li { border-bottom: 1px solid #cdcdcd; padding:5px 0 5px 5px; }
	ul#portalList1461 li a, ul#portalList1471 li a { color:#000!important; text-decoration:none!important; }
	ul#portalList1461 li a:hover, ul#portalList1471 li a:hover { color:#454545!important; text-decoration:underline!important; }

	#wrapper #portalList1471 b {display:block;}
	
	
/*** RSS ***/
    .feedEkList{width:100%; list-style:none outside none;background-color:rgba(58, 58, 58, 0.90); border:1px solid #D3CAD7; padding:4px 6px; }
    .feedEkList li{border-bottom:1px solid #D3CAD7; padding:5px;}
    .feedEkList li:last-child{border-bottom:none;}
    .itemTitle a{font-weight:bold;  text-decoration:none; font-weight: 400; }
    .itemTitle a:hover{ text-decoration:underline }
    .itemDate{font-size:11px;color:#AAAAAA;}
	.itemTitle, .blog-post-tags  { padding-top: 5px;padding-right: 0px; padding-bottom: 8px; padding-left: 0px;  margin-bottom: 10px; border-top-width: 0px; border-top-style: solid; border-top-color: #eeeeee;   border-bottom-width: 1px;  border-bottom-style: solid;  border-bottom-color: #eeeeee;}

	.rssSummaryList .rssItem{ margin-bottom:16px }
	.rssSummaryList .rssItem .rssItemTitle{ font-weight:bold }
	.rssSummaryList .rssItem .rssItemDate{ color:#999999 }
	.rssSummaryList .rssItem .rssItemSummary{}
	.rssSummaryList .rssSummaryListTitle{font-weight:bold font-size:50px;}
	
/*** ScroolBar ***/
	::-webkit-scrollbar {background:transparent;overflow:visible; width:10px;}
	::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.1); border:solidrgba(0,0,0,0.1) ;}
	::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0.2);}
	::-webkit-scrollbar-thumb:horizontal {border-width:4px 6px;min-width:40px;}
	::-webkit-scrollbar-thumb:vertical {border-width:6px 4px;min-height:40px;}
	::-webkit-scrollbar-track-piece{background:transparent;}
	::-webkit-scrollbar-corner {background:transparent;}
	/*
	::-webkit-scrollbar-thumb {background-color: #DDD;}
	::-webkit-scrollbar-thumb:hover {background-color: #DDD;}
	*/

	.aside {border-left: 1px solid #ced5db; height: 100%; content: ""; position: absolute; top: 0; width: 1px;}

	.pmf-list li {line-height: 17px; margin-bottom: 14px; margin-top: 14px; list-style-type: none;}
	.pmf-list li a:hover, .pmf-list li a:focus {color: #260000;}
	.pmf-aside-widget {margin-bottom: 20px;}
	.pmf-aside-widget-body {padding-left: 0;}
	.pmf-aside-widget header {
	  background-image: -webkit-linear-gradient(top, #f6f5f5 0%, #ebeaea 100%);
	  background-image: -o-linear-gradient(top, #f6f5f5 0%, #ebeaea 100%);
	  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f6f5f5), to(#ebeaea));
	  background-image: -webkit-linear-gradient(top, #f6f5f5, 0%, #ebeaea, 100%);
	  background-image: -moz-linear-gradient(top, #f6f5f5 0%, #ebeaea 100%);
	  background-image: linear-gradient(to bottom, #f6f5f5 0%, #ebeaea 100%);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f5f5', endColorstr='#ffebeaea', GradientType=0);
	  border: 1px #ced5db solid;
	  border-bottom-right-radius: 4px;
	  border-top-right-radius: 4px;
	}
	.pmf-aside-widget header h3 {
	  font-size: 24px;
	  padding: 10px 20px 3px 20px;
	  margin-top: 0;
	  color: #48535f;
	}

 .navbar-collapse22 {
    max-height: none;
	font-size: 15px;
    line-height: 30px;
	margin: 15px 0px 0px 0px;
  }
  
  .navbar-link {padding-left: 15px;}

/* Side Nav Left*/
	.side-nav-left {margin-left: -225px; left: 225px;}
	.side-nav-left>a,
	.side-nav-left>a:hover,
	.side-nav-left>a:active,	
	.side-nav-left > li > a:hover, .side-nav-left > li > a:focus, .side-nav-left > li > a.active,
	.side-nav-left>li.dropdown>ul.dropdown-menu>li>a:hover, 
	.side-nav-left>li.dropdown>ul.dropdown-menu>li>a.active, 
	.side-nav-left>li.dropdown>ul.dropdown-menu>li>a:focus  {color: #FFF; background-color: rgba(58, 58, 58, 1.30)!important; }
	
/* Side Nav Right*/
	.side-nav-right {margin-left: -225px; left: 225px;}
	.side-nav-right > li > a:hover, .side-nav-right > li > a:focus,
	.side-nav-right>a:hover,
	.side-nav-right>a:active,	
	.side-nav-right>li.dropdown>ul.dropdown-menu>li>a:hover, 
	.side-nav-right>li.dropdown>ul.dropdown-menu>li>a.active, 
	.side-nav-right>li.dropdown>ul.dropdown-menu>li>a:focus  {color: #FFF; background-color: rgba(58, 58, 58, 1.30)!important; }

/* Side Nav */ /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */ 
	.side-nav>li.dropdown>ul.dropdown-menu {background-color: transparent;}
	.side-nav>li.dropdown>ul.dropdown-menu>li>a { color: #FFF;}  
	.side-nav {/*margin-left: -225px; left: 225px;*/ width: 225px; position: fixed; top: 50px; height: 100%; border-radius: 0; border: none; background-color: #222222; overflow-y: auto;}
	.side-nav>li.dropdown>ul.dropdown-menu {	position: relative; min-width: 225px; margin: 0; padding: 0; border: none; border-radius: 0; background-color: transparent; box-shadow: none; -webkit-box-shadow: none; }
	.side-nav>li.dropdown>ul.dropdown-menu>li>a { color: #FFF; padding: 15px 15px 15px 25px; }
	.side-nav>li>a {width: 225px; color: #FFF;}
	
	.side-nav { border-right: 3px solid #330000; 
		-moz-box-shadow: 	0 0 10px 5px rgba(68,68,68,0.6);
		-webkit-box-shadow: 0 0 01px 5px rgba(68,68,68,0.6);
		box-shadow: 		0 0 10px 5px rgba(68,68,68,0.6);
		background: -webkit-linear-gradient(rgba(69,72,77,1) 20%, rgba(0,0,0,1) 60%)); /* For Safari */
		background: -o-linear-gradient(rgba(69,72,77,1) 20%, rgba(0,0,0,1) 60%)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(rgba(69,72,77,1) 20%, rgba(0,0,0,1) 60%)); /* For Firefox 3.6 to 15 */
		background: linear-gradient(rgba(69,72,77,1) 100%, rgba(0,0,0,1) 100%)); /* Standard syntax (must be last) */
		
		/* http://ie.microsoft.com/TEStdrive/Graphics/CSSGradientBackgroundMaker/Default.html */
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #2B2B2B 0%, #00070A 100%);

		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #2B2B2B 0%, #00070A 100%);

		/* Opera */ 
		background-image: -o-linear-gradient(top, #2B2B2B 0%, #00070A 100%);

		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2B2B2B), color-stop(1, #00070A));

		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #2B2B2B 0%, #00070A 100%);

		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #2B2B2B 0%, #00070A 100%);
	}

/*** caret ***/	
	.nav .caret { border-top-color: #FFF; border-bottom-color: #FFF;}
/*** Navbar Brand ***/
	.navbar-brand33 {background-image: url("/packages/ccss_package/themes/ccss/images/logo.png");}
	
/*** header ***/
	.header { 
	border-top-color: #080808; 
	background-color: rgb(68,68,68); /* Needed for IEs */
	-moz-box-shadow: 	0 0 10px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 0 0 01px 5px rgba(68,68,68,0.6);
	box-shadow: 		0 0 10px 5px rgba(68,68,68,0.6);
		background: -webkit-linear-gradient(#370000, #160000)!important; /* For Safari */
		background: -o-linear-gradient(#370000, #160000)!important; /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#370000, #160000)!important; /* For Firefox 3.6 to 15 */
		background: -ms-linear-gradient(#370000, #160000);/*For IE10*/
		background: linear-gradient(#370000, #160000)!important; /* Standard syntax (must be last) */
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#370000', endColorstr='#160000');/*For IE7-8-9*/
		
		
	}
	
/*** container ***/
	.container1 {margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px;}
	.container-fluid {margin:  50px 0 50px 0; padding : 50px 0 50px 0;}
	.container .full {}
	.full {background-color: rgba(255, 255, 255, 0.90); border-color: rgba(58, 58, 58, 0.3); border: 1px solid #B3B3B3; -moz-box-shadow: 	0px 0px 8px #B3B3B3; -webkit-box-shadow: 0px 0px 8px #B3B3B3; box-shadow: 0px 0px 8px #B3B3B3; min-height:100%;}
	
/*** Footer ***/
	.footer { height:55px; border-top-color: #330000; border-width:4px;
		margin-top: 150px !important;
	/*	padding-top: 150px !important;  */

		-moz-box-shadow: 	0 0 10px 5px rgba(68,68,68,0.6);
		-webkit-box-shadow: 0 0 01px 5px rgba(68,68,68,0.6);
		box-shadow: 		0 0 10px 5px rgba(68,68,68,0.6);
	
		background: -webkit-linear-gradient(rgba(69,72,77,1) 20%, rgba(0,0,0,1) 60%)); /* For Safari */
		background: -o-linear-gradient(rgba(69,72,77,1) 20%, rgba(0,0,0,1) 60%)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(rgba(69,72,77,1) 20%, rgba(0,0,0,1) 60%)); /* For Firefox 3.6 to 15 */
		background: linear-gradient(rgba(69,72,77,1) 100%, rgba(0,0,0,1) 100%)); /* Standard syntax (must be last) */
		
		/* http://ie.microsoft.com/TEStdrive/Graphics/CSSGradientBackgroundMaker/Default.html */
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #2B2B2B 0%, #00070A 100%);

		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #2B2B2B 0%, #00070A 100%);

		/* Opera */ 
		background-image: -o-linear-gradient(top, #2B2B2B 0%, #00070A 100%);

		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2B2B2B), color-stop(1, #00070A));

		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #2B2B2B 0%, #00070A 100%);

		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #2B2B2B 0%, #00070A 100%);

	}
		
/***************************************************************************/

/* Edit Below to Customize Widths > 768px */

@media (min-width:268px) {
	body {margin-top2: 50px;}
	/* Wrappers */
	#wrapper2 {	padding-left: 10px!important; padding-right: 10px!important;  }
	#page-wrapper {padding: 10px 25px;}
    .footer {visibility: hidden;}
	.navbar-brand img {width: 60%;}
	.container-fluid {margin:  10px 0 10px 0; padding : 10px 0 10px 0;}
	.navbar-left {visibility: visible;}
}

/* Edit Below to Customize Widths > 768px */
@media (min-width:770px) {
	body {margin-top2: 50px;}
	/* Wrappers */
	#wrapper2 {	padding-left: 25px!important; padding-right: 25px!important;  }
	#page-wrapper {padding: 10px 25px;}
    .footer {visibility: visible;}
	.navbar-brand img {width: 70%;}
	.container-fluid {margin:  80px 0 50px 0; padding : 80px 0 50px 0;}
	.navbar-left {visibility: visible;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) { 
	body {margin-top2: 50px;}
	#wrapper2 {	padding-left: 25px!important; padding-right: 25px!important;  }
	#page-wrapper {padding: 15px 25px;}
	.footer {visibility: visible;}
	.navbar-brand img {width: 90%; max-height: 40px;}
	.container-fluid {margin:  80px 0 50px 0; padding : 80px 0 50px 0;}
	.navbar-left  {visibility: visible;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) { 
	body {margin-top2: 50px;}
	/* Wrappers */
	#wrapper2 {	padding-left: 110px!important; padding-right: 110px!important;  }
	#page-wrapper {padding: 15px 25px;}
    .footer {visibility: visible;}
	.navbar-brand img {width: 100%; max-height: 40px;}
	.container-fluid {margin:  50px 0 50px 0; padding : 50px 0 50px 0;}
	.navbar-left  {visibility: visible;}
}

/* X Large devices (large desktops, 1500px and up) */
@media (min-width:1500px) { 
	body {margin-top2: 50px;}
	/* Wrappers */
	#wrapper2 {	padding-left: 110px!important; padding-right: 110px!important;  }
	#page-wrapper {padding: 15px 25px;}
	.footer {visibility: visible;}
	.navbar-brand img {width: 100%; max-height: 40px;}
	.container-fluid {margin:  50px 0 50px 0; padding : 50px 0 50px 0;}
	.navbar-left  {visibility: visible;}	
} 

/** Off Canvas **/
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

	 /***  Box Shadow  
		box-shadow: h-shadow v-shadow blur spread color inset;
		
		-moz-box-shadow: 	0  5px -5px 5px rgba(68,68,68,0.6);
		-webkit-box-shadow: 0 -5px 15px 5px rgba(68,68,68,0.6);
		box-shadow: 		0 -5px 15px 5px rgba(68,68,68,0.6);

		h-shadow	Required. The position of the horizontal shadow. Negative values are allowed
		v-shadow	Required. The position of the vertical shadow. Negative values are allowed
		blur	Optional. The blur distance
		color	Optional. The color of the shadow. The default value is black.
		inset	Optional. Changes the shadow from an outer shadow (outset) to an inner shadow
		
	*/
	
/********* TEST   ******/

	#myTabContent {order-bottom-style: none!important;}
	.mypanel {}

.panel{box-shadow: none;}
.panel-group .panel { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
.panel-group .panel + .panel { margin-top: 0px; border-top-width: 0px; border-top-style: none;}

.card {margin-bottom: 20px; padding-bottom: 20px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}

 div.tab-content {
/*  background-color: #ffffff; */
  background-color: #fAfAfA;
  border-bottom-style: none!important;
  /* padding: 15px 0 15px 0; */
}

 ul.nav-tabs a  {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  
  background-color: #f7f7f7;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  border-top-width: 0px;
  border-top-style: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-bottom-width: 0px;
  border-bottom-style: none;
  margin-right: 0px;
  color: #333333;
}

 ul.nav-tabs a,  ul.nav-tabs a:hover {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #eeeeee;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #dddddd;
  font-size: 0.9em;
}

 ul.nav-tabs a:hover { border: 1px solid #dddddd; color: #7a92ac;}

 ul.nav-tabs a:active,  ul.nav-tabs a:focus {border-bottom-width: 0px; border-bottom-style: none;}

 ul.nav-tabs a,  ul.nav-tabs a:hover {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #eeeeee;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #dddddd;
  border-color: #dddddd;
  font-size: 0.9em;
}

 ul.nav-tabs a:last-child,  ul.nav-tabs a:last-child:hover {}

 ul.nav-tabs li {padding-right: 1px; border-right-color: #dddddd;}
 
 ul.nav-tabs li.active a {
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #dddddd;
  color: #cccccc;
}

 ul.nav-tabs a:last-child,  ul.nav-tabs a:last-child:hover {}
 
 /********* Sidenav   ******/ 
.navbar-right {padding: 0 10px 0 0;}


 #mySidenav { display:none;}

.sidenavicon {padding-top: 25px;}
.sidenavicon3 {
	visibility: visible;
	color: #FFF; 
	margin:0 24px 0 0;
	padding-top: 10px;
	font-size: 20px;
}

.sidenav {
  height: 100%;
  width: 350px;
  position: fixed;
  z-index: 1;
  top: 0;
  /*left: 0;*/
  right: 0;
  background-color: #111;
  overflow-x: hidden;
/*transition: 0.5s;*/
  padding-top: 100px;
}

.sidenav li  {list-style: none;}
.sidenav a {color: #f1f1f1;}
.sidenavmain a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenavmain a:hover {color: #f1f1f1;}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  padding-top: 65px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.gapp  {width: 350px; padding: 30px 25px 0 25px;	font-size: 12px;text-align: center;}
.gapp  a{font-size: 12px; text-align: center;}
.gapp  img{padding-top: 15px;}

.gapps2 ul::-webkit-scrollbar { width: 7px;	}  /* width */
.gapps2 ul::-webkit-scrollbar-track {background: #f1f1f1; }  /* Track */
.gapps2 ul::-webkit-scrollbar-thumb {background: #888; }  /* Handle */
.gapps2 ul::-webkit-scrollbar-thumb:hover {background: #555; }  /* Handle on hover */
/*.gapps2 {top:180px; right: 50px; position: absolute;}  */
					
.gapps2 li  {
	padding: 0 0 0 25px; 
	margin: 0; 
	list-style: none;
	}
.gapps2 ul  {
	padding: 0 0 0 25px; 
	margin: 0; 
	list-style: none; 
	-webkit-flex-flow: row wrap; 
	justify-content: space-around; 
	/*	overflow-y: scroll; 
	height: 900px; */
	width: 400px; 
	}
.gapps2 ul li {
	float: left; 
	height: auto; 
	width: 74px; 
	color: white; 
	padding: 8px 0; 
	text-align: center; 
	font-size: 12px;
	}