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
   
29
}
30
.container {
31
    margin-right:0;
32
}
33
.navigation-style {
34
<<<<<<< HEAD
35
//    width: 960px;
36
    
37
=======
38
    //width: 960px;
39
  //  line-height: 30px;
40
>>>>>>> 622cf04c9482d816cf7d04fbe261a7a6bc9eee8e
41
    position: relative;
42
    font-family: Arial,Helvetica,sans-serif;
43
    font-size: 12px;
44
//    float: left;
45
    margin-top: 25px;
46
    height: 41px;
47
    background: none repeat scroll 0% 0% #011100;
48
}
49
.navigation-style li {
50
    width:auto;
51
    color:red;
52
    //color: rgb(255, 255, 255);
53
    font-size: 16px;
54
    line-height: 41px;
55
    padding: 0px 30px;
56
    text-decoration: none;
57
    border-right: 1px solid rgb(119, 106, 162);
58
    display: inline-block;
59
    font-family: Helvetica,Arial,Verdana,sans-serif;
60
}
61
62
.navigation-style li a {
63
    width:auto;
64
    color:white;
65
}
66
67
.navigation-style li:hover a{
68
  //  color:red;
69
    font-family: Helvetica,Arial,Verdana,sans-serif;
70
    padding: 0px 0px;
71
    text-decoration: none;
72
    display: inline-block;
73
}
74
75
76
.contentholder {
77
    float: left;
78
    width: 964px;
79
    padding: 35px 0px 0px;
80
}
81
.first {
82
        margin-left: 0px;
83
	padding-left: 0px;
84
	margin-top:-46px;
85
}
86
.contentblockleft {
87
    float: left;
88
    width: 400px;
89
    margin-right: 40px;
90
}
91
hr {
92
    color:blue;
93
}
94
.contentblockright {
95
    float: right;
96
    width: 400px
97
}
98
99
/* home page content design  */
100
101
.content-head1 {
102
color:#000000; 
103
border-bottom: 1px dotted #5A5656 ;
104
width:80%;
105
font-family: sans-serif, roboto;
106
font-size: 24px;
107
padding: 5px 1px 2px 0px;
108
margin: 5px 1px 8px 1px;
109
}
110
.col-md-4 p {
111
width: 85%
112
}
113
114
.col-md-2 {
115
width: 23%
116
}
117
118
119
.content-head2 {
120
color:#000000; 
121
border-bottom: 1px dotted #5A5656 ;
122
width:80%;
123
font-family: sans-serif, roboto;
124
font-size: 24px;
125
padding: 5px 1px 2px 0px;
126
margin: 5px 1px 8px 1px;
127
}
128
129
/* content styling for other pages  */
130
131
.main-head {
132
color:#000000; 
133
font-family: sans-serif, roboto;
134
font-size: 24px;
135
padding: 5px 1px 2px 0px;
136
margin: 5px 1px 8px 1px;
137
text-align: center;
138
}
139
.subcontent-head {
140
color:#000000;
141
font-family: sans-serif, roboto;
142
font-size: 18px;
143
padding: 5px 1px 2px 0px;
144
margin: 5px 1px 8px 1px;
145
text-align: left;
146
}
147
148
149
150
151
ul.dropdown-menu li {
152
//    background:!important none repeat scroll 0% 0% rgb(255, 255, 255);
153
//    border-bottom: 1px inset rgb(188, 181, 215);
154
    filter: none;
155
    font-size: 14px;
156
    display: block;
157
    border-right:none;
158
    line-height: 1px;
159
    padding: 6px;
160
    margin:0px 0px 0px 0px;
161
    color: rgb(0, 0, 0);
162
}
163
ul.dropdown-menu {
164
    margin:0;
165
    font-size:smaller;
166
    background-color:#c00000;
167
}
168
.dropdown-menu li a {
169
    line-height:15px;
170
     padding: 3px 20px;
171
    }
172
li.maintab:hover {
173
    background-color:#c00000;
174
    color:yellow;
175
}
176
.navigation-style ul li a:hover {
177
    color: white;
178
    text-decoration: none;
179
}
180
181
/*testing hover */
182
body{margin-top:0px;
183
     overflow-y:scroll;
184
     }
185
.glyphicon { margin-right:10px; }
186
.panel-body { padding:0px; }
187
.panel-body table tr td { padding-left: 15px }
188
.panel-body .table {margin-bottom: 0px; }
189
190
.col-md-12 {
191
    width:85%;
192
}
193
.col-sm-3 col-md-3{
194
    margin:0px 0px 0px -30px;
195
}
196
.panel panel-default {
197
    width:700px;
198
}
199
li.a {
200
    color:#000;
201
    border-right:none;
202
    list-style-type:square;
203
}
204
.header-color{
205
    color:red;
206
}
207
.well {
208
    background-color:#fff;
209
}
210
/* Site Map style */
211
.dropdown-large {
212
  position: static !important;
213
}
214
.dropdown-menu-large {
215
  margin-left: 16px;
216
  margin-right: 16px;
217
  padding: 20px 0px;
218
}
219
.dropdown-menu-large > li > ul {
220
  padding: 0;
221
  margin: 0;
222
}
223
.dropdown-menu-large > li > ul > li {
224
  list-style: none;
225
}
226
.dropdown-menu-large > li > ul > li > a {
227
  display: block;
228
  padding: 3px 20px;
229
  clear: both;
230
  font-weight: normal;
231
  line-height: 1.428571429;
232
  color: #333333;
233
  white-space: normal;
234
}
235
.dropdown-menu-large > li ul > li > a:hover,
236
.dropdown-menu-large > li ul > li > a:focus {
237
  text-decoration: none;
238
  color: #262626;
239
  background-color: #f5f5f5;
240
}
241
.dropdown-menu-large .disabled > a,
242
.dropdown-menu-large .disabled > a:hover,
243
.dropdown-menu-large .disabled > a:focus {
244
  color: #999999;
245
}
246
.dropdown-menu-large .disabled > a:hover,
247
.dropdown-menu-large .disabled > a:focus {
248
  text-decoration: none;
249
  background-color: transparent;
250
  background-image: none;
251
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
252
  cursor: not-allowed;
253
}
254
.dropdown-menu-large .dropdown-header {
255
  color: #428bca;
256
  font-size: 18px;
257
}
258
@media (max-width: 768px) {
259
  .dropdown-menu-large {
260
    margin-left: 0 ;
261
    margin-right: 0 ;
262
  }
263
  .dropdown-menu-large > li {
264
    margin-bottom: 30px;
265
  }
266
  .dropdown-menu-large > li:last-child {
267
    margin-bottom: 0;
268
  }
269
  .dropdown-menu-large .dropdown-header {
270
    padding: 3px 15px !important;
271
  }
272
}
273
/* style map styles end */
274
275
276
277
/*
278
 * Remove text-shadow in selection highlight: h5bp.com/i
279
 * These selection rule sets have to be separate.
280
 * Customize the background color to match your design.
281
 */
282
283
::-moz-selection {
284
    background: #b3d4fc;
285
    text-shadow: none;
286
}
287
288
::selection {
289
    background: #b3d4fc;
290
    text-shadow: none;
291
}
292
293
/*
294
 * A better looking default horizontal rule
295
 */
296
297
hr {
298
    display: block;
299
    height: 1px;
300
    border: 0;
301
    border-top: 1px solid #ccc;
302
    margin: 1em 0;
303
    padding: 0;
304
}
305
306
/*
307
 * Remove the gap between images, videos, audio and canvas and the bottom of
308
 * their containers: h5bp.com/i/440
309
 */
310
311
audio,
312
canvas,
313
img,
314
video {
315
    vertical-align: middle;
316
}
317
318
/*
319
 * Remove default fieldset styles.
320
 */
321
322
fieldset {
323
    border: 0;
324
    margin: 0;
325
    padding: 0;
326
}
327
328
/*
329
 * Allow only vertical resizing of textareas.
330
 */
331
332
textarea {
333
    resize: vertical;
334
}
335
336
/* ==========================================================================
337
   Browse Happy prompt
338
   ========================================================================== */
339
340
.browsehappy {
341
    margin: 0.2em 0;
342
    background: #ccc;
343
    color: #000;
344
    padding: 0.2em 0;
345
}
346
347
/* ==========================================================================
348
   Author's custom styles
349
   ========================================================================== */
350
351
352
/* ==========================================================================
353
   Helper classes
354
   ========================================================================== */
355
356
/*
357
 * Image replacement
358
 */
359
360
.ir {
361
    background-color: transparent;
362
    border: 0;
363
    overflow: hidden;
364
    /* IE 6/7 fallback */
365
    *text-indent: -9999px;
366
}
367
368
.ir:before {
369
    content: "";
370
    display: block;
371
    width: 0;
372
    height: 150%;
373
}
374
375
/*
376
 * Hide from both screenreaders and browsers: h5bp.com/u
377
 */
378
379
.hidden {
380
    display: none !important;
381
    visibility: hidden;
382
}
383
384
/*
385
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
386
 */
387
388
.visuallyhidden {
389
    border: 0;
390
    clip: rect(0 0 0 0);
391
    height: 1px;
392
    margin: -1px;
393
    overflow: hidden;
394
    padding: 0;
395
    position: absolute;
396
    width: 1px;
397
}
398
399
/*
400
 * Extends the .visuallyhidden class to allow the element to be focusable
401
 * when navigated to via the keyboard: h5bp.com/p
402
 */
403
404
.visuallyhidden.focusable:active,
405
.visuallyhidden.focusable:focus {
406
    clip: auto;
407
    height: auto;
408
    margin: 0;
409
    overflow: visible;
410
    position: static;
411
    width: auto;
412
}
413
414
/*
415
 * Hide visually and from screenreaders, but maintain layout
416
 */
417
418
.invisible {
419
    visibility: hidden;
420
}
421
422
/*
423
 * Clearfix: contain floats
424
 *
425
 * For modern browsers
426
 * 1. The space content is one way to avoid an Opera bug when the
427
 *    `contenteditable` attribute is included anywhere else in the document.
428
 *    Otherwise it causes space to appear at the top and bottom of elements
429
 *    that receive the `clearfix` class.
430
 * 2. The use of `table` rather than `block` is only necessary if using
431
 *    `:before` to contain the top-margins of child elements.
432
 */
433
434
.clearfix:before,
435
.clearfix:after {
436
    content: " "; /* 1 */
437
    display: table; /* 2 */
438
}
439
440
.clearfix:after {
441
    clear: both;
442
}
443
444
/*
445
 * For IE 6/7 only
446
 * Include this rule to trigger hasLayout and contain floats.
447
 */
448
449
.clearfix {
450
    *zoom: 1;
451
}
452
453
/* ==========================================================================
454
   EXAMPLE Media Queries for Responsive Design.
455
   These examples override the primary ('mobile first') styles.
456
   Modify as content requires.
457
   ========================================================================== */
458
459
@media only screen and (min-width: 35em) {
460
    /* Style adjustments for viewports that meet the condition */
461
}
462
463
@media print,
464
       (-o-min-device-pixel-ratio: 5/4),
465
       (-webkit-min-device-pixel-ratio: 1.25),
466
       (min-resolution: 120dpi) {
467
    /* Style adjustments for high resolution devices */
468
}
469
470
/* ==========================================================================
471
   Print styles.
472
   Inlined to avoid required HTTP connection: h5bp.com/r
473
   ========================================================================== */
474
475
@media print {
476
    * {
477
        background: transparent !important;
478
        color: #000 !important; /* Black prints faster: h5bp.com/s */
479
        box-shadow: none !important;
480
        text-shadow: none !important;
481
    }
482
483
    a,
484
    a:visited {
485
        text-decoration: underline;
486
    }
487
488
    a[href]:after {
489
        content: " (" attr(href) ")";
490
    }
491
492
    abbr[title]:after {
493
        content: " (" attr(title) ")";
494
    }
495
496
    /*
497
     * Don't show links for images, or javascript/internal links
498
     */
499
500
    .ir a:after,
501
    a[href^="javascript:"]:after,
502
    a[href^="#"]:after {
503
        content: "";
504
    }
505
506
    pre,
507
    blockquote {
508
        border: 1px solid #999;
509
        page-break-inside: avoid;
510
    }
511
512
    thead {
513
        display: table-header-group; /* h5bp.com/t */
514
    }
515
516
    tr,
517
    img {
518
        page-break-inside: avoid;
519
    }
520
521
    img {
522
        max-width: 100% !important;
523
    }
524
525
    @page {
526
        margin: 0.5cm;
527
    }
528
529
    p,
530
    h2,
531
    h3 {
532
        orphans: 3;
533
        widows: 3;
534
    }
535
536
    h2,
537
    h3 {
538
        page-break-after: avoid;
539
    }
540
}