@charset "utf-8";
/* CSS Document */

/* 	-----------------------------------------------------
	------------------- General Styles ------------------
	----------------------------------------------------- */

* {margin:0; padding:0; outline: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a, a:hover, a:active, a:focus {outline:none; outline-style:none; outline-width:0;}

img {margin:0; padding:0; outline-style:none; outline-width:0; }

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#292929; background:#e3e3e8 url(../images/bodybg.jpg) repeat-x top;}

.clr {font-size:0; height:0; line-height:0; clear:both;}
.left {margin:0; padding:0; width:auto; height:auto; float:left;}
.right {margin:0; padding:0; width:auto; height:auto; float:right;}

#wrapper{ width:993px; margin:0px auto; padding:0px; position:relative; background:#fff; }
h1{ border-bottom:1px solid #b2cbdc; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; color:#0f598c; font-size:22px; font-family:"Open Sans Condensed"; }

/* 	-----------------------------------------------------
	------------------- top Styles ------------------
	----------------------------------------------------- */

#top{ width:auto; margin:0px; padding:0px; height:85px; }
#logo{ width:338px; margin:0px; padding:8px 0 0 0; text-align:right; float:left; }
#top .right{ width:246px; margin:0px; padding:8px 0 0 0; float:right; }
	#top .right .selectlanguage{ width:246px; margin:0px; padding:0px; height:30px; }
	#top .right .selectlanguage .desc{ width:116px; margin:0px; padding:0px; height:30px; float:left; color:#0988c9; font-size:12px; font-family:"Open Sans Condensed"; line-height:30px; }
	#top .right .selectlanguage .select{ width:120px; margin:0px; padding:0px 5px 0px 0px; height:30px; float:right; }
	#top .right .selectlanguage .select select{ width:110px; margin:0px; padding:0px 0px 0px 0px; height:25px;   }
	
	#top .right .searchbox{ width:220px; margin:0px; padding:5px; height:18px; background:#eaf4fb; border:1px solid #b2cbdc; }
	#top .right .searchbox .left{ width:194px; margin:0px; padding:0px; height:18px; float:left; }
	#top .right .searchbox .left input[type="text"]{ width:194px; margin:0px; padding:0px; height:18px; background:none; border:none; color:#7b98ac; font-size:12px; }
	#top .right .searchbox .right{ width:18px; margin:0px; padding:0px; height:18px; float:right; }
	
	
/* 	-----------------------------------------------------
	------------------- menu Styles ------------------
	----------------------------------------------------- */

#navigation{ width:auto; background:url(../images/navigationbg.jpg) top repeat-x; height:41px; margin:0px; padding:0px; font-family: 'Dosis', Arial; text-transform:uppercase; }
#nav, #nav ul{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;}

#nav a{display:block; padding:0px 16px;  color:#fff; text-decoration:none; font-weight:300; font-size:13px; line-height:41px;}

#nav a:hover, #nav li:hover a{ background:url(../images/menu-hover.jpg) top repeat-x; color:#fff;}

#nav li{float:left;position:relative;}

#nav ul {position:absolute;display:none;width:auto; top:37px; background:#5a87ac; z-index:999 !important;}

#nav li ul{background:#5a87ac;}
#nav li ul li a {background-image:none !important; background-color:#6090b8; font-size:13px !important; line-height:16px !important; padding:5px 10px !important;  }
#nav li ul li a:hover { background-image:none !important; background-color:#fff; color: #000 }

#nav li ul a{width:250px;height:auto;float:left; background:#5a87ac;}
#nav li ul a:hover{width:250px;height:auto;float:left; background:#3D596F;}



#nav ul ul{top:auto;}	

#nav li ul ul {left:13em;margin:0px 0 0 20px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}

/* 	-----------------------------------------------------
	------------------- Banner Styles ------------------
	----------------------------------------------------- */
	
#banner{ width:auto; height:276px; margin:0px; padding:3px 0px 2px 0px; }
#featured {	width:auto;	position:relative;	border:0px solid #FFF;	height:276px;	background:#bababa;}
#featured ul.ui-tabs-nav {position:absolute; top:274px;	right:0px;	list-style:none;	padding:0;	margin:0;	width:100px;	height:18px;	z-index:1000;}
#featured ul.ui-tabs-nav li {	padding:0;	margin:0;	float:left;}
#featured ul.ui-tabs-nav li img {	float:left;	margin:0;}
#featured li.ui-tabs-nav-item a {	display:block;	background:url(https://kacschicago.org/main/layouts/new-main1/images/gray_boll.png) no-repeat 0 0;	height:19px;	width:19px;	font:normal 18px/67px Tahoma, Geneva, sans-serif;
}
#featured li.ui-tabs-nav-item a:hover {	background:url(https://kacschicago.org/main/layouts/new-main1/images/red_boll.png) no-repeat 0 0;	color:#FFF;}
#featured li.ui-tabs-selected {	background:url(https://kacschicago.org/main/layouts/new-main1/images/red_boll.png) no-repeat 0 0;	color:#FFF;}
#featured ul.ui-tabs-nav li.ui-tabs-selected a {	background:url(https://kacschicago.org/main/layouts/new-main1/images/red_boll.png) no-repeat 0 0;	color:#FFF;}
#featured .ui-tabs-panel {	width:100%;	height:276px;	background:#999;	position:relative;}

#featured .ui-tabs-panel .info {	position:absolute;	top:27px;	right:38px;	height:auto;	width:448px;}

.info h1 img{	margin-bottom:7px;}

.info h3{	color:#fff9e1;	font:normal 14px/20px Arial, Helvetica, sans-serif;	margin-bottom:15px;	text-shadow: 1px 1px 1px #000;}

.info ul{	list-style:none;}

.info ul li{	background:url(https://kacschicago.org/main/layouts/new-main1/images/aero_50.png) no-repeat 0 3px;	color:#ff3233;	font:normal 14px/17px Arial, Helvetica, sans-serif;	padding:0 0 0 23px;	margin-bottom:5px;}

.info h3 span{	color:#ffd015;}


#featured h2 {	overflow:hidden;	font:normal 52px/54px "Arial Black", Gadget, sans-serif;	color:#FFF;	letter-spacing:-0.05em;}
#featured ul.list {margin:0; padding:10px 0 10px 70px; list-style:none;}
#featured ul.list li {margin:0; padding:0 4px 0 22px; float:left; font:normal 22px/22px Arial, Helvetica, sans-serif; color:#FFF;}
#featured .ui-tabs-hide {
	display:none;
}

/* 	-----------------------------------------------------
	------------------- special-content Styles ------------------
	----------------------------------------------------- */
	
.spl_content{ width:auto; background:url(../images/splcontent-bg.jpg) 0 100% repeat-x #f3f3f6; min-height:368px; margin:0px; padding:25px; }
.spl_content h1{ border-bottom:1px solid #b2cbdc; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; color:#0f598c; font-size:22px; font-family:"Open Sans Condensed"; }
.spl_content h1 span{  margin:0px 0px 5px 0px; padding:0px 5px; color:#fff; font-size:22px; font-family:"Open Sans Condensed"; background:#1e52b1; }
.spl_content .textcontent{ width:auto; margin:0px; padding:15px 0 0 0; color:#292929; font-size:13px; line-height:17px; }
.spl_content .textcontent .picbox{ width:209px; margin:0px 30px 11px 0px; padding:3px; height:143px; background:#fff; border:2px solid #2d789b; float:left; position:relative; }
.spl_content .textcontent .picbox .shade{ position:absolute; right:-21px; margin:0px; padding:0px; top:10px; }
.spl_content .textcontent .picbox .zoom{ position:absolute; right:11px; margin:0px; padding:0px; bottom:10px; }
.spl_content .textcontent p{ margin:0px 0px 7px 0px; width:690px; float:right; }
.readmorebtn{ background:url(../images/readmore-btn.jpg) left top no-repeat; width:101px; height:31px; margin:0px; padding:0px 0px 0px 32px; text-align:center; color:#fff; font-size:13px; font-family:"Open Sans Condensed"; float:right; }
.readmorebtn a{  text-align:center; color:#fff; font-size:13px; font-family:"Open Sans Condensed"; line-height:31px; text-decoration:none; }

/* 	-----------------------------------------------------
	------------------- content Styles ------------------
	----------------------------------------------------- */

.content{ width:auto; margin:0px; padding:15px 25px; }
.content p{ color:#353535; font-size:13px; }

.tabbox{ width:439px; margin:0px; padding:0px; float:left; min-height:348px;  }
.tabbox h1{ margin:0px 0px 2px 0px; font-family: 'Open Sans Condensed', sans-serif; }
.tabbox .taball{ width:429px; margin:0px; padding:6px 4px; background:#e5eef3; border:1px solid #aac1ce; min-height:320px; }
.tabboxright{ width:439px; margin:0px; padding:0px; float:right; min-height:348px; }
.tabboxright h1{ margin:0px 0px 2px 0px; }
.tabboxright .taball{ width:429px; margin:0px; padding:6px 4px; background:#e5eef3; border:1px solid #aac1ce; min-height:320px; }

.imgboxall{ width:439px; margin:30px 0 0 0; padding:0px; float:left;  }
.imgboxall h1{ margin:0px 0px 2px 0px; font-family: 'Open Sans Condensed', sans-serif; }
.imgboxall .imgall{ width:439px; margin:0px; padding:6px 0px;  }
.imgboxall .imgall ul { margin:0px; padding:0px; list-style:none; }
.imgboxall .imgall ul li{ margin:0px 11px 11px 0px; padding:1px 0px 0px 1px; float:left; background:url(../images/img-bg.png) left top no-repeat; width:96px; height:99px; font-family: 'Open Sans Condensed', sans-serif; font-weight:300; }

.videoboxall{ width:439px; margin:30px 0 0 0; padding:0px; float:right;  }
.videoboxall h1{ margin:0px 0px 2px 0px; font-family: 'Open Sans Condensed', sans-serif; }
.videoboxall .videoall{ width:439px; margin:0px; padding:6px 0px; position:relative;  }
.play{  margin:0px; padding:0px 0px; position:absolute; left:40%; top:35%;  }


/* 	-----------------------------------------------------
	------------------- footer Styles ------------------
	----------------------------------------------------- */

#footer{ width:auto; margin:0px; background:url(../images/footer-bg.jpg) left top repeat-x #336bd1; height:auto; padding:10px 25px 0px 25px; color:#fff; font-size:13px; }

#footer ul{ margin:0px; padding:0px; list-style:none; }
#footer ul li{ margin:0px; padding:0px;}
#footer ul li a{ margin:0px; padding:0px 15px 0px 0px; color:#fff; font:normal 13px/normal "Open Sans Condensed"; text-decoration:none; }
#footer p{ margin:7px 0px 0px 0px; }
#footer p a{ color:#fff; font-size:13px; text-decoration:none;}
#footer a{ margin:0px; padding:0px 15px 0px 0px; color:#fff; font:normal 15px/bold "Open Sans Condensed"; text-decoration:none; }

#footer #social{ float:right; margin:0px; padding:10px 0px 0px 0px; }
#footer #social ul{ margin:0px; padding:0px; list-style:none;}
#footer #social ul li{ margin:0px; padding:0px; float:left;}




	/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	color:#fff;
	width:930px;
	height:28px;
	z-index:2;
	padding:15px 10px 0 10px;
}
.nivo-caption h1 {
	font:normal 16px/23px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
	display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:-1;
	cursor:pointer;
	display:none;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
	width:950px;
	height:277px;
	margin:0 auto;
	padding:0;
}
#slider {
	position:relative;
	width:950px;
	height:277px;
	background:url(https://kacschicago.org/main/layouts/new-main1/images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
.nivo-controlNav {
	position:absolute;
	right:20px;
	bottom:65px;
}
.nivo-controlNav a {
	display:none;
	width:0px;
	height:0px;
	
	text-indent:-9999px;
	border:0;
	margin-right:10px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -10px;
	display:none;
}
.nivo-directionNav a {
	display:none;
	width:30px;
	height:40px;
	background:url(https://kacschicago.org/main/layouts/new-main1/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:10px;
	top:45%;
}
a.nivo-prevNav {
	left:10px;
	top:45%;
}
.nivo-caption {
	text-shadow:none;
	font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
	color:#efe9d1;
	text-decoration:underline;
}


.widget_kgcontent_wrap .widget_kgcontent_skin_webzine_v1_0_1_0_1_normal div.list_area .content_list .list p.image_area a , 
.widget_kgcontent_wrap .widget_kgcontent_skin_webzine_v1_0_1_0_1_normal div.list_area , content_list, navi_list_area, list_area , dd , .widget_kgcontent_wrap .widget_kgcontent_skin_webzine_v1_0_1_0_1_normal{border:0px !important; outline:0px !important; }
.widget_kgcontent_wrap .widget_kgcontent_skin_webzine_v1_0_1_0_1_normal div.list_area .content_list .list p.image_area a:hover {border:0px !important; outline:0px !important; }


.dosis { font-family: 'Dosis', sans-serif; color:red; }