/*CSS document*/ /*CSS document*/ /*Kanara Chamber of Commerce and Industries*/ body { background:url(images/bg.gif) repeat;} *{margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, Sans-serif; } #wrapper{margin: 0px auto; width:975px;background:#fff; border:1px solid #123a6b; } #phone{height:50px; background:#123a6b} #phone p{margin-left:830px; color:#fff; padding-top:3px; font-size:12px;} #header{ height:553px;} #logo{height:130px; padding-right:50px;} #logo a{outline:none;} #logo a img{border:none; margin-top:10px; margin-left:30px;} #nav_menu{height:52px; } #nav_menu ul{list-style-type:none;} #nav_menu ul li{float:left;} #nav_menu #home a{background:url(images/sru.png) 0 0 no-repeat; display:block; height:48px; width:111px; text-indent:-9999px;} #nav_menu #home_active a{background:url(images/sru.png) -975px 0 no-repeat; display:block; height:48px; width:111px; text-indent:-9999px;} #nav_menu #home a:hover{background: url(images/sru.png) -975px 0 no-repeat;} #nav_menu #organisation a{background:url(images/sru.png) -111px 0 no-repeat; display:block; height:48px; width:110px; text-indent:-9999px;} #nav_menu #organisation_active a{background:url(images/sru.png) -1086px 0 no-repeat; display:block; height:48px; width:109px; text-indent:-9999px;} #nav_menu #organisation a:hover{ background: url(images/sru.png) -1086px 0 no-repeat;} #nav_menu #membership a{background:url(images/sru.png) -221px 0 no-repeat; display:block; height:48px; width:110px; text-indent:-9999px;} #nav_menu #membership_active a{background:url(images/sru.png) -1195px 0 no-repeat; display:block; height:48px; width:110px; text-indent:-9999px;} #nav_menu #membership a:hover{background: url(images/sru.png) -1195px 0 no-repeat;} #nav_menu #activities a{background:url(images/sru.png) -331px 0 no-repeat; display:block; height:48px; width:110px; text-indent:-9999px;} #nav_menu #activities_active a{background:url(images/sru.png) -1305px 0 no-repeat; display:block; height:48px; width:110px; text-indent:-9999px;} #nav_menu #activities a:hover{background:url(images/sru.png) -1305px 0 no-repeat; display:block; height:48px; width:110px; text-indent:-9999px;} #nav_menu #achievements a{background:url(images/sru.png) -441px 0 no-repeat; display:block; height:48px; width:109px; text-indent:-9999px;} #nav_menu #achievements_active a{background:url(images/sru.png) -1415px 0 no-repeat; display:block; height:48px; width:110px; text-indent:-9999px;} #nav_menu #achievements a:hover{background:url(images/sru.png) -1415px 0 no-repeat; display:block; height:48px; width:109px; text-indent:-9999px;} #nav_menu #representation a{background:url(images/sru.png) -550px 0 no-repeat; display:block; height:48px; width:109px; text-indent:-9999px;} #nav_menu #representation_active a{background:url(images/sru.png) -1525px 0 no-repeat; display:block; height:48px; width:110px; text-indent:-9999px;} #nav_menu #representation a:hover{background:url(images/sru.png) -1525px 0 no-repeat; display:block; height:48px; width:109px; text-indent:-9999px;} #nav_menu #journal a{background:url(images/sru.png) -659px 0 no-repeat; display:block; height:48px; width:94px; text-indent:-9999px;} #nav_menu #journal_active a{background:url(images/sru.png) -1635px 0 no-repeat; display:block; height:48px; width:94px; text-indent:-9999px;} #nav_menu #journal a:hover{background:url(images/sru.png) -1635px 0 no-repeat; display:block; height:48px; width:93px; text-indent:-9999px;} #nav_menu #circular a{background:url(images/sru.png) -753px 0 no-repeat; display:block; height:48px; width:110px; text-indent:-9999px;} #nav_menu #circular_active a{background:url(images/sru.png) -1730px 0 no-repeat; display:block; height:48px; width:110px; text-indent:-9999px;} #nav_menu #circular a:hover{background:url(images/sru.png) -1730px 0 no-repeat; display:block; height:48px; width:110px; text-indent:-9999px;} #nav_menu #gallery a{background:url(images/sru.png) -863px 0 no-repeat; display:block; height:48px; width:111px; text-indent:-9999px;} #nav_menu #gallery_active a{background:url(images/sru.png) -1839px 0 no-repeat; display:block; height:48px; width:110px; text-indent:-9999px;} #nav_menu #gallery a:hover{background:url(images/sru.png) -1839px 0 no-repeat; display:block; height:48px; width:111px; text-indent:-9999px;} #head_image{height:371px; margin-top:4px;} #content{background:url(images/vertical_repeat.png) repeat-y; width:975px; height:auto; padding:1px 0 0 0; margin:0;} #content #main_col{width:737px; float:left;} #content #main_content{background:url(images/backtopcopy.png) no-repeat;height:500px; width:688px; margin-left:10px; margin-top:15px;} #main_content h3{display:block; height:40px; background:url(images/welcome2.png) no-repeat; text-indent:-9999px;} /*#main_content #text_content{height:359px;}*/ #main_content #text_content{float:left; margin-top:20px; margin-left:20px; text-align:justify; font-size:12px; line-height:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; margin-right:20px;} * html #main_content #text_content ul{margin:0 0 0 30px; padding:0; display:block;} * html #main_content #text_content ul li{padding-bottom:20px; text-align:left; font-size:13px; list-style-position:inside; margin:0 0 0 60px; } #main_content #text_content image_content{float:left;} #main_content #text_content img{float:left; margin-top:0px; margin-left:5px; margin-right:10px;} * html #main_content #text_content p{ text-align:justify; padding:0 8px 0 0; font-size:12px; line-height:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif;} /*#main_content #text_content p{ float:left; height:120px; margin-top:10px; margin-left:10px; text-align:justify; font-size:12px; line-height:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif;}*/ #sub_content{width:95%; height:450px; margin-left:25px; margin-top:0px; font-family:Verdana, Arial, Helvetica, sans-serif;float:left;} #sub_content h1{font-weight:normal; font-size:18px; margin-left:15px;} #sub_content p {font-size:12px; line-height:1.5em; word-spacing:0; text-align:justify; margin-left:15px; margin-right:15px; margin-top:10px; letter-spacing:0.041em; font-family:Verdana, Arial, Helvetica, sans-serif; } #sub_content #image{float:right; margin:0px; padding:0px; margin-right:10px; margin-left:30px; margin-bottom:20px; margin-top:13px;} #content #sidebar{float:left; width:232px; height:200px;margin-top:15px;} /*#sidebar #sidebar1{height:400px;background:url(images/news_back.jpg) no-repeat;} #sidebar #sidebar1 h3{display:block; height:40px; background:url(images/news.jpg) no-repeat; text-indent:-9999px;} #sidebar #sidebar1 a:hover{text-decoration:underline}*/ #row3 a{font-size:10px; padding-top:30px; margin-left:20px; color:#00f;} #sidebar2{margin-top:30px; background:url(images/newsletter_back.jpg) no-repeat;} #sidebar #sidebar2 h3{display:block; height:40px; background:url(images/newsletter.jpg) no-repeat; text-indent:-9999px;} #sidebar #sidebar2 #sidebar2_content{width:228px; padding-bottom: 28px; } #sidebar2 p{margin-top:20px; text-align:center; font-size:11px;} #sidebar2 input{margin-left:30px; margin-top:10px; border:2px solid #123a6b;} #sidebar2 input #subscribe{cursor: text;} #sidebar2 #submit{background:url(images/submit.png) no-repeat; width:80px; height:25px; cursor: pointer; border-color:#123a6b;} /**************************Membership*******************************/ #content_mem{background:#fff url(images/vertical_repeat.png) repeat-y; padding:20px 0 0 0; height:auto;} * html #content_mem{ height:auto; padding:15px 0 0 0;} #content_mem #mem_content{background:url(images/content_mem_back.jpg) no-repeat; height:391px; width:688px; margin-left:140px; margin-bottom:10px; margin-top:0px; } *html #content_mem #mem_content{background:url(images/content_mem_back.jpg) no-repeat;height:391px; width:688px;margin:0 auto; } #content_mem #sidebar{float:left; width:232px; height:600px;} #mem_content h3{display:block; height:40px; background:url(images/members.png) no-repeat; text-indent:-9999px;padding:0; margin:0;} #mem_content #text_content{height:214px;} #mem_content #text_content img{float:left; /*margin-top:100px; margin-left:30px;*/ margin-top:65px; margin-left:35px;} #mem_content #text_content p{float:left; width:420px; height:138px; margin-top:45px; margin-left:20px; text-align:justify; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; letter-spacing:0.041em; word-spacing:0.1em} #content_mem #sidebar{float:left; margin-top:15px; margin-left:10px; width:232px; height:400px;background:url(images/news_back.jpg) no-repeat;} #mem_data{width:920px;clear:both; margin-left:30px; margin-top:15px; } table{ width:920px; border:3px solid #fff; margin-bottom:30px;} caption{font-size:16px; height:40px; padding-top:10px; background:#123a6b; color:#fff; font-weight:bold; text-transform:uppercase;} tr{margin:0px; padding:0px; width:1024px; height:50px;} td{margin:0px; padding:0px; text-align:center; border-right:3px solid #fff; font-size:12px; line-height:1.3em; padding:10px; text-align:left;} .adr{width:300px; } table { border-collapse: collapse } .row3{background:#ccc;} .row2{background:#eaeaea;} .row1{background:#b4b5b5} /**********************************ORGANISATION********************************/ #org_data{width:920px; margin-left:30px; margin-bottom:40px; padding-top:30px;} /***********************************NEWS AND EVENTS****************************/ #content_news{background:url(images/content-bck.png) bottom left repeat-x; } #content_news #news h2 { font-size: 18px; margin-bottom: 10px;} #content_news #news{ width:921px; padding-top:20px; padding-left:28px;} #content_news #news .row2{border:1px solid white; background:#eaeaea; margin:2px;} #content_news #news .row2 p{padding-top:10px; text-align:justify; padding-left:15px;} #content_news #news .row2 .heading{font-size:16px;font-family: Arial;font-weight:bold;} #content_news #news .row2 .heading span{font-size:9px; font-weight:normal; color:gray;font-family: Arial} #content_news #news .row2 .description{font-size:13px; line-height:1.4em; width:92%; margin-top:10px;font-family: Arial} #content_news #news .row3{border:1px solid white; margin:2px; background:#ccc;font-family: Arial} #content_news #news .row3 p{padding-top:10px; text-align:justify; padding-left:15px;font-family: Arial} #content_news #news .row3 .heading{font-size:16px; font-family: Arial,sans-serif; font-weight:bold;} #content_news #news .row3 .date{font-size:12px;font-family: Arial} #content_news #news .row3 .heading span{font-size:9px; font-weight:normal; color:gray;font-family: Arial} #content_news #news .row3 .description{font-size:13px; line-height:1.4em; width:92%; margin-top:10px;font-family: Arial} #content_news #news .row2 .imgs{float:left;margin:15px;} #content_news #news .row3 .imgs{float:left;margin:15px;} #content_news .navigator{ text-align:center; height:30px; padding-top:10px; font-size:13px; margin-bottom:50px; } #content_news .navigator a{border:1px solid #fff; text-align:center; padding: 5px; font-size:13px; text-decoration:none; color:#898989; background:white;} #content_news .navigator a:hover{color:white; background:#898989;} #content_news .navigator span a{color:white; background:#898989;} #content_news .navigator span a:hover{color:white; background: #898989;} .extender{height:10px; clear:both} /***************************REMOVING BORDER FOR LINKS WHILE ACTIVE**********************************/ a{outline:none;} /*************************STYLE FOR NEWS SECTION IN INDEX PAGE -->DONE WITH PHP***********************/ #sidebar #sidebar1 .main_news{height:80px; margin-top:20px; width:210px; margin-left:10px;} #sidebar #sidebar1 .main_news p{text-align:left; } #sidebar #sidebar1 .main_news .heading{font-size:12px; line-height:1.4em; display: block; height: 18px; overflow: hidden; color: #003751; font-weight: bold; display: block; margin-top: 5px; margin-bottom: 5px; margin-left: 14px;} #sidebar #sidebar1 .main_news .date{font-size:10px; text-transform:uppercase; margin-left:10px; color: #11678f;} #sidebar1 a{display:block; width:100px; margin-left:30px; font-size:10px; text-decoration:none; font-weight: bold; margin-top:0px;} #sidebar #sidebar1 .main_news .description { color: #898989; font-size: 11px; display: block; height: 38px; overflow: hidden; margin-top:0px;margin-left: 14px;} #sidebar #sidebar1 .main_news .more a { display: block; float: right; } /*************************ACTIVITIES CONTENT*********************************/ #content_act{ background:url(images/vertical_repeat.png) repeat-y;} #content h2{display:block; height:50px; padding-top:18px; text-align:center; font-weight:normal; font-size:20px;} #content h1 { font-size:22px; margin: 10px 0 0 20px; padding-top:20px; font-weight:normal; font-family:arial; } #content h4{display:block; margin-left:50px; margin-top:20px;} #content ul{list-style-type:lower-alpha;margin-left:70px; margin-top:15px; width: 850px; display: block; } * html #content ul{list-style-type:lower-alpha;margin-left:70px; margin-top:15px; width: 850px; display: block; text-align:left; } #content ul li{padding-bottom:20px; text-align:justify; font-size:13px;} #content ul li ul{list-style-type:decimal;margin-left:50px; margin-top:15px; font-size:11px; border-bottom: 0;} * html #content ul li{padding-bottom:20px; text-align:left; font-size:13px; list-style-position:outside; margin:0 0 0 25px; } * html #content ul li ul{list-style-type:decimal;margin-left:20px; margin-top:15px; font-size:11px; border-bottom: 0; } /**********************************Represenatation******************************/ #content #representation{display:block; padding-top:20px; width:890px; margin-left:25px; text-align:justify; padding-bottom:30px; font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif;} #rep_table{margin-left:25px; } /********************************Contact US************************************/ #contact_form{background:url(images/vertical_repeat.png) repeat-y; width:975px; height:auto; padding:1px 0 0 0; margin:0;} * html #contact_form{background:url(images/vertical_repeat.png) repeat-y; width:975px; height:auto; padding:1px 0 0 0; margin:0;} #contact_form1{background:url(images/vertical_repeat.png) repeat-y; width:975px; height:auto; padding:1px 0 0 0;} * html #contact_form1{background:url(images/vertical_repeat.png) repeat-y; width:975px; height:auto; padding:1px 0 0 0; margin:0;} #contact{width:400px; margin:50px 0 0 50px; display: block; float: left; } * html #contact{width:400px; margin:50px 0 0 120px; display: block; float: left; } #contact1{width:400px; margin:50px 0 0 50px; display: block; float: left; } * html #contact1{width:400px; margin:50px 0 0 0px; display: block; float: left; } #contact fieldset{border:none;} #contact fieldset label, label span{width:100%; float:left; margin-bottom: 5px; font-size: 12px; } #contact fieldset label span{width:35%; text-align:right; height:30px; margin-top:10px;} #contact fieldset label input{width:60%; margin-left: 20px; height:23px; background:url(images/kcc.png) repeat-x; border: 1px solid #003366; width: 200px; } #contact fieldset label textarea{width:60%; margin-left: 20px; height: 100px; background:url(images/kcc.png)top left repeat-x;border: 1px solid #003366; width: 200px; } #contact input.button { margin-left:160px; width:75px; height:30px; background-color:#003366; color:#ffffff;} #contact_form .contactaddress { font-size: 13px; width: 45%; float: left; padding: 0px 20px 0 0; text-align: right; border-right: 1px solid #003366; line-height: 21px; color: #5c5858; margin-top: 80px;} #contact fieldset{border:none;} #contact1 fieldset{border:none;} #contact1 fieldset label, label span{width:100%; float:left; margin-bottom: 5px; font-size: 12px; } #contact1 fieldset label span{width:35%; text-align:right; height:30px; margin-top:10px;} #contact1 fieldset label input{width:60%; margin-left: 20px; height:23px; background:url(images/kcc.png) repeat-x; border: 1px solid #003366; width: 200px; } #contact1 fieldset label textarea{width:60%; margin-left: 20px; height: 100px; background:url(images/kcc.png)top left repeat-x;border: 1px solid #003366; width: 200px; } #contact1 input.button { margin-left:160px; width:75px; height:30px; background-color:#003366; color:#ffffff;} #contact_form .contactaddress { font-size: 13px; width: 45%; float: left; padding: 0px 20px 0 0; text-align: right; border-right: 1px solid #003366; line-height: 21px; color: #5c5858; margin-top: 80px;} /*********************************Journals**********************************/ #content #contentleft{width:250px; padding-top:40px; padding-left:25px; font-family:Verdana, Arial, Helvetica, sans-serif; float:left;} #content #contentmiddle{width:380px; font-family:Verdana, Arial, Helvetica, sans-serif; float:left; padding-top:40px; line-height:1.5em; margin-left:20px; text-align:justify;} * html #content #contentmiddle{width:320px; font-family:Verdana, Arial, Helvetica, sans-serif; float:left; margin-top:40px; line-height:1.5em; padding-left:20px; text-align:justify; float:left;} #content #contentmiddle p{font-size:12px; line-height:1.5em;} #content #contentmiddle p span{font-weight:bold;} #content #contentright{width:200px; padding-top:40px; padding-left:45px; font-family:Verdana, Arial, Helvetica, sans-serif; float:left; margin-bottom:40px; display:block; text-align:left;} #content #contentright ul{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left;} #content #contentright ul li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-left:12px; margin-bottom: 5px; text-align:left; } #content #contentright ul ul { padding: 8px 0 0 20px; display: block; } * html #content #contentright ul{margin:0 0 0 0px; padding:0; display:block; width:250px;} * html #content #contentright ul li{padding:0 0 20px 0; text-align:left; font-size:13px; margin:0 0 0 0px; list-style-position:outside; margin:0 0 0 25px;} #content #contentright img{padding-left:0;} #content #contentmiddle h3, #content #contentleft h3 , #content #contentright h3 { font-weight: normal; } /*************************************************************************/ #content_circular{ font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:20px; margin-left:27px; margin-right:30px; background:url(images/vertical_repeat.png) repeat-y; width:975px; height:auto; margin:0; padding:20px 0 0 0;} #content_circular p{font-size:12px; line-height:1.5em; padding-left:25px;padding-right:45px; text-align:justify;} #content_circular ul li{margin-left:50px;font-size:12px; line-height:1.5em; padding-right:45px; text-align:justify;} .tablecontent{ width:820px; margin-left:50px; margin-bottom:40px; margin-top:30px; } .tablecontent table { width: 100%; } #content_circular p span{font-weight:bold;} #content_circular ul.padd { padding-left: 50px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; line-height:1.5em;display:block; margin-top:10px;} #footr{clear:both; height:68px; width:922px; background:url(images/footer.png) no-repeat; margin-left:-3px; font-size:12px;} #footr ul{list-style-type:none; padding-top:25px; padding-left:26px;} * html #footr ul{list-style-type:none; padding:25px 0 0 26px; margin:0px 0 0 0;} #footr ul li{float:left; padding:0 0 0 10px; margin:0; color:#fff; list-style:none;} * html #footr ul li{float:left; padding:0 0 0 10px; margin:0; color:#fff; list-style:none;} #footr .lastcopy{float:right; padding:0 35px 0 0; color:#88b2e6; margin:0;} #footr ul li a{color:#fff; text-decoration:none;} #footr p{float:right; padding-right:10px; color:#88b2e6;} #footr a:link{ color:#88b2e6; text-decoration:none;} #footr a:visited{ color:#88b2e6; text-decoration:none;} /******************************************************************************/ #gallery a img.thumb{border:3px solid #003366; margin-left:70px; margin-top:25px; padding:10px; margin-bottom:25px;} #content_action{border:1px solid #000; background:url(images/vertical_repeat.png) repeat-y;} #footer{clear:both; height:68px; width:922px; background:url(images/footer.png) no-repeat; margin-left:25px; font-size:12px; } #footer ul{list-style-type:none; padding-top:25px; padding-left:30px; margin-left:0;} * html #footer ul{list-style-type:none; padding:25px 0 0 30px; margin:0px 0 0 0;} #footer ul li{float:left; padding:0 0 0 10px; margin:0; color:#fff; list-style:none;} * html #footer ul li{float:left; padding:0 0 0 10px; margin:0; color:#fff; list-style:none;} #footer ul li a{color:#fff; text-decoration:none;} /*#footer p{float:right; padding:0 30px 0 0; color:#88b2e6; margin:0;}*/ #footer .lastcopy{float:right; padding:0 0px 0 0; color:#88b2e6; margin:0;} #footer .lastcopy1{float:right; padding:0 39px 0 0; color:#88b2e6; margin:0;} #footer .lastcopy2{float:right; padding:0px 0px 0 0; color:#88b2e6; margin:0;} #footer .lastcopy3{float:right; padding:0px 38px 0 0; color:#88b2e6; margin:0;} /** html #footer p{float:right; padding:0 0px 0 0; color:#88b2e6; margin:0;}*/ h1 h2 h3 h4 h5 h6{font-family:arial;} select{margin-left:20px; margin-top:10px;} #footer a:link{ color:#88b2e6; text-decoration:none;} #footer a:visited{ color:#88b2e6; text-decoration:none;} #search{margin-left:680px; padding-top:10px;} #headcontent{ width:1024px; border:1px solid #ddd; background-color:#FFFFFF;} #headcontent table{} #headcontent table td a {padding:0; margin: 0;} .msg{borde}