1
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
2
3
/*
4
 * What follows is the result of much research on cross-browser styling.
5
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
6
 * Kroc Camen, and the H5BP dev community and team.
7
 */
8
9
/* ==========================================================================
10
   Base styles: opinionated defaults
11
   ========================================================================== */
12
13
html,
14
button,
15
input,
16
select,
17
textarea {
18
    color: #222;
19
}
20
21
html {
22
    font-size: 1em;
23
    line-height: 1.4;
24
}
25
body {
26
    margin: 0;
27
    padding: 0;
28
    font-family:'Roboto', sans-serif;
29
  
30
}
31
.container {
32
    margin-right:0;
33
}
34
.navigation-style {
35
    position: relative;
36
    font-size: 12px;
37
    margin-top: 15px;
38
    height: 41px;
39
    background: none repeat scroll 0% 0% #000;
40
}
41
.navigation-style li {
42
    width:auto;
43
    color:red;
44
    font-size: 16px;
45
    line-height: 41px;
46
    padding: 0px 30px;
47
    text-decoration: none;
48
    display: inline-block;
49
50
}
51
52
.navigation-style li a {
53
    width:auto;
54
    color:white;
55
}
56
57
.navigation-style li:hover a{
58
    text-decoration: none;
59
    display: inline-block;
60
}
61
62
63
.contentholder {
64
    float: left;
65
    width: 964px;
66
    padding: 35px 0px 0px;
67
}
68
.first {
69
        margin-left: 0px;
70
	padding-left: 0px;
71
	margin-top:-46px;
72
}
73
.contentblockleft {
74
    float: left;
75
    width: 400px;
76
    margin-right: 40px;
77
}
78
hr {
79
    color:blue;
80
}
81
.contentblockright {
82
    float: right;
83
    width: 400px
84
}
85
86
87
/* home page content design  */
88
89
.content-head1 {
90
color:#000000; 
91
border-bottom: 1px dotted #C00000 ;
92
width:80%;
93
/*font-family: sans-serif, roboto;*/
94
font-size: 24px;
95
padding: 1em 0.1em 0.1em 0em;
96
margin: 0.2em 0.1em 0.8em 0em;
97
}
98
99
.navigation-style.col-md-10 {
100
  padding-left: 0;
101
  padding-right: 0;
102
}
103
104
.col-md-4 p {
105
  width: 85%
106
}
107
108
109
.col-md-2 {
110
width: 23%
111
}
112
113
114
.content-head2 {
115
color:#000000; 
116
border-bottom: 1px dotted #C00000 ;
117
width:80%;
118
/*font-family: sans-serif, roboto;*/
119
font-size: 24px;
120
padding: 1em 0.1em 0.1em 0em;
121
margin: 0.2em 0.1em 0.8em 0em;
122
}
123
124
/* content styling for other pages  */
125
126
.main-head {
127
color:#000000; 
128
/*font-family: sans-serif, roboto;*/
129
font-size: 24px;
130
padding: 5px 1px 2px 0px;
131
margin: 5px 1px 8px 1px;
132
text-align: left;
133
border-bottom: 1px #c00000 dotted;
134
}
135
.subcontent-head {
136
color:#000000;
137
/*font-family: sans-serif, roboto;*/
138
font-size: 18px;
139
padding: 5px 1px 2px 0px;
140
margin: 5px 1px 8px 1px;
141
text-align: left;
142
}
143
144
.col-md-6 {
145
width: 58%;
146
margin-left: 0.3em;
147
}
148
149
#header-banner {
150
padding: 1em 0em 1em 0em;
151
margin: 1em 0em 1em -1em;
152
}
153
154
.block {
155
line-height: 150%;
156
padding: 10px 0px 5px 2px;
157
margin: 10px 0px 5px 2px;
158
text-align: justify;
159
font-size: 14px;
160
color: #000000;
161
}
162
163
.underblock {
164
line-height: 125%;
165
font-size: 14px;
166
text-align: justify;
167
}
168
169
170
.block em {
171
vertical-align: super;
172
}
173
174
a:link {
175
color: #c00000;
176
}
177
178
a:hover {
179
color: #000000;
180
}
181
182
183
ul.dropdown-menu li {
184
/*    background:!important none repeat scroll 0% 0% rgb(255, 255, 255);*/
185
/*    border-bottom: 1px inset rgb(188, 181, 215);*/
186
    filter: none;
187
    font-size: 14px;
188
    display: block;
189
    border-right:none;
190
    line-height: 1px;
191
    padding: 6px;
192
    margin:0px 0px 0px 0px;
193
    color: rgb(0, 0, 0);
194
}
195
ul.dropdown-menu {
196
    margin:0;
197
    font-size:smaller;
198
    background-color:#c00000;
199
}
200
.dropdown-menu li a {
201
        padding: 3px 20px;
202
	width:100%;
203
    }
204
li.maintab:hover {
205
    background-color:#c00000;
206
    color:yellow;
207
}
208
.navigation-style ul li a:hover {
209
    color: white;
210
    text-decoration: none;
211
}
212
.dropdown-menu > li > a:hover {
213
    background-color:#000;
214
}
215
.dropdown-menu > li > a:focus {
216
    background-color:#c00000;
217
}
218
219
/*testing hover */
220
body{margin-top:0px;
221
     overflow-y:scroll;
222
     }
223
.glyphicon { margin-right:10px; }
224
.panel-body { padding:0px; }
225
.panel-body table tr td { padding-left: 15px }
226
.panel-body .table {margin-bottom: 0px; }
227
228
229
230
.col-sm-3 col-md-3{
231
    margin:0px 0px 0px -30px;
232
}
233
234
235
236
.panel panel-default {
237
    width:700px;
238
}
239
240
li.a {
241
    color:#000;
242
    border-right:none;
243
    list-style-type:square;
244
}
245
246
.header-color{
247
    color:red;
248
}
249
250
.well {
251
    background-color:#f7f7f7;
252
border-radius: 0px;
253
}
254
255
/* Site Map style */
256
.dropdown-large {
257
  position: static !important;
258
}
259
.dropdown-menu-large {
260
  margin-left: 16px;
261
  margin-right: 16px;
262
  padding: 20px 0px;
263
  width: auto;
264
265
}
266
.dropdown-menu-large > li > ul {
267
  padding: 0;
268
  margin: 0;
269
}
270
.dropdown-menu-large > li > ul > li {
271
  list-style: none;
272
}
273
.dropdown-menu-large > li > ul > li > a {
274
  display: block;
275
  padding: 3px 20px;
276
  clear: both;
277
  font-weight: normal;
278
  line-height: 1.428571429;
279
  color: white;
280
  white-space: normal;
281
}
282
283
284
.dropdown-menu-large > li ul > li > a:hover {
285
text-decoration: none;
286
background-color: #C00000;
287
}
288
.dropdown-menu-large > li ul > li > a:focus {
289
  text-decoration: none;
290
  color: #262626;
291
  */background-color: #f5f5f5;*/
292
/head}
293
.dropdown-menu-large .disabled > a,
294
.dropdown-menu-large .disabled > a:hover,
295
.dropdown-menu-large .disabled > a:focus {
296
  color: #999999;
297
}
298
.dropdown-menu-large .disabled > a:hover,
299
.dropdown-menu-large .disabled > a:focus {
300
  text-decoration: none;
301
  background-color: transparent;
302
  background-image: none;
303
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
304
  cursor: not-allowed;
305
}
306
.dropdown-menu-large .dropdown-header {
307
  color: #c00000;
308
  font-size: 18px;
309
}
310
@media (max-width: 768px) {
311
  .dropdown-menu-large {
312
    margin-left: 0 ;
313
    margin-right: 0 ;
314
  }
315
  .dropdown-menu-large > li {
316
    margin-bottom: 30px;
317
  }
318
  .dropdown-menu-large > li:last-child {
319
    margin-bottom: 0;
320
  }
321
  .dropdown-menu-large .dropdown-header {
322
    padding: 3px 15px !important;
323
  }
324
}
325
/* style map styles end */
326
/*dropsown sub menu css */
327
328
.dropdown-submenu {
329
    position: relative;
330
}
331
332
.dropdown-submenu>.dropdown-menu {
333
    top: 0;
334
    left: 100%;
335
    margin-top: -6px;
336
    margin-left: -1px;
337
    -webkit-border-radius: 0 6px 6px 6px;
338
    -moz-border-radius: 0 6px 6px;
339
    border-radius: 0 6px 6px 6px;
340
}
341
342
.dropdown-submenu:hover>.dropdown-menu {
343
    display: block;
344
}
345
346
.dropdown-submenu>a:after {
347
    display: block;
348
    content: " ";
349
    float: right;
350
    width: 0;
351
    height: 0;
352
    border-color: transparent;
353
    border-style: solid;
354
    border-width: 5px 0 5px 5px;
355
    border-left-color: #ccc;
356
    margin-top: 5px;
357
    margin-right: -10px;
358
}
359
360
.dropdown-submenu:hover>a:after {
361
    border-left-color: #fff;
362
}
363
364
.dropdown-submenu.pull-left {
365
    float: none;
366
}
367
368
.dropdown-submenu.pull-left>.dropdown-menu {
369
    left: -100%;
370
    margin-left: 10px;
371
    -webkit-border-radius: 6px 0 6px 6px;
372
    -moz-border-radius: 6px 0 6px 6px;
373
    border-radius: 6px 0 6px 6px;
374
}
375
/* drop down menu css ends here */
376
377
/* footer social icons style*/
378
.images {
379
    float:right;
380
    margin:-45px 50px 0px 0px;
381
}
382
383
/* footer style ends here */
384
385
/* Search box styles */
386
387
.input-group {
388
    flaot:right;
389
    position: relative;
390
    display: table;
391
    border-collapse: separate;
392
}
393
394
.footer-style {
395
     position: relative;
396
    font-size: 12px;
397
    margin-top: 15px;
398
    height: 35px;
399
    background: none repeat scroll 0% 0% #000;
400
401
    }
402
403
.footer-style li {
404
    width:auto;
405
    color:red;
406
    font-size: 16px;
407
    line-height: 35px;
408
    padding: 0px 20px;
409
    text-decoration: none;
410
    display: inline-block;
411
    border-right: 1px solid rgb(255, 255, 255);
412
413
}
414
415
.footer-style li a {
416
    width:auto;
417
    color:white;
418
}
419
420
.dropdown-menu-large > li ul > li > a{
421
    line-height:1;
422
    color:white;
423
    padding-left: 0px;
424
    padding-right: 5px;
425
}
426
427
.dropdown-menu-large > li ul > li > a:hover{
428
    color:white;
429
}
430
431
/*
432
 * Remove text-shadow in selection highlight: h5bp.com/i
433
 * These selection rule sets have to be separate.
434
 * Customize the background color to match your design.
435
 */
436
437
::-moz-selection {
438
    background: #b3d4fc;
439
    text-shadow: none;
440
}
441
442
::selection {
443
    background: #b3d4fc;
444
    text-shadow: none;
445
}
446
447
/*
448
 * A better looking default horizontal rule
449
 */
450
451
hr {
452
    display: block;
453
    height: 1px;
454
    border: 0;
455
    border-top: 1px solid #ccc;
456
    margin: 1em 0;
457
    padding: 0;
458
}
459
460
/*
461
 * Remove the gap between images, videos, audio and canvas and the bottom of
462
 * their containers: h5bp.com/i/440
463
 */
464
465
audio,
466
canvas,
467
img,
468
video {
469
    vertical-align: middle;
470
}
471
472
/*
473
 * Remove default fieldset styles.
474
 */
475
476
fieldset {
477
    border: 0;
478
    margin: 0;
479
    padding: 0;
480
}
481
482
/*
483
 * Allow only vertical resizing of textareas.
484
 */
485
486
textarea {
487
    resize: vertical;
488
}
489
490
/* ==========================================================================
491
   Browse Happy prompt
492
   ========================================================================== */
493
494
.browsehappy {
495
    margin: 0.2em 0;
496
    background: #ccc;
497
    color: #000;
498
    padding: 0.2em 0;
499
}
500
501
/* ==========================================================================
502
   Author's custom styles
503
   ========================================================================== */
504
505
506
/* ==========================================================================
507
   Helper classes
508
   ========================================================================== */
509
510
/*
511
 * Image replacement
512
 */
513
514
.ir {
515
    background-color: transparent;
516
    border: 0;
517
    overflow: hidden;
518
    /* IE 6/7 fallback */
519
    *text-indent: -9999px;
520
}
521
522
.ir:before {
523
    content: "";
524
    display: block;
525
    width: 0;
526
    height: 150%;
527
}
528
529
/*
530
 * Hide from both screenreaders and browsers: h5bp.com/u
531
 */
532
533
.hidden {
534
    display: none !important;
535
    visibility: hidden;
536
}
537
538
/*
539
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
540
 */
541
542
.visuallyhidden {
543
    border: 0;
544
    clip: rect(0 0 0 0);
545
    height: 1px;
546
    margin: -1px;
547
    overflow: hidden;
548
    padding: 0;
549
    position: absolute;
550
    width: 1px;
551
}
552
553
/*
554
 * Extends the .visuallyhidden class to allow the element to be focusable
555
 * when navigated to via the keyboard: h5bp.com/p
556
 */
557
558
.visuallyhidden.focusable:active,
559
.visuallyhidden.focusable:focus {
560
    clip: auto;
561
    height: auto;
562
    margin: 0;
563
    overflow: visible;
564
    position: static;
565
    width: auto;
566
}
567
568
/*
569
 * Hide visually and from screenreaders, but maintain layout
570
 */
571
572
.invisible {
573
    visibility: hidden;
574
}
575
576
/*
577
 * Clearfix: contain floats
578
 *
579
 * For modern browsers
580
 * 1. The space content is one way to avoid an Opera bug when the
581
 *    `contenteditable` attribute is included anywhere else in the document.
582
 *    Otherwise it causes space to appear at the top and bottom of elements
583
 *    that receive the `clearfix` class.
584
 * 2. The use of `table` rather than `block` is only necessary if using
585
 *    `:before` to contain the top-margins of child elements.
586
 */
587
588
.clearfix:before,
589
.clearfix:after {
590
    content: " "; /* 1 */
591
    display: table; /* 2 */
592
}
593
594
.clearfix:after {
595
    clear: both;
596
}
597
598
/*
599
 * For IE 6/7 only
600
 * Include this rule to trigger hasLayout and contain floats.
601
 */
602
603
.clearfix {
604
    *zoom: 1;
605
}
606
607
/* ==========================================================================
608
   EXAMPLE Media Queries for Responsive Design.
609
   These examples override the primary ('mobile first') styles.
610
   Modify as content requires.
611
   ========================================================================== */
612
613
@media only screen and (min-width: 35em) {
614
    /* Style adjustments for viewports that meet the condition */
615
}
616
617
@media print,
618
       (-o-min-device-pixel-ratio: 5/4),
619
       (-webkit-min-device-pixel-ratio: 1.25),
620
       (min-resolution: 120dpi) {
621
    /* Style adjustments for high resolution devices */
622
}
623
624
/* ==========================================================================
625
   Print styles.
626
   Inlined to avoid required HTTP connection: h5bp.com/r
627
   ========================================================================== */
628
629
@media print {
630
    * {
631
        background: transparent !important;
632
        color: #000 !important; /* Black prints faster: h5bp.com/s */
633
        box-shadow: none !important;
634
        text-shadow: none !important;
635
    }
636
637
    a,
638
    a:visited {
639
        text-decoration: underline;
640
    }
641
642
    a[href]:after {
643
        content: " (" attr(href) ")";
644
    }
645
646
    abbr[title]:after {
647
        content: " (" attr(title) ")";
648
    }
649
650
    /*
651
     * Don't show links for images, or javascript/internal links
652
     */
653
654
    .ir a:after,
655
    a[href^="javascript:"]:after,
656
    a[href^="#"]:after {
657
        content: "";
658
    }
659
660
    pre,
661
    blockquote {
662
        border: 1px solid #999;
663
        page-break-inside: avoid;
664
    }
665
666
    thead {
667
        display: table-header-group; /* h5bp.com/t */
668
    }
669
670
    tr,
671
    img {
672
        page-break-inside: avoid;
673
    }
674
675
    img {
676
        max-width: 100% !important;
677
    }
678
679
    @page {
680
        margin: 0.5cm;
681
    }
682
683
    p,
684
    h2,
685
    h3 {
686
        orphans: 3;
687
        widows: 3;
688
    }
689
690
    h2,
691
    h3 {
692
        page-break-after: avoid;
693
    }
694
}