body {
    padding-top: 15rem;
    background-color: #D2D1BF;
}

.footer {
    font-family: Verdana, Helvetica, sans-serif;
    color: #ffffff;
    background-color: #000080;
}

.center_text {
    text-align: center;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.list-no-style {
    list-style: none;
}


header nav {
    background-color: #000080;
    text-align: center;
}

header nav button {
    background-color: #000080;
}

.navbar-toggle .icon-bar {
    background-color: #ffffff;
}

header nav ul {
    padding: 0.25rem;
    margin-bottom: 0;
}

header nav ul li {
    display: inline-block;
    padding: 0 2.5rem;
    transition-duration: 0.5s;
}

header nav ul li:hover {
    cursor: pointer;
}

header nav ul li ul{
    visibility: hidden;
    opacity: 1;
    position: absolute;
    transition: all 0.5s ease;
    left: 0;
    display: none;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top:2px;
}

header nav ul li:hover > ul,
header nav ul li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block;
    color: #000080;
}

header nav ul li a {
    color: #ffffff;
    font-weight: bold;
}

header nav ul li ul li {
    opacity: 1;
    padding: 0 2.5rem;
    background-color: #ffffff;
    text-align:left;
    width: 12em;
}

header nav ul li ul li a {
    color: #000080;
    font-size: .90%;
    font-weight: bold;
    padding: 0;
    white-space: nowrap;
    background-color: #ffffff;
}

.navs a { font-size: 1.25rem; }

header {
    background-image: url(../images/css/back2.png);
    background-repeat: repeat-x;
}

.carousel-caption {
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
}

#myCarousel {
    margin-top: 6rem;
}

#toggle-offcanvas {
    z-index: 999;
}

.row-offcanvas {
    margin-top: 5.5rem;
}

#news, #services {
    color: #0000a0;
}

#news-list, #services-list {
    margin-bottom: 0;
}

.marketing {
    background-color: #ffffff;
    padding: 2.5rem;
}

.heading {
    text-align: center;
}

.wrapper {
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
    -moz-box-shadow:    0 0 8px rgba(0,0,0,0.3);
    box-shadow:         0 0 8px rgba(0,0,0,0.3);
    position: relative;
}

.bottom-article {
    text-align: center;
}

.bottom-article article {
    background-color: #ffffff;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 100%;
    height: 38rem;
}

.bottom-article article section {
    width: 100%;
    height: 15rem;
    overflow: hidden;
}

.bottom-article article section img {
    width: 100%;
    border-radius: 4px;
}

.bottom-article article h4 {
    text-align: left;
    padding: 1rem;
}

.bottom-article article p {
    color: #000000;
    padding: 0 1rem;
    margin-left: 0;
    text-align: left;
}

.bottom-most-article article {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    height: 202px;
    width: 100%;
}
.bottom-most-article article section img {
    float: right;
}

.bottom-most-article article p {
    color: #000000;
    margin-left: 0;
    padding-left: 1rem;
    padding-top: 0;
}

.no-link-style,
.no-link-style:hover{
    text-decoration: none;
    color: #000000;
}

.important {
    color: #ff0000;
}

#navbar ul li {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.tb-buffer {
    margin-top: 6rem;
    margin-bottom: 3rem;
}

.blue {
    color:#000080
}

.grey {
    color:#696969
}

.relevant-links {
    width: 256px;
}

.relevant-links h3 {
    color:#fff;
    height:51px;
    text-indent:25px;
    font: 26px/44px Georgia, "Times New Roman", Times, serif;
    margin:0;
    padding:0;

    background: #000080;
    background: #3f2e54;
    background: -moz-linear-gradient(top, #3f2e54 0%, #000080 40%, #000080 60%, #3f2e54 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f2e54), color-stop(40%, #000080), color-stop(60%, #000080), color-stop(100%, #3f2e54));
    background: -webkit-linear-gradient(top, #3f2e54 0%, #000080 40%, #000080 60%, #3f2e54 100%);
    background: -o-linear-gradient(top, #3f2e54 0%, #000080 40%, #000080 60%, #3f2e54 100%);
    background: -ms-linear-gradient(top, #3f2e54 0%, #000080 40%, #000080 60%, #3f2e54 100%);
    background: linear-gradient(to bottom, #3f2e54 0%, #000080 40%, #000080 60%, #3f2e54 100%);
    border-bottom: 1px solid #3f2e54;
}

.relevant-links div {
    position:absolute;
    width: 256px;
}

.relevant-links div:before {
    position:relative;
    left:0;
    bottom:28px;
    content:'';
    border-bottom: 10px solid white;
    border-right: 10px solid transparent;
}

.relevant-links div:after {
    position:relative;
    left:236px;
    bottom:28px;
    content:'';
    border-bottom: 10px solid white;
    border-left: 10px solid transparent;
}

.relevant-links ul {
    list-style: none;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background:#f2f2f2;
    margin:-7px 10px 0 10px;
    padding:0;
    padding-top: 1.5rem;
}

.relevant-links li a {
    text-decoration:none;
    color:#3974b6;
    font-size:13px;
    line-height:1.4;
    padding:7px 5px 7px 15px;
    display:block;
    border-bottom:1px solid #ddd;
}
.relevant-links li a:visited {
    color:#3974b6;
}
.relevant-links li a:hover {
    color:#fff;
    background:#366dab;
}

.logo-text{
    color:#fff;
    padding-left: 1rem;
    padding-top: 1rem;
}

.logo-alt{
    color:#fff;
    padding-left: 1rem;
    padding-top: 1rem;
}
#logo {
    margin-right: 10rem;
}

p.logo {
    text-align:center;
    padding:3rem;
    color:#daa520;
    font-size: 180%;
}

.profit {
    text-align:center;
    margin-right:auto;
    margin-left:auto;
    color:#fff;
    font-size: 80%;
    margin-top:0;
}

.noshow  {display:none;}

#memoriam {width:80%; border:3px solid #000; margin: 1em auto; padding: 1em 2em; background-color:#d1d0be;}
#memoriam h2 {text-align:center;}
#memoriam p {font-size:.90%;}

.star {color:#ff0000; font-weight:700; font-size:150%;}
ul.school li { width:40em; border-bottom: thin solid #5a5a5a;}
ul.school  { list-style:none;}

.services-list ul li {
    list-style: none;
    padding: .5em 0;
}
/* $Revision: 49 $ */
sup {font-size:50%;}

#mast {/* IE10+ */ 
background-image: -ms-linear-gradient(top, #1003fc 0%, #2D2B50 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #1003fc 0%, #2D2B50 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #1003fc 0%, #2D2B50 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1003fc), color-stop(100, #2D2B50));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #1003fc 0%, #2D2B50 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #1003fc 0%, #2D2B50 100%);}

.center {text-align:center;}
.clear {
clear:both;
}

.none {
border:none;
text-decoration:none;
}

.u, .under {
text-decoration:underline;
}

img.middle, .middle { vertical-align:middle;}

.reg {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:50%;
vertical-align:top;
}

.p1c {font-size:120%; text-align:center;}

#home a, #home2 a {
color:#c00;
}

.j {
margin-bottom:0;
margin-top:0;
text-align:justify;
}

.j2 {
margin-bottom:6px;
margin-top:6px;
text-align:justify;
}

.j3 {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:90%;
margin-top:12px;
text-align:justify;
}

p.jfa {
font-family:Arial, Verdana, Helvetica, sans-serif;
margin-bottom:0;
margin-top:12px;
text-align:justify;
}

.jfa
.school {
font-size:120%;
font-weight:700;
}

.jf {
font-family:Arial, Verdana, Helvetica, sans-serif;
margin-top:12px;
text-align:justify;
}

/* certveri */
#block, .block {width:40em; margin-left:10em;}
#block label {font-size:1.5em;}
#block2 {border-style: solid; border-color: #000; border-width: thin; padding: 10px; margin: 2em auto 0 10em; width:50%;}
#block2 p {text-align:left; margin-top:0; margin-bottom:.5em}
#block2 li {padding-bottom:0;}
#block #member {font-size: 1em; width: 15em; margin-left:5em;}
#block .red {color:#c00; font-weight:700;}

/* regalpha, regcv, jobadd */
#reg table {border:solid 1px; width:50em; margin:.5em 0 0 5em;}
#reg  td {text-align:left; font-size:90%; vertical-align:top; padding:.5em}
#reg  ul {list-style:none}
#reg {width:60%;}
#reg  p, #reg  label {margin-left:5em;}
#reg #member  {font-size: 1em; width: 15em; margin-left:5em;}

#cme  {padding:1em; width:80%; margin:0 auto; text-align:left;}
#cme ul li {text-align:left;}
#cme #list {text-align:center; width:25em; margin:0 auto;}
#cme  #list ul li {list-style: none;}
#cme div.left { float:left; width:50%; text-align:center; margin-bottom:1em;}
#cme div.right { float:right; width:50%; text-align:center; margin-bottom:1em;}
#cme .icmpe {width:25em; margin:0 auto;}

#newsblock {width:40em; margin-left:10em; text-align:left;}
#newsblock ul { padding-left:0;}
#newsblock li { list-style:none;}

#links { margin-left:10em; width:50em;}
#links  li, #links p {text-align:left}
#links  span {font-size:90%;}

#order {margin-left:10em; width:30em; text-align:left}

#board .td1 {vertical-align:top; width:30%; padding-left:25px;}
#board .p1 {font-size:120%; text-align:left; margin-left:5em;}
#board .p2 {font-size:140%; text-align:left; margin-left:5em;}
#board  .big {font-size:140%;}
#board  td {padding:5px; border:solid thin #5a5a5a; vertical-align:middle}
#board  table {width:80%; margin:1em auto; background-color:transparent; border-collapse:collapse}

#app input, #book  input, #contrib input{border:none; vertical-align:middle;}

#renew  p {margin-left:25%}
#renew fieldset {width:60em; margin-left:25%; border:0}
#renew  fieldset p {margin:0;}

#contrib {padding:1em; width:50%; margin-left:10em; text-align:left;}

.star {color:#ff0000; font-weight:700; font-size:150%;}
.accred { border:solid thin #000; padding:1em; width:35em; margin-left:10em;}

#techorder {margin-left:10em; width:50em; text-align:left;}
#techorder p {width: 45em;}
#techorder .left {float:left;}
#techorder .right {float:right;}

#schools {margin-left:10%;}
#schools   ul {list-style:none}

#rensend p {margin-left:25%; font-size:1.5em;}

/*#jobblock  #nav {font-size:.8em;}*/
#jobblock p {font-size:1.2em; margin-left:5em}
#jobblock .pos {font-size:1.2em; margin-left:0}
#jobblock .back {font-size:1em; margin-left:0}
#jobblock  table {width:90%}
#jobblock  td {padding:5px;font-size:1.2em; vertical-align:top}
#jobblock .center { margin-left: auto; margin-right: auto; text-align:center;}
#jobblock  td p{font-size:1em;}
#jobblock  .td_l {padding-left:20%;}
#jobblock  .td_r {margin-right:20%;}
#jobblock div.block { padding: .5em; margin: 0 .5em}
#jobblock .red {color:#c00; font-weight:700;}
#jobblock .bold {font-weight:700;}
#jobblock  .right {vertical-align:top; text-align:right; color:#c00; font-weight:700;}

.small, #jobblock .small {font-size:85%;}
.smaller {font-size:80%;}
.larger {font-size: 120%;}

#load { width:100%; position:fixed; top:15em; z-index:100; }
#inner { background-color:#eee; border: solid 5px navy; width:30em; margin:0 auto; padding: 3em; text-align:center; }

#top_left {float:left; width:45%; border: solid #333333 thin; padding:2em;}
#top_right {float:right; width:45%; border: solid #333333 thin; padding:2em;}
#top_left .p1, #top-right .p1 {font-size:120%;}
#top_right .td1 {width:15%; text-align:right;}

@media only screen and (max-width: 700px){
    #logo { display: none; }
    p.logo {display:none;}
    #block {margin: 0;}
    #block p {margin-left: 5%;}
    #renew fieldset {width:auto; margin-left:5%; border:0}
    #renew fieldset p {margin:0;}
    body {
        padding-top: 0;
    }
    .navbar-fixed-top {
        position:static;
        margin-top: 0;
        padding-top: 0;
    }
    header nav {
        background-color: #000080;
        text-align: left;
    }
    header nav ul li ul li {
        opacity: 1;
        padding: 0 2.5rem;
        background-color: #ffffff;
        text-align:left;
        width: 12em;
        display: block;
        visibility: visible;
    }
    header nav ul li ul{
        visibility: visible;
        opacity: 1;
        position: relative;
        transition: all 0.5s ease;
        left: 0;
        display: block;
        background-color: #ffffff;
        border: 1px solid #ddd;
        border-radius: 4px;
        margin-top:2px;
    }
}

@media only screen and (min-width: 701px) and (max-width: 1300px){
    body {
        padding-top: 0;
    }
    .navbar-fixed-top {
        position:static;
        margin-top: 0;
        padding-top: 0;
    }
    header nav {
        text-align: left;
    }
    .bottom-most-article article section img {
        max-width: 55%;
    }
    .bottom-article article {
        height: 34rem;
    }
    #logo {display:none;}
    p.logo {display:none;}
    #block {margin: 0;}
    #block p {margin-left: 5%;}
    #renew fieldset {width:auto; margin-left:5%; border:0}
    #renew fieldset p {margin:0;}
}