/*
Name of the stylesheet : style.css
Company Name: Krishi Vigyan Kendra, Durg, Chhattisgarh
Design & Developed by SUNCROSS ONLINE - www.suncrossonline.com
Date of Creation - 03/04/2013
Use of the stylesheet for the website : "the stylesheet used for every classes and ids"; "stylesheet for all the menus")

Total page	width--------98%
			height--------Auto
*/
/* **************** CONTENT OBJECTS ***************** */


/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}
img{border:0;}
input{font:8pt Verdana, Geneva, sans-serif; color:#000;}

/* ====== Elements ====== */
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}

/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font:15pt 'calibri'; font-weight:normal; font-style: normal; color:#0755a3;}
h2, .h2{font:14pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
h3, .h3{font-size:12pt; font-weight:bold; font-style: normal;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}
marquee{cursor:default;}

h1, h2, h3, p, ul{margin:0;padding:0;}
img{border:0;}
li{list-style:disc;}
a{text-decoration:none; color:#f17c0b;}
a:hover{color:#aaaaaa; text-decoration:underline;}
a, a:hover{font:10pt Arial, Helvetica, sans-serif;}

.a_oft a{text-decoration:none; color:#000099}
.a_oft a:hover{color:#660099 text-decoration:none;}
.a_oft  a:hover{font:10pt Arial, Helvetica, sans-serif;}

.a_oftjmp a{text-decoration:none; color:#330066}
.a_oftjmp a:hover{font:10pt Arial, Helvetica, sans-serif;}

.a_oftdet a{text-decoration:none; color:#FFFFCC}
.a_oftdet a:hover{font:10pt Arial, Helvetica, sans-serif;}

h1{color:#000; font:14pt 'calibri';}
form{padding:0; margin:0;}
.float_left{float:left;}
.float_right{float:right;}
.clear{clear:both;}
.minfont{font:1pt Arial, Helvetica, sans-serif;}
.absolute{position:absolute;}

.align_left{text-align:left;}
.align_right{text-align:right;}
.align_center{text-align:center;}
.tblTopAlign{vertical-align:top;}
.tblBotAlign{vertical-align:bottom;}
a.readmore, a.readmore:hover{color:#E2760D; padding:0 0 0 15px; background:url(../images/listArrow.png) 0 3px no-repeat;}
a.readmore{text-decoration:underline;}
a.readmore:hover{text-decoration:none;}
.mandatory span, span.mandatory{color:#ff3000;}


.blank{height:10px;}
a.readmore, a.readmore:hover{color:#E2760D; padding:0 0 0 15px; background:url(../images/listArrow.png) 0 3px no-repeat;}
a.readmore{text-decoration:underline;}
a.readmore:hover{text-decoration:none;}
.mandatory span{color:#ff3000;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */

body{margin:0; padding:0;font:9pt Arial, Helvetica, sans-serif; background:#e6e6fa;}

#global_container{width:84%; margin:0 auto;}
#header_container{width:930; height:190; position:relative;}
#header_container span{font:19pt Arial, Helvetica, sans-serif;}
.leftLogo, .rightLogo{position:absolute; z-index:99;}
.leftLogo{ left:0; margin:10px 0 0 10px; }
.rightLogo{right:0; margin:10px 10px 0 0;}
.siteTitle{width:70%; margin:0 auto;}

.topNav{background:#003c00; height:26px;}
.topNav li{display:inline;}
.topNav li a, .topNav li a:hover{padding:5px 10px 7px 10px; color:#fff; font:9pt Arial, Helvetica, sans-serif; height:20px; line-height:2em;}
.topNav li a:hover{background:#7aba2e; text-decoration:none;}

#middle_container{padding:15px 0 0 0; position: relative;}
.leftSidebar{width:15%;}
.leftMenu{width:158px; position:absolute; left:0;}
.leftMenu ul li{border-bottom:solid 1px #cccccc; list-style:none; position:relative;}
.leftMenu ul li a, .leftMenu ul li a:hover{display:block; height:22px; padding:8px 0 0 15px; margin:5px 0 0 0; color:#333; font-weight:bold; /*border-bottom:solid 1px #cccccc;*/}
.leftMenu ul li a{background:url(../images/li.png) 0 -5px no-repeat;}
.leftMenu ul li a:hover{background:#9acd32 url(../images/li.png) 0 -5px no-repeat; text-decoration:none;}

.leftMenu ul ul{position:absolute; margin:-30px 0 0 0; z-index:1000;}
.leftMenu ul li li{border-bottom:0;}
.leftMenu ul li li a{background:#f5deb3 url(../images/li.png) 0 -5px no-repeat;}
.leftMenu ul li li a:hover{background:#9acd32 url(../images/li.png) 0 -5px no-repeat;}
.leftMenu ul li li a, .leftMenu ul li li a:hover{padding:8px 15px 0 15px; margin:0; width:160px; border-bottom:solid 1px #cccccc;}


.pageContent{width:66%; margin:0 auto; padding:0 15px 0 0; font:10pt Arial, Helvetica, sans-serif; color:#555; line-height:26px;}
.pageContent h2{padding:5px 0;}
.pageContent p{padding:0 0 15px 12px;}

.pageContent1{width:76%; margin:0 200px;  padding:0 10px 0 0; font:10pt Arial, Helvetica, sans-serif; color:#555; line-height:18px;}
.pageContent1 h2{padding:1px 0;}
.pageContent1 p{padding:0 0 15px 12px;}

.pageContent2{width:77%; margin:0 200px;  padding:0 10px 0 0; font:10pt Arial, Helvetica, sans-serif; color:#555; line-height:18px;}
.pageContent2 h2{padding:1px 0;}
.pageContent2 p{padding:0 0 15px 12px;}


blockquote {
font-weight: bold;
font-style: italic;
color: #b29b35;
padding:0 15px;
}

ul.topicList{margin:0 0 0 30px; padding:0 15px 0 0;}
ul.topicList li{padding:0 0 15px 0; text-align:justify;}

.BotBox{border-top:solid 10px #004600; padding-top:20px;}
.boxCol{/*width:187px;*/ width:32.1%; margin:0 3px;}
.boxCol h1{/*background:url(../images/homboxTtileBg.jpg) no-repeat;*/ background:#003c00; color:#fff; text-align:center; height:36px;padding:7px 0 0 0;}
.boxCol ul{margin:10px 0 0 30px;}
.boxCol li{list-style:none; background:url(../images/bullet_105.gif) 0 2px no-repeat; padding:0 0 0 20px;}

.rightSidebar{width:163px; position:absolute; right:0;}
.sidebarTitle{background:#004600; color:#fff; padding:5px 0; font:bold 10pt Arial, Helvetica, sans-serif; text-align:center; margin:15px 0 0 0;}

.cal_calendar
{
        border:1px solid black;
        padding:1px;
        background-color:#4594ff;
        width:300px;
        margin:auto;
        height:246px;
        background-image:url('http://www.webestools.com/ftp/ybouane/scripts_tutorials/javascript/calendar/bak-300-250.gif');
}
.cal_calendar th
{
        border:1px solid black;
        background-color:#ffffff;
                width:36px;
}
.cal_calendar td
{
        border:1px solid black;
        background-color:#ffffff;
        text-align:center;
                width:36px;
                height:36px;
}
.cal_today
{
        color:#ff0000;
                font-weight:bold;
}
.cal_days_bef_aft
{
        color:#5a779e;
}

.visitorTxt{color:#006400; font:italic 13pt "Lucida Sans", "Lucida Grande", sans-serif; text-align:center; padding:30px 0 10px 0;}

.topBtn{width:98%; margin:0 auto; text-align:right;}
.topBtn a, .topBtn a:hover{display:block; float:right; background:url(../images/top-arrow.png) no-repeat; width:40px; height:19px; padding:5px 0 0 10px; margin:30px 0 10px 0;}

#footer_container{width:98%; margin:0 auto; height:45px; padding-top:5px; background:#003c00; color:#fff;}
.bordered {
    border: 2px solid #a1a1a1;
	    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 10px 10px 5px #888888; 
    -moz-box-shadow: 10px 10px 5px #888888; /* Old Firefox */
box-shadow: 10px 10px 5px #888888;
-webkit-border-bottom-left-radius: 25px
   
}

.bordered tr:hover {
    background:#FFFFCC;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
   /* border-left: 1px solid #ccc;*/
  border-left: 2px solid #a1a1a1;
    border-top: 1px solid #ccc;
	  border-bottom: 1px solid #ccc;
    padding: 10px;
    text-align: center;   
	
}

.bordered th {
    color:#99FF00;
	bgcolor=#004600;
    backgound-color: #004600;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#004600), to(#004600));
    background-image: -webkit-linear-gradient(top, #004600, #004600);
    background-image:    -moz-linear-gradient(top, #004600, #004600);
    background-image:     -ms-linear-gradient(top, #004600, #004600);
    background-image:      -o-linear-gradient(top, #004600, #004600);
    background-image:         linear-gradient(top, #004600, #004600);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
   /* border-left: none;*/
	border-left:2px solid #a1a1a1;
}

.bordered th:first-child {
    -moz-border-radius: 25px 0 0 0;
    -webkit-border-radius: 25px 0 0 0;
    border-radius: 25px 0 0 0;
	-moz-border-radius-topleft: 25px;
	-webkit-border-top-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	 -webkit-border-top-right-radius: 25px;
	/*-moz-border-radius: 25px;
    -webkit-border-radius: 6px;
    border-radius: 25px;*/
}

.bordered th:last-child {
   /* -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;*/
	-moz-border-radius: 0px 25px 0 0;
    -webkit-border-radius: 0px 25px 0 0;
    border-radius: 0px 25px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 25px;
    -webkit-border-radius: 0 0 0 25px;
    border-radius: 0 0 0 25px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 25px 0;
    -webkit-border-radius: 0 0 25px 0;
    border-radius: 0 0 25px 0;
}
#table {margin-left: 25px;}
#table1 {margin-left: 420px;}
#table2 {margin-left: 280px;}
.imgheader { width: 830; height: 200;}
.col2
{
float: left;
width: 10.5%;}
.col3
{
float: left;
width: 35%;}
.col1{float: left;
width:40%;}
.col11{float: left;
width:100%;}

/*.est h1 {
margin : 20px;
padding : 5px;
font-size : 500%;
letter-spacing : 3px;
color : #fff;
background : #476042;
text-align:center;
font-style:bold;
width: 1000px;
}*/

h1 {
 border: 2px solid #a1a1a1;
	    -moz-border-radius: 25px;
    -webkit-border-radius: 6px;
    border-radius: 25px;
    -webkit-box-shadow: 10px 10px 5px #888888; 
    -moz-box-shadow: 10px 10px 5px #888888; /* Old Firefox */
box-shadow: 10px 10px 5px #888888;
-webkit-border-bottom-left-radius: 25px;
margin : 0px;
padding : 5px;
font-size : 130%;
letter-spacing : 3px;
color : #fff;
background : #004600;
text-align:center;
font-style:oblique;
font-weight: 900;
}