@charset "utf-8";
/* CSS Document */
/*screen_layout_small.css*/
/**home page*/

.swiper-container {
    height: 300px !important;
}
.wosaLogo {
    width: 30%!important;
}

.sumLogo img{float:none!important;}
/****/
.menuSearch_home {
    width: 75%;
    height: 30px;
    /*padding-right:20px;*/
    /*padding-top:20px;*/
    float: left;
}
#header_container {background-color:#F1F1F1;}
.headerContent {width:100%;}
.headerContent .headerContentLogo{width:30%;float:left;}
.headerContent .headerContentSearch { width:69%; float:right;}
.logo_holder {
	width:100%;/*224px*/
	/*height:50%;*/
	padding-left:0.1em;
	float:none;
	margin-bottom:1em;/*	border:#00CC00 solid 1px;*/
}
.logo_holder img {
width: 90%;
   max-width: 190px;
   height:auto;
   display:block;
/*border: 1px solid  #000 ; */
}
.menuSearch { float:none;}
#search_box {
	/*padding:2px;*/
	width:250px;
	/*float:right;*/
/*	clear:none;*/
	margin-top:5px;
	margin-left:5px;
}
#search_box input {
	border:none;
	color:#CCC;
	/*font:bold 12px Helvetica, Arial, sans-serif;*/
	width:200px;
}
.topmenucontainer {

	/*	position: fixed;
	top: 0;*/
	/*width: 100%;*/
	height:45px;
	color: #333;
	/*display: block;*/
	/*	border: 1px solid green;*/
/*	padding-right:30px;
*/}
.menuSearch_home .topmenusearchboxfloarright {
	float:left;
	width:220px;
	display:block;}
	

.menuSearch_home #search_box {
	/*padding:2px;*/
	width:270px;
	/*float:right;*/
/*	clear:none;*/
	margin-top:5px;
	margin-left:5px;
}
.menuSearch_home #search_box input {
	border:none;
	color:#CCC;
	/*font:bold 12px Helvetica, Arial, sans-serif;*/
	width:155px;
}
.topmenusearchboxfloarright {
	/*float:left;*/
	width:90%;
	/*display:block;*/
	/*border:solid 1px #003399;*/
}
.topmenufloatrightBecomeMember {
	display:none;
/*	float:right;
	width:180px;
	text-align:center;
	padding-top:8px;
	height:40px;
	padding-right:10px;
	white-space:nowrap;*/
}
.topmenufloatrightMemIndex {
	display:none;
	/*float:right;
	width:170px;
		text-align:center;
	padding-top:8px;
	height:40px;*/
}
.topmenufloatrightLibrary {
		display:none;
		/*float:none;
	width:65px;
	text-align:center;
	padding-top:8px;
	height:40px;*/
}
.topmenufloatrightLogin {
	display:none;
	float:right;
	width:50px;
	text-align:center;
	height:50px;
}
.topmenuIconboxfloarright { display:none;
/*	width:110px;
	float:right;*//*padding-right:5px;*/
}
.topmenuline {
	display:none;
/*	border-left:1px solid #ccc;
	width:1px;
	height:28px;
	float:right; /*display:block;*/
	margin-top:5px;*/
}

#wosaBanner #WOSA_logo_float img{ 
width:45%;
    height:auto;
    display:block;
}

/*.nav-collapse li {
	width: 100%;
 	background:#F1F1F1;
  }*/
  
.wosaSlogan {
background-color: #F1F1F1;
width: 100%;
margin-left: auto;
margin-right: auto;
/*height: 190px;*/
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
color: #666666
}

.sloganText {
padding-top: 12px;
width: 90%;
margin-left: auto;
margin-right: auto;
}

.flag_Home {
margin-left: auto;
margin-right: auto;
/*width: 100%;*/
background-color: #F1F1F2;
height: 40px;
text-align: center;
}

.flag_footer {
margin-left: auto;
margin-right: auto;
width: 100%;
padding-top: 1em;
padding-bottom: 1em;
background-color: #F1F1F2;
height: 80px;
text-align: center;
}

.footer_holder {

	width:100%;
	min-height:100% !important;
		height:680px;
	display:block;
	background-color: #4d4d4f;
	/*clear:both;*/
	position:relative;
	padding-bottom:50px;
	/*margin-bottom:50px;*/
}

.footer {
height: auto;
	/*width:100%;*/
	min-height:100% !important;
	display: block;
	background-color: #4d4d4f;
	padding-top: 2em;
	/*padding-bottom: 17em;*/
	padding-left: 4em;
	padding-right: 4em;
	color: #fff;}

.footer_links {
	float: none;
	display: block;
/*	padding-left: none;*/
	width: 100%;
	padding-top: 3.5em;
	font-size: .8em;
	color: #bcbfbf;
	line-height: 1.7em;
}

.first_footer {
float: left;
display: block;
width: 30%;
padding-top: 2em;
font-size: .8em;
color: #bcbfbf;
line-height: 1.7em;
}


#side_menu {
/*	display:none;*/

}

.article_content {
display: block;
width: 100%;
float: left;
}

<!--topmenu-->

.topmenucontainer {
/* width: 100%; */
height: 145px;
color: #333;
display: block;
/* border: 1px solid green; */
padding-right: 30px;
margin-top: 35px !important;
margin-bottom: 35px !important;
}

.nav-collapse li {
	width: 100%;
 	background:#FFF;
  }
  .nav-collapse a { font-size:0.8em;}
    .nav-collapse > ul > :first-child{border-top:solid 2px #f1f1f1;}
#mainmenu ul { width:100%;}
#mainmenu ul li {
	width:100%;

}
#mainmenu ul li a {
	
	margin-top:5px;
	margin-bottom:5px;
	text-decoration: none;
	font-size:1em;
}

#mainmenu ul li a:hover{
	color: #952522;
}
ul#mainmenulistitems  {background-color:#FFF; margin-top:10px;}
#mainmenulistitems > a {height:100%;}
#mainmenu ul li a {	font-size:1em !important;background:#FFF;

}

/*Loui*/

#header_container_home {
	height:60px;

}
/*Louis 2016-11-11*/
.bannerHeadLink {position:absolute; padding:2px; width:62%; color:#FFF; top:20px; left:0; font-size:10px;}
.SeriesHolder .videoWrapper {
    float: left;
    margin: 10px;
    padding: 10px;
    display: block;
    width: 50%;
    max-width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(253, 253, 253, 0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(253, 253, 253, 0.75);
    box-shadow: 1px 1px 5px 0px rgba(253, 253, 253, 0.75);
    border: 1px solid #E3E3E3;
}

/*Second menu*/
@media only screen and (max-width: 800px) {
#side_menu {display:block!important;    width: 100% !important;padding-top: 10px!important; padding-bottom: 5px!important;}


#side_menu  .collapsible-menu label {
    display: block;
    cursor: pointer;
    background: url("/Themes/Content Themes/WOSA/Templates/Images/threelines.png") no-repeat left center;
    padding: 10px 0 10px 50px;
	background-position:left;
	background-size:contain;
	    height: 10px;
    margin-bottom: 10px;
}
#side_menu  .menu-content {
    max-height: 0;
    overflow: hidden; 
}
/* Toggle Effect */

#side_menu input:checked ~ .menu-content {
    max-height: 100%;
}
}