﻿@charset "utf-8";
/* CSS Document */

/*span section starts*/

.blue{ color:#15398E; }



/*span section ends*/


.quick_call{ width:100%; height:60px; background:url(images/vcmt_2.jpg); float:left; top:45px; left:30px; position:relative }
.online{ padding-right:6px; float:right; line-height:60px; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#fff; }

.quick_call a{ color:#fff; }
.quick_call a:hover{ color:#BDC4A6; }

/*---------------go to top---------------------*/
.scrollup {
    background: url(images/top.png) no-repeat scroll 0 0 transparent;
    bottom: 20px;
    display: none;
    height: 50px;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    width: 50px;
}
/*--------------------------end--------------------------*/
body{ margin:0; padding:0; background:#f5f5f5;}
.login{ top:15px; position:relative;}
.ilframe {width:520px; height:270px;top:10px; left:10px; position:relative;}
 /* head section */
 
 /*-------------------------SEARCH BOX--------------------*/
 .form-wrapper-01 {
width: 300px;
padding: 6px;
margin-left: 230px ;
margin-top:10px;
overflow: hidden;
border-width: 1px;
border-style: solid;
border-color: #dedede #bababa #aaa #bababa;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #f6f6f6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eae8e8));
background-image: -webkit-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -moz-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -ms-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -o-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: linear-gradient(top, #f6f6f6, #eae8e8);
}
.form-wrapper-01 #search {
width: 180px;
height: 12px;
padding: 10px 5px;
float: left;
font-size:16px; 
font-family: Tw Cen MT Condensed;
border: 1px solid #ccc;
-moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
 
.form-wrapper-01 #search:focus {
outline: 0;
border-color: #aaa;
-moz-box-shadow: 0 1px 1px #bbb inset;
-webkit-box-shadow: 0 1px 1px #bbb inset;
box-shadow: 0 1px 1px #bbb inset;
}
 
.form-wrapper-01 #search::-webkit-input-placeholder {
color: #999;
font-weight: normal;
font-size:8px;
font-style:italic;
}
 
.form-wrapper-01 #search:-moz-placeholder {
color: #999;
font-weight: normal;
font-size:8px;
font-style:italic;
}
 
.form-wrapper-01 #search:-ms-input-placeholder {
color: #999;
font-weight: normal;
font-size:8px;
font-style:italic;
}
 
.form-wrapper-01 #submit {
float: right;
border: 1px solid #00748f;
height: 34px;
width: 100px;
padding: 0;
cursor: pointer;
font: bold 15px Arial, Helvetica;
color: #fafafa;
text-transform: none;
background-color: #31b2c3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#91b2d2), to(#2d4f6a));
background-image: -webkit-linear-gradient(top, #91b2d2, #2d4f6a);
background-image: -moz-linear-gradient(top, #91b2d2, #2d4f6a);
background-image: -ms-linear-gradient(top, #91b2d2, #2d4f6a);
background-image: -o-linear-gradient(top, #91b2d2, #2d4f6a);
background-image: linear-gradient(top, #91b2d2, #2d4f6a);

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
}
 
.form-wrapper-01 #submit:hover,
.form-wrapper-01 #submit:focus {
background-color: #2d4f6a;
background-image: -webkit-gradient(linear, left top, left bottom, from(#2d4f6a), to(#0483a0));
background-image: -webkit-linear-gradient(top, #2d4f6a, #0483a0);
background-image: -moz-linear-gradient(top, #2d4f6a, #0483a0);
background-image: -ms-linear-gradient(top, #2d4f6a, #0483a0);
background-image: -o-linear-gradient(top, #2d4f6a, #0483a0);
background-image: linear-gradient(top, #2d4f6a, #0483a0);
}
 
.form-wrapper-01 #submit:active {
outline: 0;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
 
.form-wrapper-01 #submit::-moz-focus-inner {
border: 0;
}
/*--------------end--------------*/
/*----------------------end------------*/
.head{ height:140px; width:100%; background: rgb(12,57,96); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(12,57,96,1) 0%, rgba(11,56,95,1) 9%, rgba(16,61,100,1) 13%, rgba(16,62,98,1) 20%, rgba(19,63,108,1) 26%, rgba(17,64,106,1) 34%, rgba(20,69,112,1) 39%, rgba(17,68,111,1) 42%, rgba(21,72,115,1) 45%, rgba(20,72,112,1) 51%, rgba(20,74,120,1) 55%, rgba(20,73,117,1) 57%, rgba(24,75,120,1) 61%, rgba(23,80,123,1) 64%, rgba(24,79,120,1) 66%, rgba(24,78,125,1) 69%, rgba(24,78,124,1) 71%, rgba(28,82,128,1) 73%, rgba(27,81,127,1) 80%, rgba(34,88,135,1) 92%, rgba(32,85,135,1) 94%, rgba(35,89,136,1) 95%, rgba(34,88,132,1) 97%, rgba(38,92,138,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,57,96,1)), color-stop(9%,rgba(11,56,95,1)), color-stop(13%,rgba(16,61,100,1)), color-stop(20%,rgba(16,62,98,1)), color-stop(26%,rgba(19,63,108,1)), color-stop(34%,rgba(17,64,106,1)), color-stop(39%,rgba(20,69,112,1)), color-stop(42%,rgba(17,68,111,1)), color-stop(45%,rgba(21,72,115,1)), color-stop(51%,rgba(20,72,112,1)), color-stop(55%,rgba(20,74,120,1)), color-stop(57%,rgba(20,73,117,1)), color-stop(61%,rgba(24,75,120,1)), color-stop(64%,rgba(23,80,123,1)), color-stop(66%,rgba(24,79,120,1)), color-stop(69%,rgba(24,78,125,1)), color-stop(71%,rgba(24,78,124,1)), color-stop(73%,rgba(28,82,128,1)), color-stop(80%,rgba(27,81,127,1)), color-stop(92%,rgba(34,88,135,1)), color-stop(94%,rgba(32,85,135,1)), color-stop(95%,rgba(35,89,136,1)), color-stop(97%,rgba(34,88,132,1)), color-stop(100%,rgba(38,92,138,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(12,57,96,1) 0%,rgba(11,56,95,1) 9%,rgba(16,61,100,1) 13%,rgba(16,62,98,1) 20%,rgba(19,63,108,1) 26%,rgba(17,64,106,1) 34%,rgba(20,69,112,1) 39%,rgba(17,68,111,1) 42%,rgba(21,72,115,1) 45%,rgba(20,72,112,1) 51%,rgba(20,74,120,1) 55%,rgba(20,73,117,1) 57%,rgba(24,75,120,1) 61%,rgba(23,80,123,1) 64%,rgba(24,79,120,1) 66%,rgba(24,78,125,1) 69%,rgba(24,78,124,1) 71%,rgba(28,82,128,1) 73%,rgba(27,81,127,1) 80%,rgba(34,88,135,1) 92%,rgba(32,85,135,1) 94%,rgba(35,89,136,1) 95%,rgba(34,88,132,1) 97%,rgba(38,92,138,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(12,57,96,1) 0%,rgba(11,56,95,1) 9%,rgba(16,61,100,1) 13%,rgba(16,62,98,1) 20%,rgba(19,63,108,1) 26%,rgba(17,64,106,1) 34%,rgba(20,69,112,1) 39%,rgba(17,68,111,1) 42%,rgba(21,72,115,1) 45%,rgba(20,72,112,1) 51%,rgba(20,74,120,1) 55%,rgba(20,73,117,1) 57%,rgba(24,75,120,1) 61%,rgba(23,80,123,1) 64%,rgba(24,79,120,1) 66%,rgba(24,78,125,1) 69%,rgba(24,78,124,1) 71%,rgba(28,82,128,1) 73%,rgba(27,81,127,1) 80%,rgba(34,88,135,1) 92%,rgba(32,85,135,1) 94%,rgba(35,89,136,1) 95%,rgba(34,88,132,1) 97%,rgba(38,92,138,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(12,57,96,1) 0%,rgba(11,56,95,1) 9%,rgba(16,61,100,1) 13%,rgba(16,62,98,1) 20%,rgba(19,63,108,1) 26%,rgba(17,64,106,1) 34%,rgba(20,69,112,1) 39%,rgba(17,68,111,1) 42%,rgba(21,72,115,1) 45%,rgba(20,72,112,1) 51%,rgba(20,74,120,1) 55%,rgba(20,73,117,1) 57%,rgba(24,75,120,1) 61%,rgba(23,80,123,1) 64%,rgba(24,79,120,1) 66%,rgba(24,78,125,1) 69%,rgba(24,78,124,1) 71%,rgba(28,82,128,1) 73%,rgba(27,81,127,1) 80%,rgba(34,88,135,1) 92%,rgba(32,85,135,1) 94%,rgba(35,89,136,1) 95%,rgba(34,88,132,1) 97%,rgba(38,92,138,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(12,57,96,1) 0%,rgba(11,56,95,1) 9%,rgba(16,61,100,1) 13%,rgba(16,62,98,1) 20%,rgba(19,63,108,1) 26%,rgba(17,64,106,1) 34%,rgba(20,69,112,1) 39%,rgba(17,68,111,1) 42%,rgba(21,72,115,1) 45%,rgba(20,72,112,1) 51%,rgba(20,74,120,1) 55%,rgba(20,73,117,1) 57%,rgba(24,75,120,1) 61%,rgba(23,80,123,1) 64%,rgba(24,79,120,1) 66%,rgba(24,78,125,1) 69%,rgba(24,78,124,1) 71%,rgba(28,82,128,1) 73%,rgba(27,81,127,1) 80%,rgba(34,88,135,1) 92%,rgba(32,85,135,1) 94%,rgba(35,89,136,1) 95%,rgba(34,88,132,1) 97%,rgba(38,92,138,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3960', endColorstr='#265c8a',GradientType=0 ); /* IE6-9 */
}
.head #HeadCenter{ height:140px; width:1200px; margin:auto;}
.head #HeadCenter #HeadLeft{ height:140px; margin-left:10px; width:1000px; float:left; z-index:-1000;}
.head #HeadCenter #HeadLeft img {float:left;}
.head #HeadCenter #HeadLeft #hdrlft{width:410px; height:140px; float:left;}
.head #HeadCenter #HeadLeft #hdrlft p{margin-left:390px; margin-top:30px; font-family:Tw Cen MT Condensed; font-size:16px; color:#333;}
 #HeadRight .menu  {  width:100%; height:50px; background:url(images/HDR.png) repeat-x scroll left top #e6ebda; }

/* Navigaton menu bar code is here */

.TopMenu{display: table; margin:0 auto; padding:0; width: 1000px; float:right; margin-top:7px;}
.TopMenu .menu ul{ display:block; color:#155fa4; font-family:Tahoma, Geneva, sans-serif; font-size:14px;}
.TopMenu .menu ul li{  display:inline; padding-left:5px; padding-right:5px; }
.TopMenu .menu ul li .adjust{ padding-left:5px; padding-right:15px;}
.TopMenu .menu ul li .adjust a{ color:#155fa4; text-decoration:none;}
.TopMenu .menu ul li .adjust a:hover{ padding-top:10px; padding-bottom:10px; background:#225483; color:#FFF; padding-left:0px; padding-right:10px; border-radius:0px;}

/* Marquee styles */

.marquee{ height:30px; width:100%; background-color:#e2e720;/*:url(images/marquee.png)*/ repeat-x;}
.marquee #MarqueeCenter{ width:1060px; height:30px; margin:auto; padding-top:5px;}
.marquee #MarqueeCenter span{ font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#FFF; font-weight:bold;}

/* Slider and content section div only for this demo page  */

.main{ margin-bottom:20px; width:1050px; margin:auto; background:url(images/main.png) repeat-y;}

/* Slider styles is here */

.main .slider{ height:230px; width:1010px; margin:auto; background:#036; left:2px; top:5px; position:relative; }
.main #layer{ height:8px; width:1010px; margin:auto; background:#2d4f6a; margin-top:6px; left:2px; position:relative;}
.main .content{ margin-bottom:20px; width:1013px; left:4px; top:3px; position:relative; margin:auto; margin-top:1px; }

/* Left Side content page that have counter menu bar and news section   */

.main .content #left{ height:1060px; width:250px; float:left; }

/* Middle Content section is here */

.main .content #middle{ height:1060px; width:530px; float:left; }

.main .content #middle ul{ font-family:Verdana; font-size:13px; color:#750F0F; padding-left:10px; padding-right:10px; line-height:22px; text-align:justify; }
.main .content #middle ul li{ list-style:none; padding-left:20px; }


.main .content #middle #about{ height:130px; width:520px; border:1px solid #CCC; margin-left:10px; margin-top:5px;}
.main .content #middle #video{ height:180px; width:520px; margin-top:10px; margin-left:10px; border:1px solid #CCC; background:url(images/back.jpg) repeat-x top;}
.main .content #middle #events{ height:320px; width:520px; margin-top:10px; margin-left:10px; border:1px solid #CCC; background:url(images/back.jpg) repeat-x top;}
.main .content #middle #other{ height:325px; width:520px; margin-top:10px; margin-left:10px; border:1px solid #CCC; background:url(images/back.jpg) repeat-x top;}
.main .content #middle #mission{ height:220px; width:520px; margin-top:10px; margin-left:10px; border:1px solid #CCC; background:url(images/back.jpg) repeat-x top;}

/* Right section code is here */

.main .content #right{ height:1060px; width:200px; margin-left:10px; float:left; }

/* Footer code is here */

.footer{ height:220px; width:100%; margin:0; padding:0; background:#7d100d url(images/footermain.png) repeat-x;}
.footer #FooterCenter{ height:220px; width:1050px; margin:auto; background:#7d100d url(images/footermain.png) repeat-x;}
.footer #FooterCenter #pluggin{ height:30px; top:20px; position:relative; padding-left:800px; }
.footer #FooterCenter #mainsection{ height:150px; width:1050px; margin:auto; margin-top:10px;}
.footer #FooterCenter #mainsection #leftfooter{ height:150px; margin-left:0px; width:360px; float:left; background:url(images/divide.png) no-repeat right;}
.footer #FooterCenter #mainsection #centerfooter{ height:150px; width:315px; margin-left:40px;float:left; background:url(images/divide.png) no-repeat right; }
.footer #FooterCenter #mainsection #rightfooter{ height:150px; width:300px; margin-left:10px ;float:left; }

.footer #FooterCenter #bottom ul{ list-style:none; display:inline; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#FFF;}
.footer #FooterCenter #bottom ul li.no{ background:none;}
.footer #FooterCenter #bottom ul li{ padding-left:15px; padding-right:15px; background:url(images/footer.png) no-repeat;  display:inline;}

/* copyright section */

.copyright{ height:30px; width:100%; background:#65686a; font-family:Tahoma, Geneva, sans-serif; font-size:13px; }
.copyright .adjust{ left:160px; position:relative; top:7px; color:#FFF;}


/*Slide show section is start from here*/

#slideshow { 
	margin-top:2px; 
    position: relative; 
    width: 219px; 
    height: 400px; 
    box-shadow: 0 0 5px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    right: 7px; 
    bottom: 10px; 
}

/* Other styles */

.strip{ font-family:Verdana; font-size:14px; color:#f2f2f2; top:5px; left:25px; position:relative; font-weight:bold;}
.about{ font-family:Verdana; font-size:15px; color:#545050; font-weight:bold; padding:10px 0 10px 10px; line-height:30px; }
.AboutParagraph{ font-family:Verdana; font-size:13px; color:#444444; padding-left:10px; padding-right:10px; line-height:22px; text-align:justify; }
.paragraph{ font-family:Verdana; font-size:13px; color:#444444; padding-top:5px; padding-left:10px; padding-right:10px; line-height:20px;}
.strong{ margin-top:5px;}
.news{ height:400px; width:250px; margin-top:20px; margin-left:0px; border:1px solid #CCC; background:url(images/back.jpg) repeat-x top; font-family:Verdana; font-size:13px; color:#444444; padding-top:5px; line-height:20px;}

/* out Reach */

.OutReach{ height:180px; width:200px; background:url(images/back.jpg) repeat-x top; border:solid 1px #c0c0c0; margin-top:5px; margin-left:10px;}
.OutReach ul{ padding:0; margin:0; padding-top:15px; padding-left:10px;}
.OutReach ul li{ list-style:none; padding-top:5px; padding-bottom:5px;}
.OutReach ul li a{ width:170px; padding-left:15px; font-family:Verdana; font-size:13px; text-decoration:none; color:#383838; background:url(images/InterAction.png) no-repeat left;}
.Global{ font-size:14px; font-weight:bold; font-family:Verdana; color:#fff; top:5px; position:relative; left:40px;}

/* Interaction */

.InterAction{ height:282px; width:203px; background:url(images/back.jpg) repeat-x top; border:solid 1px #c0c0c0; margin-top:15px; margin-left:10px;}
.InterAction ul{ padding:0; margin:0; padding-left:10px;}
.InterAction ul li{ list-style:none; padding-top:1px; padding-bottom:1px;}
.InterAction ul li a{ width:170px; padding-left:20px; font-family:Verdana; font-size:13px; text-decoration:none; color:#383838; background:url(images/inter.png) no-repeat left;}
.InterActionText{ font-size:14px; font-weight:bold; font-family:Verdana; color:#fff; top:5px; position:relative; left:40px;}
.InteractionImage{ margin-top:20px; margin-left:40px;}
.copyright a{color:#FFF; text-decoration:none;}