/*
Theme Name: HDS Idukki
Theme URI: hdsiddukki.org
Author: HDS Idukki
Description: Wordpress Theme for HDS
Version: 1
License: GNU General Public License v2 or later

*/

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

body{
	margin:0px; padding:0px; font-family:Verdana, Geneva, sans-serif; font-size:12px; background-image:url(images/background.jpg); background-position:top center;}
nav, article, section, aside, footer{display:block;}
a img{
	border:none;}
.clear{
	clear:both;}
#wrapper{ width:966px; margin:auto; padding:20px 18px 10px 18px;}
.logo{width:300px; float:left;}
.search{float:right; width:370px;}
.search ul{list-style:none; margin:0px; padding:0px; color:#FFF; float:right;}
.search ul li{list-style:none; margin:0px; padding:0px; color:#FFF; float:left; font-size:14px; border-right:solid 1px #fff; padding-right:20px; padding-left:20px; font-weight:bold;}
.search ul li.last{ border:none; padding-right:0px;}
.search ul li a{color:#fff; text-decoration:none;}
.search .srch-box{padding:10px; background-color:#449123; width:350px; border-radius:5px; margin-top:10px;}
.search .srch-box .text-box{background-image:url(images/search-back.png); width:254px; height:28px; border:none; border-width:0px; float:left;}
.search .srch-box .text-box input{background:none; height:24px; width:208px; margin-left:4px; margin-top:3px; border:none; padding:0px; line-height:20px;}
.search .srch-box .button-box{width:83px; height:29px; float:right;}
#mainArticle{background-color:#f8f8f8; border:solid 3px #fff; padding:8px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
.content{ width:767px; float:right;position:relative;}
aside{width:177px; float:left;}

/*Slider*/
.slider{margin-bottom:20px;}
.slider_cap{background-image:url(images/slider-cap.png); width:308px; height:116px; padding:10px 20px; position:absolute; z-index:200; top:50px; left:0px;}
.slider_cap h2{font-family: 'Arbutus Slab', serif; font-size:23px; color:#FFF;margin:0px;padding:0px; font-weight:normal;}
.slider_cap p{font-family:"PT Sans", sans-serif, Tahoma; font-size:14px; color:#fff; margin:0px; padding:0px; margin-top:10px;}
/*Side Bar*/
#mainSidebar h2{background-image:url(images/left-head-back.png); height:30px; color:#FFF; font-size:14px; line-height:30px; padding-left:15px; margin-bottom:0px;}
.box-body{ background-color:#f4f4f4; border:solid 1px #e8e8e8; padding:6px; line-height:19px;}
.box-body strong{display:block; margin-bottom:6px; line-height:15px;}
.box-body img{max-width:100%; height:auto;}
.box-body h4{text-align:center;}
.content_wrapper{margin-left:15px;}
.content .content_wrapper .main_loop{background-color:#FFF; border:solid 1px #ccc; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; padding:20px;}
.content .main_loop_shadow{background-image:url(images/main-box-shadow.png); height:14px; background-position:center; background-repeat:no-repeat; margin-bottom:10px;}
.content .content_wrapper .main_loop h1{font-family: 'Arbutus Slab', serif; font-size:22px; color:#035daa; margin:0px; margin-bottom:10px; font-weight:normal;}
.content .content_wrapper .main_loop h2{font-family: 'Arbutus Slab', serif; font-size:18px; color:#9e160b; margin:0px; margin-bottom:10px;}
.content .content_wrapper .main_loop h3{font-family: "PT Sans", sans-serif, Tahoma; font-size:15px; color:#9e160b; margin:0px; margin-bottom:10px;}
.content .content_wrapper .main_loop ul{list-style:none; margin:0px; padding:0px; padding-left:20px;}
.content .content_wrapper .main_loop  ul li{list-style:none; margin:0px; padding:0px; background-image:url(images/bullet.png); background-position:5px 8px; background-repeat:no-repeat; padding-left:18px;font-family:"PT Sans", sans-serif, Tahoma; line-height:19px; font-size:14px; padding:4px 20px; cursor:pointer}
.content .content_wrapper .main_loop  uol li:hover{background-color:#F0F0F0;}

.content .content_wrapper .main_loop ol{}
.content .content_wrapper .main_loop  ol li{font-family:"PT Sans", sans-serif, Tahoma; line-height:19px; font-size:14px; margin-bottom:10px;}


.content .content_wrapper .main_loop p{font-size:14px; line-height:20px; text-align:justify;font-family: "PT Sans", sans-serif, Tahoma; }
.content .content_wrapper .main_loop a.more{float:right; color:#d32412; font-size:12px; background-image:url(images/small-bull.png); background-position:right center; background-repeat:no-repeat; padding-right:10px;}
.loop_section_box{background-color:#FFF; padding:8px;}
.loop_section_box ul{list-style:none; margin:0px; padding:0px;}
.content_wrapper .loop_section_box ul li{width:210px; height:368px; background-image:url(images/main-box-back.png);  background-color:#f4f4f4; padding:10px; background-position:top; background-repeat:repeat-x;border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; float:left; margin-right:20px; border:solid 1px #f2f2f2;}
.loop_section_box ul li.last{margin:0px;}
.content_wrapper .loop_section_box ul li .body ul.news_lst li a{color:#035daa}
.child_page ul li img{float:left; margin-right:20px;}
.content_wrapper .loop_section_box ul li h2{font-family: 'Arbutus Slab', serif; font-size:18px; color:#035daa; font-weight:normal; margin:0px; padding-bottom:5px }
.content_wrapper .loop_section_box ul li p{margin:0px; padding:0px; list-style:none; text-transform:uppercase; margin-bottom:4px;}
.content_wrapper .loop_section_box ul li .body{background-color:#fff; text-align:center; line-height:25px;}
.content_wrapper .loop_section_box ul li .body h4{margin:0px; font-weight:normal; }
.button_blue{background-image:url(images/button.png); width:207px; height:34px; display:block; margin:auto; margin-top:10px; color:#002e55; text-align:center; text-decoration:none; font-size:14px; line-height:34px;}
.content_wrapper .loop_section_box ul li .body ul.service_lst li{list-style:none; margin:auto; padding:0px; background:none; height:auto; width:auto; border:none; border-radius:0px; line-height:16px; text-align:left; background-image:url(images/bullet.png); background-position:0px 6px; background-repeat:no-repeat; margin-left:6px; padding-left:15px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; border-bottom:dashed 1px #CCC; padding-bottom:4px; margin-bottom:4px; margin-right:5px; float:none;}
.content_wrapper .loop_section_box ul li .body.service_scroll{height:287px; padding-top:5px;}

.content_wrapper .loop_section_box ul li .body ul.news_lst li{list-style:none; margin:auto; padding:0px; background:none; height:auto; width:auto; border:none; border-radius:0px; line-height:18px; text-align:left;margin-left:6px;font-family:Tahoma, Geneva, sans-serif; font-size:12px; padding-bottom:4px;margin-right:5px; float:none; clear:both; color:#035daa;}
.news_scroll{height:168px;}

.button_red{background-image:url(images/button.png); width:207px; height:34px; display:block; margin:auto; margin-top:10px; color:#99150b; text-align:center; text-decoration:none; font-size:14px; line-height:34px;}

.main_nav{width:720px; height:32px; margin-left:25px; background-image:url(images/menu-back.png); margin-top:6px; float:left;}
.main_nav ul{list-style:none; margin:0px; padding:0px; margin-left:10px;}
.main_nav ul li{list-style:none; margin:0px; padding:0px; float:left; font-size:16px;line-height: 32px; background-image:url(images/menu-sep.png); background-position:right; background-repeat:no-repeat;
padding: 0px 20px; position:relative;}
.main_nav ul li.last{background:none;}
.main_nav ul li.current-menu-item{color:#4b7939; background-color:#fff;}
.main_nav ul li.current-menu-item a{color:#4b7939; font-weight:bold;}
.main_nav ul li a{color:#000; text-decoration:none; display:block; line-height:32px;}
.main_nav ul li a:hover{color:#4b7939; background-color:#FFF;}
.main_nav ul li:hover{color:#4b7939; background-color:#FFF;}
.nav_phone{float:right; width:200px; font-size:16px; color:#FFF; margin-top:6px; text-align:right; line-height:32px;}

/*Left Navigation*/

.left_nav{background-color: #9e160b;}
.left_nav ul{list-style:none; margin:0px; padding:0px; padding-top:10px; }
.left_nav ul li{list-style:none; margin:0px; padding:0px; color:#FFF; line-height:18px; padding-left:10px; padding-right:10px; padding-bottom:5px;border-bottom:solid 1px #860f0e; border-top:solid 1px #e22c19;}
.left_nav ul li a{color:#FFF; text-decoration:none;}

.left_nav h3{font-size:20px; color:#333; text-align:center; margin:0px; padding:0px; margin-top:10px;}
.left_nav h4{font-size:18px; color:#fff; text-align:center; margin:0px; padding:0px; margin-top:10px; margin-bottom:5px;}
.left_nav h4 a{color:#fff; text-decoration:none;}
/*Footer*/
#pageFooter{padding:15px 20px; text-align:center; padding-bottom:0px;}
#pageFooter ul{list-style:none; margin:0px; padding:0px; text-align:center;}
#pageFooter ul li{display:inline-block; margin:0px; padding:0px 10px; text-align:center; font-size:14px;}
#pageFooter ul li a{color:#000; text-decoration:none;}
#pageFooter ul li a:hover{text-decoration:underline; font-weight:bold;}
#pageFooter .copy{font-size:12px; font-family:Tahoma, Geneva, sans-serif; text-align:center; padding:5px;}
.margin_none{margin:0px!important;}


/*Bread Crumbs*/
#mainArticle .breadCrumb {margin-bottom:15px;}
#mainArticle .breadCrumb a{font-size:14px; font-family:"PT Sans", sans-serif, Tahoma; text-transform:uppercase; font-size:12px; background-color:#1478b6; padding:2px 10px; color:#FFF; text-decoration:none;}
#mainArticle .breadCrumb a:hover{background-color:#000;}

/*Pagination*/
.pagin {
	padding-right: 0px; padding-left: 0px; font-size: 13px; padding-bottom: 10px; color: #48b9ef; padding-top: 10px; font-family: arial, helvetica, sans-serif; background-color: #fff;
}
.pagin a {
	padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin: 0px 2px; color: #48b9ef; padding-top: 2px; border: #ddd 2px solid; text-decoration: none
}
.pagin a:hover {
	border: #da2513 2px solid;color: #da2513;
}
.pagin a:active {
	border-right: #ff5a00 2px solid; border-top: #ff5a00 2px solid; border-left: #ff5a00 2px solid; color: #ff5a00; border-bottom: #ff5a00 2px solid
}
.pagin span.current {
	 padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; color: #fff; padding-top: 2px;  background-color: #da2513; border:solid 2px #da2513;
}
.alignright{float:right; margin-left:20px;}


table{border:solid 1px #ccc; border-collapse:collapse;}
table tr td{border:solid 1px #ccc; border-collapse:collapse; padding:3px 10px; font-size:12px; text-align:center;}
table tr td p{padding:0px!important; margin:0px!important; line-height:normal; text-align:center!important;}

.content .content_wrapper .main_loop .news_event_list ul{list-style:none; margin:0px; padding:0px;}
.content .content_wrapper .main_loop .news_event_list ul li{list-style:none; margin:0px; padding:0px; background-image:url(images/striped_lens.png); border:solid 1px #bbb; padding:10px 20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#000; margin-bottom:15px; background-repeat:repeat;}
.content .content_wrapper .main_loop .news_event_list ul li h3 a{text-decoration:none!important; font-weight:bold; color:#c62011;}


.content .content_wrapper .main_loop .news_event_list ul li a{color:#000; text-decoration:none;}
.content .content_wrapper .main_loop .news_event_list ul li a:hover{text-decoration:underline;}

.contact_form{background-image:url(images/striped_lens.png); border:solid 1px #bbb; padding:20px; margin-top:25px; border-top-width:3px;}
.contact_form h2{margin:0px; margin-bottom:10px;}
.contact_form p{font-style:italic;}
.contact_form div ul{list-style:none; margin:0px; padding:0px;}
.contact_form div ul li{list-style:none; margin:0px; padding:0px; width:50%; float:left; margin-bottom:15px;}
.contact_form div ul li label{display:block; margin-bottom:5px;}
.contact_form div ul li input[type='text']{height:25px;border-radius:4px; border: solid 1px #ccc;}
.contact_form div ul li.msg{clear:both; float:none; width:100%;}
.contact_form div ul li.msg textarea{ height:120px; width:90%;border-radius:4px; border: solid 1px #ccc;}
.contact_form div ul li input[type='submit']{background-color:#da2613; border:none; border-radius:4px; color:#FFF; padding:4px 12px; cursor:pointer;}
.contact_form div ul li input[type='submit']:hover{background-color:#e53320;}

/*submenu*/
.main_nav ul li .sub-menu{
				position:absolute;left:1px;margin:0 0 0 -3px;padding:0; top:32px;z-index:2000; display:none; width:250px;border-left: solid 1px #83a915; border-bottom:solid 1px #83a915;-webkit-border-radius: 0px!important;-moz-border-radius: 0px!important;border-radius: 0px!important;height:auto; 
				}
.main_nav ul li ul li{text-shadow:none;}
.main_nav ul li .sub-menu li{	font-size:12px;	width:100%;background-color:#83a915;padding:0px !important;margin:0px !important; background-image:none !important;height:30px!important;border-right: solid 1px #83a915;display:block; float:none !important; border-top:solid 1px #fff;  overflow:hidden; text-align:left!important; border-radius:0px;font-family: Verdana, Geneva, sans-serif;}
.main_nav li .sub-menu li a{font-family:Verdana, Geneva, sans-serif!important;color:#fff!important; text-decoration:none;padding-left:10px !important; padding-right:10px; display:block;height:30px; line-height:30px; font-weight:normal;  background-image:none !important;
				}
.main_nav li .sub-menu li a:hover{-webkit-border-top-left-radius: 0px!important;-webkit-border-top-right-radius: 0px!important;-moz-border-radius-topleft: 0px!important;-moz-border-radius-topright: 0px!important;border-top-left-radius: 0px!important;border-top-right-radius: 0px!important; color:#000!important;}
				#main_nav ul li .sub-menu li.current-menu-item a{color:#B00!important;}
.main_navli .sub-menu li a:hover{background-color:#83a915; color:#fff !important;}
.main_nav li .sub-menu li.current-menu-item a{background-color:#83a915; color:#fff !important; border-radius:0px!important;}

#container {
    width:      710px; // width of the entire container for the wa
}
 
.brick {
    width:      300px; background-image:url(images/striped_lens.png); padding:10px; margin-bottom:20px; margin-right:10px;border:solid 1px #bbb;
}
.bricks { padding:10px 20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.brick:hover{border:solid 1px #CCC; outline:solid 1px #CF0;}
.brick  h3{text-align:center; display:block; font-size:15px; margin:0px; margin-top:6px; color:#c62011; text-decoration:none;}
.brick  h3 a{text-decoration:none!important; font-weight:bold; color:#c62011;}