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