/** ===========Generic Common Style================ **/  
	
		/**
		lv1 : color code: #006600
		lv2 : color code: #009900
		lv3 : color code: #303030
		**/
	
  body {
      font: 400 15px Lato, sans-serif;
      line-height: 1.8;
      /**color: #818181;**/
	  color: #006600;
  }
  
  
  h1 {
      font-size: 30px;
      text-transform: uppercase;
      /**color: #303030;**/
	  color: #006600;
      font-weight: 600;
      margin-bottom: 20px;
  } 
  
  .green{
	  color: #006600;	  
  }
  
  .white{	  
	color: #ffffff;	    
  }
  
   .red{
	  color: #ff0000;	  
  }
  
  h1.h1_panel_heading {
      font-size: 30px;
      text-transform: uppercase;
      color: #ffffff;	  
      font-weight: 600;
      margin-bottom: 20px;
  }
  h2 {
      font-size: 24px;
      text-transform: uppercase;
      /**color: #303030;**/
	  color: #006600;
      font-weight: 600;
      margin-bottom: 20px;
  }
  
  h2.h2_Syllabus {
      font-size: 24px;
      text-transform: uppercase;
      /**color: #303030;**/
	  color: #006600;
      font-weight: 600;
      margin-bottom: 10px;
  }
  
  h4 {
      font-size: 19px;
      line-height: 1.375em;
      /**color: #303030;**/
	  color: #006600;
      font-weight: 400;
      margin-bottom: 20px;
  }  
  .jumbotron {
      background-color: #f4511e;
      color: #fff;
      padding: 100px 25px;
      font-family: Montserrat, sans-serif;
  }  
/** ===========End of Generic Common Style================ **/  
  
  
/** ===========General Common container style ================ **/  
/** container-fluid-XXpx-padding  05 - 60px **/
/**  4-side padding **/
    .container-fluid-0px-padding {
      padding: 0px 0px 0px 0px;
  }
  
     .container-fluid-05px-padding {
      padding: 5px 5px 5px 5px;
  }
  
    .container-fluid-10px-padding {
      padding: 10px 10px 10px 10px;
  }
  
      .container-fluid-15px-padding {
      padding: 15px 15px 15px 15px;
  }
      .container-fluid-20px-padding {
      padding: 20px 20px 20px 20px;
  }
  
    .container-fluid-25px-padding {
      padding: 25px 25px 25px 25px;
  }  
  
    .container-fluid-30px-padding {
      padding: 30px 30px 30px 30px;
  }
	
   .container-fluid-35px-padding {
      padding: 35px 35px 35px 35px;
  }
  
    .container-fluid-40px-padding {
      padding: 40px 40px 40px 40px;
  }
  
      .container-fluid-45px-padding {
      padding: 45px 45px 45px 45px;
  }

    .container-fluid-50px-padding {
      padding: 50px 50px 50px 50px;
  }
  
      .container-fluid-55px-padding {
      padding: 55px 55px 55px 55px;
  }
  
  .container-fluid-60px-padding {
      padding: 60px 60px 60px 60px;
  }
  /**  End of 4-side padding **/
  
 
  .container-fluid {
      padding: 30px 30px;
  }
  
  .container-fluid2 {
      padding: 0px 0px;
  }
  
  .container-fluid3 {
      padding: 10px 10px;
  }  
 
 /** ===========End of General Common container style ================ **/  
  

  .bg-green {
      background-color: #006600;
  }  
  .bg-2ndlevel {
      background-color: #009900;
  }
  
  .bg-grey {
      background-color: #f6f6f6;
  }
  
  .logo-small {
      /**color: #f4511e;**/
	  color: #006600;
      font-size: 50px;
  }
  .logo {
      /**color: #f4511e;**/
	  color: #006600;
      font-size: 200px;
  }
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail img {
      width: 100%;
      height: 100%;
      margin-bottom: 10px;
  }
  .carousel-control.right, .carousel-control.left {
      background-image: none;
      /**color: #f4511e;**/
	  color: #ffffff;
  }
  .carousel-indicators li {
      /**border-color: #f4511e;**/
	  border-color: #ffffff;
  }
  .carousel-indicators li.active {
      /**background-color: #f4511e;**/
	  background-color: #ffffff;
  }
  .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
      margin: 70px 0;
  }
  .item span {
      font-style: normal;
  }
  .panel {
      /**border: 1px solid #f4511e; **/
	  border: 1px solid #006600; 
      border-radius:0 !important;
      transition: box-shadow 0.5s;
  }
  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
      /**border: 1px solid #f4511e;
      background-color: #fff !important;
      color: #f4511e;**/
	  border: 1px solid #006600;
      background-color: #fff !important;
      color: #006600;**
  }
  
  .panel-heading {
      color: #fff !important;
      /**background-color: #f4511e !important;**/
	  background-color: #006600 !important;
      padding: 25px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  
  .panel-heading2 {
      color: #fff !important;
      /**background-color: #f4511e !important;**/
	  background-color: #99cc00 !important;
      padding: 25px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .panel-footer {
      background-color: white !important;
  }
  .panel-footer h3 {
      font-size: 32px;
  }
  .panel-footer h4 {
      color: #aaa;
      font-size: 14px;
  }
  .panel-footer .btn {
      margin: 15px 0;
      /**background-color: #f4511e;**/
	  background-color: #006600;
      color: #fff;
  }
  .navbar {
      margin-bottom: 0;
      /**background-color: #f4511e;
	  background-color: #337ab7;**/
	  background-color: #006600;
      z-index: 9999;
      border: 0;
      font-size: 12px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 4px;
      border-radius: 0;
      /**font-family: Montserrat, sans-serif;**/
	  font-family: cwTeXHei, sans-serif;
  }
  .navbar li a, .navbar .navbar-brand {
      color: #fff !important;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #f4511e !important;
      /**background-color: #fff !important;
	  background-color: #337ab7 !important;**/
	  background-color: #006600 !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
  }
  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      /**color: #f4511e;**/
	  color: #006600;
  }
  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
	
	    .btn-lg-EventsAndActivities {
        width: 100%;
        margin-bottom: 10px;
    }
  }
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
  }
  
  .nav > li > a:focus, 
  .nav > li > a:hover 
	{
    text-decoration: none;
    background-color: white !important;
	/**color: #337ab7 !important;**/
	color: #006600 !important;
	}
	
	


	
	.nav-pills > .active > a, .nav-pills > .active > a:hover {
    background-color: #006600;
}
	
	
	.dropdown-menu{        
		/**background-color: #337ab7 !important;**/
		background-color: #006600 !important;
		color: #ffffff;	
 }
 
  .dropdown-menu > li > a:focus, 
  .dropdown-menu > li > a:hover 
	{
    text-decoration: none;
    background-color: white !important;
	/**color: #337ab7 !important;**/
	color: #006600 !important;
	}
	
	.nav-pills2>li.active>a, .nav-pills2>li.active>a:hover, .nav-pills2>li.active>a:focus{
		background-color:#006600;
		color:#ffffff;
	}
	
	.nav-pills2>li.active>a:visited,{
		background-color:#006600;
		color:#ffffff;
	}

	
	
/** ===========Top Nav ================ **/  
li.TopNavBar {
      font-size: 18px;
      /**text-transform: uppercase;      	  
      font-weight: 200;
      margin-bottom: 5px;**/
	  color: #ffffff;	  
 }
/** ===========End of Top Nav ================ **/  



/** ===========Container About Us================ **/  
  .bg-Vision {
	/** Reference page: http://sixrevisions.com/css/responsive-background-image/ **/
     background:url('http://www.catholicscout.org.hk/UAT/images/container_background/Responsive-background-1080-1920-aboutus.jpg');
	 background-position: center center;
	 background-repeat: no-repeat;	  
	 background-attachment: fixed;
	 background-size: cover;
	 /**height: 600px;**/
  }
  
    .VisionBackground {
  background-color: rgba(32,32,32, 0.7);
  color: #ffffff;
}
 
       .Vision-jumbotron{
     
     padding:30px 30px 30px 30px;
     margin-bottom:10px;
     } 
  
     h1.AboutUs {
      font-size: 50px;
      text-transform: uppercase;      	  
      font-weight: 500;
      margin-bottom: 20px;
	  color:#FFFFFF;
  } 
  
  p.AboutUs {
      font-size: 20px;      
      font-weight: 500;
      margin-bottom: 20px;
	  color:#FFFFFF;
  } 

/** ===========End of Container About Us================ **/  




/** ===========Container Executive Committee ================ **/ 
h1.ExecutiveCommittee {
      font-size: 50px;
      text-transform: uppercase;      	  
      font-weight: 500;
      margin-bottom: 20px;
  } 
  
  p.ExecutiveCommittee {
      font-size: 18px;      
      font-weight: 500;
      margin-bottom: 5px;
	  color:#006600;
  } 
  
    table.ExecutiveCommittee{
	font-size: 20px;
	color:#006600;
} 
/** ===========End of Container Executive Committee ================ **/ 
    



/** ===========Events and Activities  ================ **/ 
h1.EventsAndActivities {
      font-size: 50px;
      /**text-transform: uppercase;**/      	  
      font-weight: 400;
      margin-bottom: 20px;
  }

h1.EventsAndActivitiesHeader {
      font-size: 25px;
      /**text-transform: uppercase;**/      	  
      font-weight: 200;
      margin-bottom: 10px;
	  color: #ffffff;	  
  }

span.EventsAndActivitiesHeader{
	font-size: 25px;
	color:#006600;
}

td.EventsAndActivitiesCellContent{
	font-size: 15px;
	color:#006600;
}

  .panel-heading-EventsAndActivities {
      color: #fff !important;
      /**background-color: #f4511e !important;**/
	  background-color: #006600 !important;
      padding: 5px 5px 5px 5px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  
    h4.EventsAndActivities-list {
      font-size: 18px;
       /**color: #303030;**/
	  color: #ffffff;
      margin-bottom: 2px;
      margin-top: 2px;
  } 
/** ===========End of Events and Activities  ================ **/ 


/** ===========Container KIRO Badge ================ **/ 
h1.KIROBadge {
      font-size: 50px;
      /**text-transform: uppercase;**/      	  
      font-weight: 400;
      margin-bottom: 20px;
  } 

h2.KIROBadge {
      font-size: 40px;
      /**text-transform: uppercase;**/      	  
      font-weight: 400;
      margin-bottom: 15px;
  }   
  
.bg-KIROBadgeLeft {
	/** Reference page: http://sixrevisions.com/css/responsive-background-image/ **/
     background:url('http://www.catholicscout.org.hk/UAT/images/image_300-300-KIRO_Badge.jpg');
	 background-position: center center;
	 background-repeat: no-repeat;	  
	 background-attachment: fixed;
	 background-size: cover;
	 /**height: 600px;**/
  }
  
li.KIROBadge {
      font-size: 18px;
      /**text-transform: uppercase;**/      	  
      font-weight: 200;
      margin-bottom: 5px;
	  color: #006600;
	  
 }  
  
.nav-KIROBadge {
	background-color:#ffffff;
	color: #006600;
}
  

.nav-pills-KIROBadge a {
    color: #ffffff !important;
	background-color:#006600;
}

.nav-pills-KIROBadge a:hover {
    color: #ffffff;
    border-radius: 5px;	
	background-color:#006600;
}

.nav-pills-KIROBadge .active {
    color: #006600;
    border-radius: 5px;
	background-color:#ffffff;
}

  .bg-KIKOBadge-LV4 {
	/** Reference page: http://sixrevisions.com/css/responsive-background-image/ **/
     background:url('http://www.catholicscout.org.hk/UAT/images/KIKOBadge_LV4_background.jpg');
	 background-position: center center;
	 background-repeat: no-repeat;	  
	 /**background-attachment: fixed;**/
	 background-size: cover;	 
	 /**height: 600px;**/
  }

 .VKIKOBadge-Jumbtron {
  background-color: rgba(32,32,32, 0.3);
  color: #ffffff;
  padding:30px 30px 30px 30px;
     margin-bottom:10px;
}   
/** ===========End of Container KIRO Badge ================ **/ 



/** ===========Container MaterialDownload ================ **/
h1.MaterialDownload {
      font-size: 50px;
      text-transform: uppercase;      	  
      font-weight: 500;
      margin-bottom: 20px;
  } 
  
td.MaterialDownload{
	font-size: 18px;
	color:#006600;
}

span.MaterialDownload{
	font-size: 20px;
	color:#006600;
}
/** ===========End of Container MaterialDownload ================ **/



/** ============= Container Useful Links ================ **/
h1.UsefulLinks {
      font-size: 50px;
      text-transform: uppercase;      	  
      font-weight: 500;
      margin-bottom: 20px;
  } 
  
td.UsefulLinks{
	font-size: 18px;
	color:#006600;
}

span.UsefulLinks{
	font-size: 20px;
	color:#006600;
}
/** ===========End of Container Useful Links ================ **/



/** ===========Container ContactUs================ **/

h1.ContactUs {
      font-size: 50px;
      text-transform: uppercase;      	  
      font-weight: 500;
      margin-bottom: 20px;
  } 
  
 p.ContactUs {
      font-size: 20px;      
      font-weight: 500;
      margin-bottom: 10px;
	  color:#006600;
  } 
 
.ContactUs_footer {
      font-size: 18px;           
	  color:#006600;
  } 
/** =========== End Of Container ContactUs================ **/

/** Style setting for album list page **/

/** End of Style setting for album list page **/

/** =========== Style setting for admin pages ================ **/

  p.admin-page-header{
    display: block;
    font-size: 2em;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;	  
  }
  
  p.admin-warning-message{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    color: #ff0000;
  }
  
  
  .btn-confirm-action{
	  color: ffffff !important;
	  background-color: #006600;
  }
  
  .btn-confirm-action:focus, .btn-confirm-action:active, .btn-confirm-action.active:focus{
    color: #ffffff;
    background-color: #006600;
    /*border-color: #285e8e; /*set the color you want here*/
}

  .btn-confirm-action:hover{
	color: #006600;
    background-color: #ffffff;
    border-color: #006600; /*set the color you want here*/
	  
  } 
    
  .panel-heading-admin-login {
      color: #ffffff !important;      
	  background-color: #006600 !important;
      padding: 20px 0px 0px 20px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  
  .admin-link-glyphicon:link, .admin-link-glyphicon:visited, .admin-link-glyphicon:active{
	  color: #006600 !important;	  
  }
  
   .admin-link-glyphicon:hover{
	   color: #ff0015 !important;	  
   } 
  
  li.admin-page {
      font-size: 18px;
      /**text-transform: uppercase;**/      	  
      font-weight: 200;
      margin-bottom: 5px;
	  color: #006600;
	  
 }
   
.nav-admin-page {
	background-color:#ffffff;
	color: #006600;
}
  

.nav-pills-admin-page a {
    color: #ffffff !important;
	background-color:#006600;
}

.nav-pills-admin-page a:hover {
    color: #ffffff;
    border-radius: 5px;	
	background-color:#006600;
}

.nav-pills-admin-page .active {
    color: #006600;
    border-radius: 5px;
	background-color:#ffffff;
}
 
.admin-panel-heading {
      color: #ffffff !important;
      /**background-color: #f4511e !important;**/
	  background-color: #006600 !important;
      padding: 15px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  
  
 
 /** =========== End of Style setting for admin pages ================ **/