body{
	margin-top: 0px;
	font-size: 14px;	
	line-height: 150%;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif, "Gill Sans" ;
	font-family: "Segoe UI" ,Tahoma, Arial, Helvetica, sans-serif, "Gill Sans", "Lucida Sans", "Trebuchet MS"  ;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/bk_main_header.jpg);
   background-repeat:repeat-x;	
   background-color: #f4f4f4;
   
}


.testing{
	background-color: white;
	background-image:url(../images/bk_main_menu.jpg);
	background-repeat: repeat-x;	
	height: 177px;
}

.bkmenu{

	background-image:url(../images/bk_main_menu.jpg);
	background-repeat: repeat-x;	
	height: 177px;
	top: 150px;
	
}

#Container
{
	 width: 1024px;	
	 
	 margin: 0 auto;
	 /*border: thin dotted red;	*/
	 
	 	 
}

/**************************tab **************************/
	.tab_container{
			width: 600px;
			margin: 0 auto;
		}

		ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 10px 9px;
			cursor: pointer;					
			border-top-left-radius: 5px;	
			border-top-right-radius: 5px;
			
		
		}

		ul.tabs li.current{
			background: #ededed;
			color: #222;
		}

		.tab-content{
			display: none;
			background: #ededed;			
			padding: 10px;
		}

		.tab-content.current{
			display: inherit;
		}


/*************************Tab**************************/


.heading{
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #001555;
}
.subHeading{
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #0045A3;
}

.sideBar_heading{
	font:  Arial, Helvetica, sans-serif, Geneva;
	font-size: 1.6em;
	font-weight: 100;	
	color: #A57F4B;
}
.sideBar_subheading{
		font-size: 1.8em;
	font-weight: 100;	
	color: #001555;
}

.events_heading{
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #DB5C47;
	background-color: #f3f3f3;
	border: thin solid #e3edc6;	
	padding:5px; 
	font-weight: bold;	
}

.subHeadingOrange{
	font: Verdana,Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #DB5C47;
	
}

.subHeadingGold{
		font: Verdana,Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #A57F4B;
}

.padding{
   padding-left: 10px;
   padding-right: 10px;
	padding-top: 15px;
}
/******** text padding for news*****/
.text_padding{

	padding-left: 25px;
}

/********* text padding for media ****/
.media_padding{
	padding-left: 50px;
}


.date{
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #2A283A;
}
.dateList{
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #888896;	
}

#SecondaryNavigation{
  
	 /*border:thin red solid;*/
	
}
#SecondaryNavigation ul
{
	/*border:thin green dotted;*/
	list-style: none;
	height: 40px;
	margin-left: 285px;
	margin-top: 0px;

}
#SecondaryNavigation ul li{	
	float: left;	
	margin-left: 25px;

}

#SecondaryNavigation ul li a{
 	/* border:thin red dotted;*/
	display: block;
   text-decoration: none;        
   margin-left: 1px;
   white-space: nowrap;
   padding: 5px 5px 4px 5px;	
 	color: black;
}

#quickLinks div a{
	 text-decoration:none;  
	 color: black; 	
}

#quickLinks div a:hover{
	 text-decoration:underline 
	 
}



/*             Menu Components                          */



/****************** About OSEC*******************/




/*              Menu Components                          */

#dpLink a:link {

	color: black;	
}

#dpLink a:hover {

	color: white;
	background: #3b3b3b;
}

#dpLink:hover ul {
    display: block;
    position: absolute;          
    margin-left:0px;
    width: 120px;   
}

#dpLink:hover li {
    float: none;
    font-size: 14px;
    margin-left: -40px;
    width:165px;
    opacity:0.75;
}
#dpLink:hover a { 
	background: #3b3b3b; 
   height: 25px; 
    color: #FFFFFF;    
}

#dpLink:hover li a:hover {
    background: #1e7c9a;
    
}


#PrimaryMenu div{
		float: left;
		/*border:thin green dotted;*/
}

#nav{
    font-family: Arial, Verdana;
    font-size: 14px;
    margin-top:25px; 
    margin-left:15px;
    padding: 0;
    list-style: none;    
	 height: 35px;	
	 width: 1024px;
}

#nav  li {
    display: block;
    position: relative;
    float: left;     
}

li ul {
    display: none;
}
#nav li a {
    display: block;
    text-decoration: none;
    color: #444444;    
    padding: 5px 25px 5px 15px;
    margin-left: 1px;
    white-space: nowrap;
}
#nav li a:hover {
	background: #3b3b3b;
}

#nav li:hover ul {
    display: block;
    position: absolute;
	padding: 0;
}

#nav li:hover li {
    float: none;
    font-size: 14px;
    opacity:0.75;
}
#nav li:hover a { 
	background: #3b3b3b; 
   height: 25px; 
    color: #FFFFFF;    
}

#nav li:hover li a:hover {
    background: #1e7c9a;
    
}

#components{
	/*border:thin orange dotted;*/
   width: 1024px;
  /* height: 365px;
   background-repeat: no-repeat;
   background-image: url(../images/bk_components.jpg);*/
}
  
#components div{

	float: left;
	height: 348px;
   /*border:thin black dotted;*/

}
#components ul{
	list-style: none;
	margin-left: 20px;
}

#text p{
 
	text-align: justify;
}

.subHeading1{
	font-family: Arial;
	font-size: 30px;
	color: #444444;
}
.subHeading2{
	font-family: Arial;
	font-size: 23px;
	color: #7C942E;
}
.subHeading3{
	font-family: Arial;
	font-size: 18px;
	color: #444444;
}

#subimage{
	width: 1024px;
   height: 123px;
}

#bar{
	background-image: url(../images/bar.jpg);
	background-repeat: repeat-x;
}

.dottedBar{
	background-image: url(../images/dottedBar.jpg);
	background-repeat: repeat-x;	
	height: 1px;
}

.solidBar{
background-image: url(../images/solidBar.jpg);
background-repeat: repeat-x;	
height: 1px;
}

#news{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: black;
/*	border:thin purple dotted;*/
	
}
#news div{
	float: left;
	height: 580px;
	width: 300px;
	/*border:thin black dotted;*/
}
#video-container{
	/*border:thin black dotted;*/	
	width: 1015px;
	margin:0 auto;
	 background-color:white; 
	 border: 1px solid #E4E4E4;
}

/**************************tab **************************/
	.container{
			
			margin: 0 auto;
		}

		ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 10px 15px;
			cursor: pointer;
		}

		ul.tabs li.current{
			background: #ededed;
			color: #222;
		}

		.tab-content{
			display: none;
			background: #ededed;
			padding: 15px;
		}

		.tab-content.current{
			display: inherit;
		}

#tab-1 table, #tab-2 table, #tab-3 table, #tab-4 table, #tab-5 table, #tab-6 table{
	
	width: 550px;
}		
#tab-1 table tr:nth-child(2n+2),
#tab-2 table tr:nth-child(2n+2),
#tab-3 table tr:nth-child(2n+2),
#tab-4 table tr:nth-child(2n+2),
#tab-5 table tr:nth-child(2n+2),
#tab-6 table tr:nth-child(2n+2)
{
		background-color: white;
		border-bottom: thin dotted gray;	
		
}
#tab-1 table td, #tab-2 table td, #tab-3 table td, #tab-4 table td,#tab-5 table td,#tab-6 table td{
		padding: 10px;
}

#tab-1 table tr:hover,
#tab-2 table tr:hover,
#tab-3 table tr:hover,
#tab-4 table tr:hover,
#tab-5 table tr:hover,
#tab-6 table tr:hover

{
		background-color: #FFFF99;
}

/*************************Tab**************************/



#media{
	clear:both;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: black;	
}

#media div{
	float: left;
	/*border:thin blue solid;		*/
	background-repeat: repeat-x;
	overflow: hidden;	
	
	}

#media-news,  #media-sides {
   border: 1px solid #E4E4E4;   
	background-color: white;
	border-radius:5px;	

}

#media-news{
	width: 580px;
	
}

#media-sides{
	width: 360px;
	/*height:470px;*/
}

#media div ul{
	list-style: none;	
   
}
#media div ul li{
/*	margin-left: -40px;*/
}

#media div ul li a{
	font-family: Verdana;
	font-size: 12px;
	color: #003399;	
	text-decoration: none;
	display: block;
	
}
#media div ul li a:hover{
	text-decoration: underline;
}

#media div ul li a.links{
	font-family: Verdana;
	font-size: 12px;
	color: #009EDA;	
	text-decoration: none;
	display: block;
	
}
#media div ul li a.links:hover{
	text-decoration: underline;
}

#side_bar{
	width: 328px;
}


a.news_links{
	font-family: Verdana;
	font-size: 12px;
	color:#595959;	
	text-decoration: none;
	display: block;
	
}
a.news_links:hover{
	text-decoration: underline;
} 
dt{
 font-weight: bold;
 color: #003399;
 padding-top: 10px;
 
}
dd{
	margin-left:5px;
}


.innerMenu{
margin-top: 20px;
width: 220px;



/*border: thin solid #a7a7a7;
background-color: #d0eab7;
border-radius:5px;*/

}

.innerMenu header{
	font-weight: bold;
}

.innerMenu header a{
text-decoration: none;
color: #0045a3;

}

 
.innerMenu ul
{
 list-style: none;
 padding-left:-50px; 
 margin-top: -10px;
 margin-bottom:10px;
 

}
.innerMenu ul li a{
	
text-decoration: none;
color:black;
display: block;
margin-left:-30px; 
font-weight: 300;

}

.innerMenu ul li a:active
{ 

color:black;
display: block;
font-weight: 300;

}

.innerMenu ul li a:hover{	

color:red;
background-color: #fafad2;
}

.tbl_component{
	width: 790px;
}

#footer div{
	float: left;
	background-image: url(../images/bk_footer.jpg);	
	background-repeat: repeat-x;
	height: 200px;
	width: 225px;
}

#footer div ul{
	list-style: none;	
   /*border:thin red dotted;*/
}
#footer div ul li{
	margin-left: -40px;
}
#footer div ul li a{
	text-decoration: none;
	color:black
}
#footer div ul li a:hover{
	text-decoration:underline;
	color:black
}


.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}