/* 
* Skeleton V1.0.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 5/20/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
body {
      font-size: 14px;
      font-family: ubuntu;
}

h3 {
  font-family: ubuntu;
}

.headerRight {
      border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding:5px 0px;
}

.headerNavLeft {
      float:left; color:#b1b1b1;
}

.headerNavLeft a{
      color:#b1b1b1;
}

.headerNavLeft a:hover {
      color: #000000;
}

.headerNavRight {
     float:right; color:#b1b1b1; 
}

.headerNavRight a {
     color:#b1b1b1; 
}

.headerNavRight a:hover{
     color: #000000; 
}


.boxShadow {
    margin-bottom: 20px;
    -moz-box-shadow: 0px 0px 15px #dddddd;
    -webkit-box-shadow: 0px 0px 15px #dddddd;
    box-shadow: 0px 0px 15px #dddddd;
}

.titleCanal {
      height:30px;  padding-top:10px; font-size:18px; font-weight:bold; margin-bottom:10px;
}

 #bg-text-banner{
	  margin-bottom: 5px; 
  }
  
.titleUniv{
font-size:18px; margin:10px 0px; color:#0056e4;
}

.titleUniv a{
color:#0056e4;
}

/* PAGING */

	#pagination{
    float: left;
    color:#3d3d3d;
    margin-top: 60px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    width:100%; 
    text-align:center;
}
#pagination a, #pagination strong{
    display: inline;
    padding: 3px 6px;
    text-decoration: none; 
    color:#0056e4;
}
#pagination strong{
    color: #ffffff;
    background-color:#0056e4;
    text-decoration: none; 
}
#pagination a:hover{
    color: #ffffff;
    padding: 3px 6px;
    background-color:#0056e4;
    text-decoration: none; 
}

/* END PAGING */


/* FOOTER */


.imgClient {
      margin: 10px; float:left;
}

.linkLeft {
      margin-left:5%; color:#b1b1b1;
}

.linkRight {
  margin-left:5%; color:#10218b; margin-bottom: 5px;
}

.linkRight a{
  color:#10218b;
}


.bgFooter {
      height: 55px; background: #1e77d1; margin-bottom: 20px;
}
/* END FOOTER */


/* HOME GENERAL */

.boxHeader {
      padding:12px 15px; border-bottom:1px solid #eee; margin-bottom: 10px; font-size:22px; font-weight:bold;
}

.boxContent {
      padding:5px 15px; text-align: left; line-height:18px;
}

.title {
      font-size: 17px;  margin-bottom: 10px; color: #0056e4;
}

.title a{
  color: #0056e4; 
}

.mrImg {
      float:left; margin-right:5px; 
}

.moreInfo {
      text-align: right;
      margin-top: 5px;  
}

.moreInfo a{
      color:#7eb152;
}

/* END HOME */

/* GENERAL EVENT */

.titleEvent {
      font-size: 20px; 
}

.titleEvent a{
  color: #0056e4; 
}

.dateEvent {
      color:#f90500; font-weight:bold; margin-bottom: 10px;
}

.imgEvent {
      float:left; margin-right:10px; width:31%;
}

.descEvent {
      float:left; width:65%; line-height:20px; margin-top:-5px;
}

  #text-marquee a{
  color: #0056e4;
  }

/* END EVENT */

	
/* #Site Styles
================================================== */
  @media only screen and (min-width: 320px) and (max-width: 480px) {
      
  #bg-logo {
	text-align: center;	    
  }
  
  #bg-banner {
  float:left; width:100%; height:100%; max-width:300px; height:76px; margin-top:-14px;
  }
  
  #bg-homebanner {
  float:left; width:100%; height:100%; max-width:300px; height:76px; margin-top:-14px;
  }
  
  #homebanner{
  float:left; width:100%; height:100%;  height:76px;
  }
  
  #mottoText{
   text-align: center;
   color:#10218b;
  }
  
  #text-marquee{
	  float: left; width:80%; height:24px; background: #ddd; padding:0px 3px; color: #0056e4;
  }
  
  #text-marquee a{
  color: #0056e4;
  }
  
  #reg-online{
	  float:left; text-align:center; width:100%; margin:8px 0px 0px;
  }
  
  #bg-menu{
	  background: url(../images/bg-menu.jpg) repeat-x;
	  margin-bottom: 0px;
  }

  #menu ul {
		  display: none;
		  list-style:none;
		  margin-bottom:0px;
	  }
  #menu li{
	  background:url(../images/bg-menu.jpg) repeat-x;
	  margin: 0px;
	  padding:0px;
	  margin-top: -2px;
  }
  #menu li a{
	  color:#ffffff;
	  font-size:14px;
	  font-family: ubuntu;
	  text-decoration:none;
	  display: block;
	  padding:9px 15px;
	  text-transform: uppercase;
  }
  #menu li a.current{
	  color: #ffffff;
	  padding:9px 15px;
	  background:url(../images/bg-menu-active.jpg) repeat-x;
	  font-weight:bold;
  }
  #menu li a:hover{ 
	  color: #ffffff;
	  padding:9px 15px;
	  background:url(../images/bg-menu-active.jpg) repeat-x;  
  }


a.arrow {
background: url(../images/arrowdown.png) no-repeat right center;
}

#menu li ul a{
padding-left: 30px;    
text-transform: capitalize;
}

#menu li ul a:hover{
padding-left: 30px;    
}

#menu li ul li ul a{
padding-left: 50px;    
text-transform: capitalize;
}

#menu li ul li ul a:hover{
padding-left: 50px;    
}

#menu li ul {
position: absolute;
top:0;
left: 0;
visibility:hidden;
margin: 0px;
z-index:10;
}


#menu li:hover > ul{
position: relative;
display: block;
visibility:visible;
}

	#menu a#pull {
    display:block;
	  background:url(../images/bg-menu.jpg) repeat-x;
	  padding-top: 9px;
	  padding-left: 9px;
	  margin-top: -2px;
	  height:41px;
	  font-size:16px; 
    color:#ffffff; 
    text-decoration:none;
	}	
	
	a#pull:hover{
  text-decoration:none;
  }
   /* CSS SEARCH BOX */
  #search{
  float:right;  padding-top:5px; position:relative;
  }

  #tw-input-text{
	  float: left;
	  border: 1px solid #eee;
	  background: #ffffff;
	  color: #777;
	  padding: 0px;
	  padding-left:5px;
	  font-size: 12px;
	  font-family: Tahoma, Geneva, sans-serif;
	  margin-top:3px;
	  margin-bottom:3px;
	  height:25px;
	  width:130px;
  }
  #tw-input-text:focus{
	  outline:none;
	  color:#333;
  }
  #tw-input-submit{
	  background: url(../images/search-zoom-icon.png) no-repeat 8px 5px;
	  border: 0;
	  float: left;
	  width: 22px;
	  z-index: 100;
	  cursor: pointer;
	  margin-top:5px;
	  position: relative;
	  left: -25px;
  }
	.scroll-pane{
		width: 300px;
		height: 120px;
		overflow: hidden;
	}
	
	.boxOffice {
  float:left; width:100%; margin-right:18px; height:170px; margin-top:10px; margin-bottom: 10px;
  }
  
  .boxTestimony {
  float:left; max-height:100%; width:100%; line-height:20px; margin-top:-5px;
  }
	
	.testimonyImg{
  float:left; margin-right:10px; width:100%; height: 100%; 
  }
	
  
	}
	
  @media only screen and (min-width: 480px) and (max-width: 767px) {
  
  #bg-text-banner{
	  margin-bottom: 5px; margin-top:30px; 
  }
  
  #bg-logo {
	text-align: center;	    
  }
  
  #mottoText{
   text-align: center;
   color:#10218b;
  }
  #bg-banner {
	  float:left; width:100%; height:100%; max-width:500px; height:76px; margin-top:-14px;
  }
  
  #bg-homebanner {
	  float:left; width:100%; height:100%; max-width:500px; height:76px; margin-top:-14px;
  }
  
  #homebanner{
  float:left; width:100%; height:100%; max-width:500px; height:76px;
  }
  
  #text-marquee{
	  float: left; width:85%; height:24px; background: #ddd; padding:0px 3px; color: #0056e4;
  }
  
  #reg-online{
	  float:left; text-align:center; width:100%; margin:8px 0px 0px;
  }
  
  #bg-menu{
	  background: url(../images/bg-menu.jpg) repeat-x;
	  margin-bottom: 0px;
  }
  #menu ul {
		  display: none;
		  list-style:none;
		  margin-bottom:0px;
	  }
  #menu li{
	  background:url(../images/bg-menu.jpg) repeat-x;
	  margin: 0px;
	  padding:0px;
	  margin-top: -2px;
  }
  #menu li a{
	  color:#ffffff;
	  font-size:14px;
	  font-family: ubuntu;
	  text-decoration:none;
	  display: block;
	  padding:9px 15px;
	  text-transform: uppercase;
  }
  #menu li a.current{
	  color: #ffffff;
	  padding:9px 15px;
	  background:url(../images/bg-menu-active.jpg) repeat-x;
	  font-weight:bold;
  }
  #menu li a:hover{ 
	  color: #ffffff;
	  padding:9px 15px;
	  background:url(../images/bg-menu-active.jpg) repeat-x;  
  }


a.arrow {
background: url(../images/downarrow.png) no-repeat right center;
}

#menu li ul a{
padding-left: 30px;    
text-transform: capitalize;
}

#menu li ul a:hover{
padding-left: 30px;    
}

#menu li ul li ul a{
padding-left: 50px;    
text-transform: capitalize;
}

#menu li ul li ul a:hover{
padding-left: 50px;    
}

#menu li ul {
position: absolute;
top:0;
left: 0;
visibility:hidden;
margin: 0px;
z-index:100;
}


#menu li:hover > ul{
position: relative;
display: block;
visibility:visible;
}

	#menu a#pull {
    display:block;
	  background:url(../images/bg-menu.jpg) repeat-x;
	  padding-top: 9px;
	  padding-left: 9px;
	  margin-top: -2px;
	  height:41px;
	  font-size:16px; 
    color:#ffffff; 
    text-decoration:none;
	}	
	
	a#pull:hover{
  text-decoration:none;
  } 
	/* CSS SEARCH BOX */
  #search{
  float:right;  padding-top:5px; position:relative; left:25px;
  }

  #tw-input-text{
	  float: left;
	  border: 1px solid #eee;
	  background: #ffffff;
	  color: #777;
	  padding: 0px;
	  padding-left:5px;
	  font-size: 12px;
	  font-family: Tahoma, Geneva, sans-serif;
	  margin-top:3px;
	  margin-bottom:3px;
	  height:25px;
	  width:200px;
  }
  #tw-input-text:focus{
	  outline:none;
	  color:#333;
  }
  #tw-input-submit{
	  background: url(../images/search-zoom-icon.png) no-repeat 8px 5px;
	  border: 0;
	  float: left;
	  width: 22px;
	  z-index: 100;
	  cursor: pointer;
	  margin-top:5px;
	  position: relative;
	  left: -25px;
  }
  .scroll-pane{
		width: 415px;
		height: 120px;
		overflow: hidden;
	}
	
	.boxOffice {
  float:left; width:100%; margin-right:18px; height:170px; margin-top:10px; margin-bottom: 10px;
  }
  
  .boxTestimony {
  float:left; max-height:100%; max-width:210px; line-height:20px; margin-top:-5px;
  }
	
	.testimonyImg{
  float:left; margin-right:10px; width:100%; height: 100%; max-height:290px; max-width:180px;
  }
    
	}
	

   
  /* IPAD  */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
  #bg-menu{
	  height:34px; background: url(../images/bg-menu.jpg) repeat-x;
  }
  #mottoText{
   text-align: right;
   color:#10218b;
  }
  
  #text-marquee{
	  float: left; width:735px; height:24px; background: #ddd; padding:3px 3px 0px; color: #0056e4;
  }
  
  #bg-banner { 
	  float:left; width:100%; height:100%; max-width:748px; height:189px; 
  }
  
  #bg-homebanner { 
	  float:left; width:100%; height:100%; max-width:748px; 
  }
  
  #homebanner{
  float:left; width:100%; height:100%; max-width:748px; 
  }
  
  #text-marquee{
	  float: left; width:70%; background: #ddd; padding:0px 3px; color: #0056e4;
  }
  
  #reg-online{
	  float:left; 
  }
  
  #menu {
	  margin-left:5px;
  }
  #menu ul{
	  padding:0;
	  margin:0;
	  list-style:none; 
  }
  #menu li{
	  float:left;
	  display:block;
	  margin-bottom: 0px;
  }
  #menu li a{
	  color:#ffffff;
	  font-size:14px;
	  font-family: ubuntu;
	  text-decoration:none;
	  display: block;
	  padding:9px 11px;
	  text-transform: uppercase;
  }
  #menu li a.current{
	  color: #ffffff;
	  padding:9px 11px;
	  background:url(../images/bg-menu-active.jpg) repeat-x;
	  font-weight:bold;
  }
  #menu li a:hover{ 
	  color: #ffffff;
	  padding:9px 11px;
	  background:url(../images/bg-menu-active.jpg) repeat-x;  
  }
  
#menu li li{
clear:left/*for IE7*/
}

#menu li ul li a{
display: block;
width: 205px;
text-transform: capitalize;
margin-top: -2px;
font-size:14px;
}

#menu li a:hover{
color:#ffffff;
}


#menu li ul {
      display: none;
      position: relative;
      z-index:1000;
}

.submenu {
position:relative; left:227px; top:-34px;
}


#menu li:hover > ul{
      display: block;
      position: absolute;
}

#menu li ul a{
background: url(../images/bg-menu.jpg) repeat-x;
}

  
  
    /* CSS SEARCH BOX */
  #search{
  float:right;  padding-top:5px; position:relative; left:25px;
  }

  #tw-input-text{
	  float: left;
	  border: 1px solid #eee;
	  background: #ffffff;
	  color: #777;
	  padding: 0px;
	  padding-left:5px;
	  font-size: 12px;
	  font-family: Tahoma, Geneva, sans-serif;
	  margin-top:3px;
	  margin-bottom:3px;
	  height:25px;
	  width:190px;
  }
  #tw-input-text:focus{
	  outline:none;
	  color:#333;
  }
  
  #tw-form #tw-input-submit{
	  background: url(../images/search-zoom-icon.png) no-repeat 8px 5px;
	  border: 0;
	  float: left;
	  width: 22px;
	  z-index: 100;
	  cursor: pointer;
	  margin-top:6px;
	  position: relative;
	  left: -30px;
  }

   a#pull{
	  display:none; height:25px;
  }
  .scroll-pane{
		width: 745px;
		height: 120px;
		overflow: hidden;
	}
	
	.boxOffice {
  float:left; width:46%; margin-right:18px; height:205px; margin-top:10px; margin-bottom: 10px;
  }
  
  .boxTestimony {
  float:left; max-height:290px; max-width:282px; line-height:20px; margin-top:-5px;
  }
	
	.testimonyImg{
  float:left; margin-right:10px; width:100%; height: 100%; max-height:290px; max-width:180px;
  }
	
  }
  
  /* DESKTOP */
  @media only screen and (min-width: 959px){
  #bg-menu{
	  height:34px; background: url(../images/bg-menu.jpg) repeat-x;
  }
  
  #bg-banner {  
	  float:left; width:100%; height:100%; max-width:940px; height:238px; 
  }
  
  #mottoText{
   text-align: right;
   color:#10218b;
  }
 
  #bg-text-banner2 {
	  height:24px; border-top: solid 5px #1db2ea; border-bottom: solid 5px #1a49a1; background: #1e77d1;
  }
  
  #text-marquee{
	  float: left; width:731px; height:24px; background: #ddd; padding:0px 3px; color: #0056e4;
  }
  
   #reg-online{
	  float:left; 
  }

  #menu{
	  margin-left: 15px;
  }
  #menu ul{
	  padding:0;
	  margin:0;
	  list-style:none; 
  }
  #menu li{
	  float:left;
	  display:block;
	  margin-bottom: 0px;
  }
  #menu li a{
	  color:#ffffff;
	  font-size:16px;
	  font-family: ubuntu;
	  text-decoration:none;
	  display: block;
	  padding:9px 16px;
	  text-transform: uppercase;
  }
  #menu li a.current{
	  color: #ffffff;
	  padding:9px 16px;
	  background:url(../images/bg-menu-active.jpg) repeat-x;
	  font-weight:bold;
  }
  #menu li a:hover{ 
	  color: #ffffff;
	  padding:9px 16px;
	  background:url(../images/bg-menu-active.jpg) repeat-x;
  }
 
#menu li li{
clear:left/*for IE7*/
}

#menu li ul li a{
display: block;
width: 208px;
text-transform: capitalize;
margin-top: -2px;
font-size:14px;
}

#menu li a:hover{
color:#ffffff;
}


#menu li ul {
      display: none;
      position: relative;
      z-index:888;
}



#menu ul ul ul {
position: relative; left:240px; 
}

.submenu{
position:relative; top:-34px;
}


#menu li:hover > ul{
      display: block;
      position: absolute;
}

#menu li ul a{
background: url(../images/bg-menu.jpg) repeat-x;
}

  
  /* CSS SEARCH BOX */
  #search{
  float:right;  padding-top:5px; position:relative; left:25px;
  }

  #tw-input-text{
	  float: left;
	  border: 1px solid #eee;
	  background: #ffffff;
	  color: #777;
	  padding: 0px;
	  padding-left:5px;
	  font-size: 12px;
	  font-family: Tahoma, Geneva, sans-serif;
	  margin-top:3px;
	  margin-bottom:3px;
	  height:25px;
	  width:200px;
  }
  #tw-input-text:focus{
	  outline:none;
	  color:#333;
  }
  #tw-input-submit{
	  background: url(../images/search-zoom-icon.png) no-repeat 8px 5px;
	  border: 0;
	  float: left;
	  width: 22px;
	  z-index: 100;
	  cursor: pointer;
	  margin-top:5px;
	  position: relative;
	  left: -25px;
  }
  
  a#pull{
	  display:none;
	  
  }
  .scroll-pane{
		width: 940px;
		height: 120px;
		overflow: hidden;
	}
	
	.boxOffice {
  float:left; width:47%; margin-right:18px; height:205px; margin-top:10px; margin-bottom:10px;
  }
  
  .boxTestimony {
  float:left; max-height:290px; max-width:410px; line-height:20px; margin-top:-5px;
  }
	
	.testimonyImg{
  float:left; margin-right:10px; width:100%; height: 100%; max-height:290px; max-width:180px;
  }
  


  }


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */
		/* Mobile/Browser */
	@media only screen and (max-width: 767px) {}
	
	
	/*** iPad Portrait/Browser ***/
	@media only screen and (min-width: 768px) and (max-width: 991px) {
  }
	
	/*** Mobile Landscape/Browser ***/
	@media only screen and (min-width: 480px) and (max-width: 767px) {}
	
	/* Anything smaller than standard 960 */
	@media only screen and (max-width: 959px) {
	  
  }
	
	/* iPad Portrait Only */
	@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {}
	
	/* Mobile Only */
	@media only screen and (max-width: 767px) and (max-device-width: 1000px) {

  }
	
	/* Mobile Landscape Only */
	@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {}
	

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file 
		Just create a "fonts" folder at the root, 
		copy your FontName into code below and remove
		comment brackets */
	
	@font-face {
	    font-family: 'ballon';
	    src: url('../font/ballon.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal; }
	    
	    
      @font-face {
	    font-family: 'ubuntu';
	    src: url('../font/Ubuntu-Regular.ttf') format('truetype');
	    font-weight: 400;
	    font-style: normal;
      }
      
      @font-face {
	    font-family: 'ubuntu';
	    src: url('../font/Ubuntu-Medium.ttf') format('truetype');
	    font-weight: 500;
	    font-style: normal;
      }
      
      @font-face {
	    font-family: 'ubuntu';
	    src: url('../font/Ubuntu-Light.ttf') format('truetype');
	    font-weight: 300;
	    font-style: normal;
      }
      
      @font-face {
	    font-family: 'ubuntu';
	    src: url('../font/Ubuntu-Bold.ttf') format('truetype');
	    font-weight: 700;
	    font-style: normal;
      }