@CHARSET "UTF-8";
/* base */
html, body, p, dl, dd,dt ,blockquote,table,th, td, ul, ol, li,
form, img , fieldset, caption, legend, textarea,
h1,h2,h3,h4,h5,h6,address  { margin:0; padding:0; vertical-align:baseline; line-height:1em; font-size:100%; font:inherit; }
h1,h2,h3,h4,h5,h6,address,pre,p,span,th,td { font-style:normal; font-weight:normal; font-size:1em; }

a, a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none;  outline:0 none; }
a img, img, object { border:0; }
:focus { outline:0; }
ol, ul, li { list-style-type:none; }
li { list-style-position:outside; }
li li, li p, li a, p a{ font-size:100%; }

table { border-collapse: collapse; border-spacing:0;  table-layout:auto; }
blockquote, q{ quotes: none }
blockquote:before, q:before, blockquote:after, q:after { content:''; content:none; }
blockquote p { padding-left:0px; padding-bottom:0em; margin:0 0 0.5em;}

html { font-size:100%; height:100.1% }
body { height:100.1%, font:12px/1.4 sans-serif;  font-family:sans-serif}

table>tr { vertical-align:baseline;}
th{ text-align:left; }
td{ vertical-align:middle;}

input, select { vertical-align: middle; }
select, input, textarea, button { font:99% sans-serif; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
legend{ _margin-left: -7px; }

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: baseline; vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }





body { 
                font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
                font-size:62.5%;
                font-weight:normal;
                color:#666;
                line-height:160%;
                background: #fff url(../images/page-bg.png) repeat-x scroll top left; text-align:center; 
       }




#accesskeys, h1  a span { display: none }



.wrap { width: 960px; margin:0 auto; text-align:left;  position:relative;  /*font-size:1.4em;*/} 


/* =utility-navigation */
.utility-navigation { width:100%; clear:both; background-color:#003366; height:34px; }
.utility-navigation .nav-stripe {width:960px; margin:0 auto;  position:relative;}
.utility-navigation ul{ position:absolute; right:0; top:0; }
.utility-navigation  li { float: left;padding: 5px 4px 3px;}
.utility-navigation a { padding: 5px;  display:block; color:#ccc; font-size:11px;  padding:5px 5px; }
.utility-navigation a:hover{ color:#fff;}

.utility-navigation  li.on a{ background-color:#cc0000; color:#fff; }

/* = header */

#header { margin-top:10px } 


/* =branding */
#branding { clear:both;}
.ctr-logo { float:left; width:155px; height:115px;  margin-left:15px;}
.msme-logo { float:right; display:block;  width:122px; height: 83px; margin-right:15px;  }
.msme-logo a{ display:block; text-indent:-9999px; width:122px; height:83px; background: transparent url( ../images/msme-logo.png) no-repeat scroll top left;  }
.ctr-in-hindi { float:left; display: block; width: 541px; margin-left:50px; padding:110px 0 10px ; background: transparent url(../images/ctr-in-hindi.png) no-repeat scroll top left;  color: #003366; font-size:18px; font-family: "Times New Roman", Times, serif;  text-align:center; }

/* =main-navigation */
.main-nav-container { clear:both;  width:100%; height:70px; background: transparent url(../images/main-menu-bg.png) no-repeat scroll top left; }
#main-navigation  { margin-left:220px; padding-top:7px; position:relative;}
#main-navigation li { float:left; background: transparent url(../images/menu-seperator.png) no-repeat scroll -12px  2px; padding-left:8px;   }
#main-navigation li a { padding:10px 12px 20px 6px;  display:block;  color:#ddd; font-size:14px; }
#main-navigation li a:hover { color:#fff; }

body #main-navigation ol li.first { background-image:none; }

#about-section #main-navigation .nav-aboutus,
#rpc-section #main-navigation .nav-rpc,
#trainings-section #main-navigation .nav-trainings,
#services-section #main-navigation .nav-pns,
#facilities-section #main-navigation .nav-facilities, 
#careers-section #main-navigation .nav-careers,
#press-section #main-navigation .nav-press,
#main-navigation li.on { background: transparent url(../images/menu-on.png)  no-repeat scroll left -2px }

#about-section #main-navigation .nav-aboutus a,
#rpc-section #main-navigation .nav-rpc a,
#trainings-section #main-navigation .nav-trainings a,	
#services-section #main-navigation .nav-pns a,
#facilities-section #main-navigation .nav-facilities a,
#careers-section #main-navigation .nav-careers a,
#press-section #main-navigation .nav-press a,
#main-navigation li.on a { background: transparent url(../images/menu-on.png) no-repeat scroll right -2px ; color:#fff;}
#main-navigation li.home-option { position:absolute; width:30px; height:30px; text-indent:-9999px; padding:0; background: transparent none; top:8px; left:-123px; }
#main-navigation li.home-option a {display:block; width:30px; height:30px; }


#about-section.wrap #header #main-navigation li.first { background-position: -2px -2px;}
/* =breadcrumb */

#breadcrumb { display:block;   background:transparent; /* margin-left:225px; */ }
#breadcrumb ul { padding:10px; width:715px; }
#breadcrumb li { background: transparent url(../images/breadcrumb-arrow.png) no-repeat scroll 0 4px; padding:2px 5px 2px 15px;  display:inline; }
#breadcrumb li.first { background:none;  padding-left:0;}
#breadcrumb a { font-weight:bold; color:#003366;}

 

/* =content-area */

    #page-body{ background:#fff url(../images/content-area-bg.png) no-repeat scroll top left;  }

   
     #content-area { float: right; width:725px;  margin-right:15px; display:inline; }
    
    #content {padding:0 0px;}
    
    #primary-content { float:left; width:725px;   }
    #related-content { float:right; width:210px; }
    #content #related-content p { padding:0;}
    #section-navigation{ width: 210px;  }
    
    .with-related-content #primary-content { width:505px; border-right :1px solid #ccc; }
    
    #content p, #content dd, #content dt {font-size:1.4em; line-height:1.4em; padding:10px;}
    
    #content h2{ font-size:2.4em; font-family: "Lucida Sans Unicode", "Lucida Grande", arial, helvatica, sans-serif;  color:#003360; padding:10px;  line-height:110%}
    p.intro { border-bottom: 1px solid #ccc; padding-bottom:10px; margin-bottom:10px; padding:10px; }
    
    #content dt { font-size:1.3em; font-weight:bold; padding-bottom:5px; }
	#content dd { padding:0px 10px 5px; }
	#content li * { font-size:1em;}

	h3{ font-size:1.6em; color:#003366;  padding:10px;  }
    h4{ font-size:1.4em; color:#003366;  padding:10px 10px 10px 0px; }

    #primary-content p{ padding:5px 10px; }
    #primary-content li { font-size:1.4em; }
    #primary-content li p , #primary-content dd p{ font-size:1em; }
    #primary-content dd p { padding-left:0; padding-right:0; }
    #primary-content dd li{ font-size:0.85em; list-style-type:decimal; list-style-position:outside; }
    #primary-content  dd ol { margin-left:35px; }
	#primary-content h4{ padding-left:10px; }

/* =section-navigation */

    #section-navigation h5{ background:transparent url(../images/left-nav-bg.png) no-repeat scroll top left ; width:160px;  margin-left:15px; color:#fff; font-size:1.4em; padding:12px 4px 4px 32px ; }
    #section-navigation ul{ background:transparent url(../images/left-nav-bg.png) no-repeat scroll bottom left ; width:196px;  margin-left:15px; padding-bottom:10px; }
    #section-navigation ul li{ background:transparent url(../images/menu-underline.gif) no-repeat scroll top left ;margin: 0 10px; padding: 5px 0 3px; }
    #section-navigation a { background: transparent url(../images/red-arrow-on-blue.png) no-repeat scroll 5px 50%; padding:5px 5px 5px 20px; display:block; font-size:14px; color:#ddd; width:145px;  }
    #section-navigation a:hover { color:#fff; }
    #section-navigation li.on a{background-color:#CC0000; color:#fff;  background-image:url(../images/white-arrow-on-red.png)}

    /* =footer */
   
    #footer{ clear:both;  background: transparent url(../images/footer-bg.png) no-repeat scroll top left; height:80px; padding-top:60px; }
    .footer-nav { float:right; display:block; margin-top:-17px;}
    .footer-nav ul{  display:block; }
    .footer-nav li { float:left;}
    .footer-nav  a { font-size:11px; color:#666;  padding:0 5px;   }     
    .footer-nav  a:hover { color:#333; }
    /* =misc */
   
   .clear-both { clear:both}
   
   
   /* =generic */
  
  #content ul, #content ol { padding:10px; } 
  #content #related-content ul { padding:10px 0; }
  #content .red-arrow li { background: transparent url(../images/red-arrow2.png) no-repeat scroll 0 2px ;  padding-left: 15px; font-size:1.4em; margin-bottom:10px; }
  #content .red-arrow li li { font-size:1em; }
  #content .red-dot li { background: transparent url(../images/red-dot.png) no-repeat scroll 0 4px ;  padding-left: 10px; font-size:1.2em;  margin-bottom:2px; }
  #content .blue-arrow li { background: transparent url(../images/blue-arrow.jpg) no-repeat scroll -1px -1px ;  padding-left: 20px; font-size:1.2em;  margin-bottom:2px; }
  #content .black-dots li { list-style:disc; margin:0 0 5px 20px; line-height:1.4em;}
  
  #related-content a { color:#cc0000;}
  
  .goto { display:block; text-align:right; color:#cc0000; font-size:1em;}
  strong { font-size:13px; font-weight:bold; color:#333; }
  
  #primary-content li p { padding:5px 0; font-size:1em; }
  #primary-content table { padding:10px; }
  td,th { font-size:1.2em ; vertical-align:top; text-align:left; }
  
  .tb-type1 td,.tb-type1 th { padding:5px; }
  .tb-type1 th{ background-color:#E9EEF4; }
  .tb-type1 td {background-color:#fef; }
  
	#content p.remark { color:#999; font-size:0.8em; line-height:1em; }
  
  #content ol li { list-style-type:decimal; list-style-position:outside; margin-left:20px; margin-bottom:15px}
  /* = #home-page  */
 
 #home-page #content-area { width:930px;/* margin-left:15px; */}
 #home-page #content { padding-top:10px; }
 #home-page #primary-content { width:622px;}
 #home-page #related-content { width:290px;}
 #home-page .introduction { border-bottom:1px solid #ccc;  clear:right; height:200px}
 #home-page .introduction .intro { margin-left:130px; font-size:1.6em; line-height:140%; border-bottom:none; }
 #home-page h2{  padding:0 10px; margin-left: 130px; }
    .latest-news{ border-bottom:1px solid #ccc; margin-bottom:10px; }
    .column-1-3rd { width:310px;  float:left; }
   .right-line { border-right:1px solid #ccc; }

#related-content h3{ padding-left:0; }   
   
   
   /* =training faculties page */
  
   table.faculties-list th { background-color:#E9EEF4;}
   
    #content dl.course-details  { background-color:#fffa9c; padding:10px; margin:10px 10px 10px 0;} 
	#content dl.course-details dt,#content  dl.course-details dd { padding:2px 0; font-size:0.9em; float:left;  }
	#content  dl.course-details dt	 { clear:right;}

	#content #primary-content .course-detail { background-color:#fffa9c; padding:10px; margin:10px 10px 10px 0;}
	#content #primary-content .course-detail p { padding:2px 0 0 0;} 		
	
	/* generic tables */

    table { border-collapse:collapse; border:1px solid #ccc; width:100%; }
    th, td { padding:2px; border:1px solid #ccc; font-size:12px; }

 /* special tables */
 
  table.normal th,table.normal td{ font-size:1em;}
    
