html
{ height: 100%;}
*
{ margin: 0px;
  padding: 0px;}

body
{ 
	font: normal 16px Arial, Helvetica, sans-serif;
	background: #87CEFA;
  	color: #000;
  	
}

p
{ padding: 0px 0px 10px 0px;
  line-height: 35px;
  text-align:justify;
  font-size: 16px; }

.txtPoint{
    color:#92d050;
    font-weight:bold;
    font-size:18px;
}
.txtPointBlue{
    color:blue;
}
.txtParagraph
{  
  line-height: 1.7em;
  text-align:justify;
  font-size: 16px;
  color: #000;
}
#inner_text_bullets ul{
    display:block;
    
}
#inner_text_bullets ul li
{
    list-style-type:square;
    font-size:16px;
    padding-left:0px;    
    list-style-position: outside;
    margin-left:30px;
}


img
{ border: 0;}

h1, h2, h3, h4, h5, h6 
{ font: normal 175% Arial, Helvetica, sans-serif;
  color: blue;
  letter-spacing: 0px;
  margin: 0 0 10px 0;
  padding: 5px 0 0 0;}

h2
{ font: normal 165% Arial, Helvetica, sans-serif;}

h3
{ font: normal 100% Arial, Helvetica, sans-serif;
}

h4, h5, h6
{ margin: 0;
  padding: 0 0 5px 0;
  font: normal 150% Arial, Helvetica, sans-serif;
  color: #528CCC;
  line-height: 1.5em;}

h5, h6
{ font: normal 95% Arial, Helvetica, sans-serif;
  color: #888;
  padding-bottom: 15px;}

a, a:hover
{ background: transparent;
  outline: none;
  text-decoration: none;
  color: blue;/*#528CCC;*/
}

a:hover
{ text-decoration: underline;}

ul
{ /*margin: 2px 0 22px 30px;*/
  margin: 0px 0 0px 0px;
  line-height: 1.7em;
  font-style: normal;
  font-size: 14px;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

#main, #header, #banner, #menubar, #site_content, #footer, #container_footer, #container_header,#slide_container
{ margin-left: auto; 
  margin-right: auto;}

#main
/*{ background: #87CEFA url(../images/pattern.jpg) repeat;}*/
{ background: #87CEFA ;}

/*================================================ Header =========================================*/
#header_container
{ height: 195px;
  background: #87CEFA;}

#header
{ width: 95%; /*Totla Width of header*/
  height: 195px;
  margin-top: 10px;
  background: white;
  border-top: 1px solid #87CEFA;
  border-left: 1px solid #87CEFA;
  border-right: 1px solid #87CEFA;}

#banner
{ width: 46%;
  float: left;
  height: 90px;
  padding-top: 20px;
  padding-left: 20px;
    background:url('../images/LogoBK.png') no-repeat;}

#banner H1
{ font: normal 250% Arial, Helvetica, sans-serif;
  color: blue;
  padding-bottom: 10px;}  
  
#banner_slogan
{ font: normal 16px Arial, Helvetica, sans-serif;
  width: 50%;
  position: relative;
  float: right;
  text-align: right;
  padding-top: 7px;
  padding-right: 20px;
  height: 70px;}
  
#banner_slogan H2
{ color: Blue;} 
#banner_slogan img
{
	width:30px;
}
#HeaderTVMedia{
	width:100%;
	text-align:center;
	height:44px;
	clear:both;
}  
#HeaderTVMedia span
{ color: #92d050; font-size:26px;}
  
/*================================================ end  Header =========================================*/
span
{ color: #528CCC;
  padding-bottom: 10px;}

#menubar
{ width: 100%; /*Totla Width of header*/
	text-align:center;
  padding: 8px 0px 0px 0px;
  height: 30px;
  background: #528CCC;
} 
  
ul#menu
{ 
  padding:0px;}

ul#menu li
{ 
	list-style: none;
	display: inline;
	position:relative;
	padding:0px;
	border-right:1px solid #92d050;}

ul#menu  a
{ font: normal 110% arial, sans-serif;
  display: inline;
  letter-spacing: 0px;
  height: 25px;
  padding: 8px 20px 8px 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: #528CCC;
  border: 0px solid grey;} 


ul#menu li.current
{ background: transparent;}

ul#menu li.current span a, ul#menu li.current a:hover
{ /*background: #528CCC;*/
      background: #92d050;
  color: #FFF;}
ul#menu li a:hover
{ color: #fff;
  width:100%;
  background: #92d050;
}
/* ============ Submenu ================*/
ul#menu  ul
{
	display:none;
    margin-top:8px;
	position:absolute;
    z-index: 1000;
	top:100%;
    width:250px;
	left:0;
	background:#528CCC;
    border:1px groove grey;
	padding:0px;
	text-align:left;
}
ul#menu  ul a
{ font: normal 110% arial, sans-serif;        
  text-align: center;
  color: #fff;   
  background: transparent;    
  } 
ul#menu ul li
{
	float:none;	
    display:list-item;
    background: transparent;
    border: 0px groove grey;
}

ul#menu ul li:hover
{ color: #fff;  
  background: #92d050;
}
ul#menu  ul a
{
	line-height:250%;    
	padding:10px 15px
}

ul#menu  ul ul
{
	top:0;
	left:100%
}

ul#menu  li:hover > ul
{
	display:block
}




#site_content
{ width: 95%; /*Totla Width of header - 20px*/
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 0 0px;
  border-left: 1px solid #CBCDCF;  
  border-right: 1px solid #CBCDCF;  
  background: #FFF;} 

#content
{ width: 68%;
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;}
  
.content_item
{ width: 97%;
  margin-top: 5px;
  margin-bottom: 5px;}

.content_container_color
{ width: 97%;
  padding: 5px;  
  color: #FFF;
  background: #92d050;
  margin-bottom: 10px;}
  
.content_container
{ width: 97%;
  padding: 5px;
  float: left;
  color: #000;
  background: #FFF;
  margin-bottom: 10px;}
.TvMediaLinks a
{	
	background: transparent;
	outline: none;
  	text-decoration: none;
  	color: #92d050;


}
.TvMediaLinks a:hover
{ color: #fff;  
  background: #92d050;
}


/*==============================================*/
.sidebar_container
{ float: right;
  width: 26%;
  margin: 20px 20px 20px 0;}

.sidebar
{ float: left;
  width: 100%;
  margin-bottom: 10px;}

.sidebar_item
{ font: normal 100% Arial, Helvetica, sans-serif;
  padding: 0 15px 0 10px;
  width: 95%;}

.sidebar h2
{ background: #528CCC;
  color: #FFF;
  width: 100%;
  padding-left: 10px;}
  
.sidebar h4
{ font-size: 125%;
  color: #000;}

.sidebar ul li, .sidebar ul li.selected
{ list-style: none; 
  margin: 15px 0;
  padding: 0;}


#footer_container
{ /*height: 125px;*/
  background: #87CEFA}  
  
#footer 
{ 
  width: 95%; /*Totla Width of header*/
  height: auto;
  padding: 30px 0 0px 0;  
  color: blue;
  background: white;
  border: 1px solid #87CEFA;} 

#footer_left{
    width: 58%;
    float: left;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;   
    font-weight: normal;
    padding-left: 10px;
}
#footer_right{
    width: 40%;
    float: right;    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;  
    height:auto; 
    font-weight: normal;
    text-align: right;
    background-color: #fff;
    padding-right: 5px;
}


#footer a, #footer a:hover
{ color: blue;
  text-decoration: none;
  padding-bottom: 20px;}

#footer a:hover
{ text-decoration: underline;}

#footer a, #footer a:hover
{ color: blue;
  text-decoration: none;}

#footer a:hover
{ text-decoration: underline;}
  
#dev
{ font: normal 80% Arial, Helvetica, sans-serif;  
  text-align: right;
clear:both;
  margin:auto;
  width: 99%;
  color: blue;
  }
#dev a
{ font: normal 100% Arial, Helvetica, sans-serif;  
  color: blue;
  }

.button_small
{ font: normal 80% Arial, Helvetica, sans-serif;
  height: 25px;
  width: 80px;
  padding: 4px 0 0 8px;
  background: transparent url(../images/button_small.png) no-repeat;}
  
.button_small a
{ color: #FFF;}
form {

	margin: 1em 0; /* space out the filedsets a little*/
	padding: 10px;
	width: 95%;
	border: 1px solid #cccccc;
	background-color: transparent;
	-moz-border-radius: 1px;
       	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;

}
.form_settings
{ margin: 15px 0 0 0;}

.form_settings p
{ padding: 0 0 4px 0;}

.form_settings span
{ float: left; 
  width: 280px; 
  text-align: left;}
  
.form_settings input, .form_settings textarea
{ padding: 2px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid black; 
  background: #E5E4E2; 
  color: #47433F;}
.form_settings textarea
{ padding: 2px; 
  width: 100%; 
  font: 100% arial; 
  border: 1px solid black; 
  background: #E5E4E2; 
  color: #47433F;}

.form_settings input[type=checkbox]
{ padding: 2px 0; 
  width: 15px; 
  font: 100% arial; 
  border: 0; 
  background: #FFF; 
  color: #47433F;
  margin: 28px 0;}

.form_settings .submit
{ font: 100% arial; 
  border: 1px solid; 
  width: 99px; 
  margin: 0 0 0 206px; 
  height: 26px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #5082BD; 
  color: #FFF;}
  
/*--------------------- styling for the slideshow on the homepage */
#slide_container
{ width: 95%;
  background: #87CEFA}  

ul.slideshow {
  list-style: none;
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
  margin-left: 1px;
  padding: 0;}
  
ul.slideshow li {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;}
 
ul.slideshow li.show {
  z-index: 500;}
 
ul img {
  border: none;
  width:100%;
  height:200px;}
 
#slideshow-caption {
  width: 58%;
  height: 200px;
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 0;
  top:10px; 
  z-index: 500;}
 
#slideshow-caption .slideshow-caption-container {
  padding: 0px 0px 0 0px;   
  z-index: 1000;}
 
#slideshow-caption p {
  padding: 0;
  font: normal 130% georgia, sans-serif;
  /*text-shadow: 2px 2px #000;*/
  color: #fff;}

/*==========================================================================*/

@media screen and (max-width: 768px) 
{
	#content { width: 95%; padding-left: 15px; margin-top: 0px;  margin-bottom: 0px;  float: left;}
	.sidebar_container	{float: left; width: 100%;   }
	#slide_container{ display:none;} 
	#header{ width: 95%; /*Totla Width of header*/  height: 160px;  margin-top: 10px;  background: white;}

	#banner{ width: 100%; clear: both; background:url('../images/LogoM.png') no-repeat;background-position:center;padding:0px 0px 0px 10px; height:55px; }
	#banner_slogan{   width: 100%;text-align:center; clear:both; padding:0px; height:35px; }
	#banner_slogan h2 div{font-size:13px;width:100%; text-align:center; clear:both; padding-right:5px; }
	#banner_slogan img{	width:10px;}
	
	#HeaderTVMedia span{font-size:12px;   width: 100%;text-align:center; ; padding:0px; ; }
	#HeaderTVMedia{height:20px;	}

	h2{ font: normal 18px Arial, Helvetica, sans-serif;}
	#header_container{ height: auto;  background: #87CEFA;}
	#footer {   width: 95%; /*Totla Width of header*/  height: 350px;  padding: 0px 0 0px 0;    color: blue;  background: white;} 
	#footer_left{    width: 95%;   clear: both;    background-color: #fff;    font-size: 12px;   padding-left: 15px; padding-top:15px;}
	#footer_right{   width: 95%;    clear: both;  text-align:center;     font-size: 12px; padding-top:15px;      }
	#footer a, #footer a:hover{ color: blue;  text-decoration: underline;}

/*========================================================*/
 	#menu.js {		display: none;		}
	#menu {			text-align: left;	}
	ul#menu  a{ display: block;  letter-spacing: 0px;  padding: 8px 5px 8px 5px;  text-align: center;}
	#menubar{  background: transparent;} 

/*========================================================*/
}
@media screen and (min-width: 768px) {
		#menu2 {			display: none;		}		
}
@media screen and (max-width: 1025px) {
		#banner_slogan{   width: 50%; }
		#banner_slogan span{font-size:18px;}
		ul{ font-size: 13px;}		
		ul.slideshow {  height: 200px; }

}