body {
    /*background: url(../images/mobile-header-bg-repeat.jpg) no-repeat; /*preload mobile bg*/
   /* background: #f9f9f7 url(../images/header-bg-repeat.jpg) 0 0 repeat-x;*/
   background: url(../images/branded-background-slice.gif) repeat-x;
   background-image: -moz-linear-gradient( -89.999deg, rgb(255,255,255) 13%, rgb(24,67,57) 60%, rgb(24,67,57) 100%);
   background-image: -webkit-linear-gradient( -89.999deg, rgb(255,255,255) 13%, rgb(24,67,57) 60%, rgb(24,67,57) 100%);
   background-image: -ms-linear-gradient( -89.999deg, rgb(255,255,255) 13%, rgb(24,67,57) 60%, rgb(24,67,57) 100%);
   background-attachment: fixed;
    font-family: Arial, Helvetica, sans-serif;
}

.hide {
    position: absolute;
    left: -9999px;
}

.container {
    margin: 0 auto;
}

/***********************************

    Masthead 

***********************************/
header {
    min-height: 101px;
    height: 101px;
    height: auto !important;
}

.print {
    display: none;  
}

#site-identity { /* div container */
    width: 366px;
    float: left;
    margin-top: 23px;
}

#spartan-helmet {
    float: left;
    width: 36px;
    margin: 3px 9px 0 0;
}

.ie7 #spartan-helmet {
    float: left;
    width: 36px;
    margin: 0 9px 0 0;
}

#msu-wordmark {
    width: 263px;
}

.ie7 #msu-wordmark {
    margin: 2px 0
}

#sitename {
    width: 173px;/************ unique to each site name **************/
}

/***********************************

    Search 

***********************************/

header #search-box {
    width: 195px;
    height: 30px;
    margin-top: 28px;
    float: right;
    /*margin-top: 2.813em;*/
    color: #E4E8DE;
    font-size: 0.7em;
    text-align: right;
    margin-right: 0; /*1.8%*/
}

header .search-container {
    width: 185px;
    overflow: hidden;
    height: 26px;
    float: right;
    background-image: url(../images/search.gif);
    background-position: 0px 0px;
}

header #search-box #btn-search {
    height: 26px;
    width: 35px;
    background-image: url(../images/search.gif);
    background-position: -196px 0px;
    display: inline-block;
    float: right;
    right: 0px;
    cursor:pointer;
    outline: 0px none;
    border: 0px none;
}

header #search-box #btn-search:hover {
    background-position: right top;
}

header #search-box input#q {
    background-color: transparent;
    border-style: none;
    border-width: 0;
    color: #A8AAA3;
    font-size: 14px;
    outline: none;
    font-weight: bold;
    margin-left: 0;
    margin-top: 4px;
    width: 145px;
}

.ie7 header #search-box {
    width: 345px;
}

.ie7 header #search-box input#q {
    float: left;
    width: 140px;
    margin-left: 4px
}

.ie7 .sitename {
    float: left
}

.ie7 header #search-box #btn-search {
    height: 26px;
    width: 35px;
    background-image: url(../images/search.gif);
    background-position: -196px 0px;
    display: block;
    cursor:pointer;
    outline: 0px none;
    border: 0px none;
}

/* fix template width in old browsers */
.oldie .row {
    min-width: 940px!important;
}

header #search-box p.btn {
    margin-bottom: 0
}

/* Request Service masthead button */
    
#search-box .btn {
    position: relative;
    display: inline-block;
    width: auto;
    height: 24px;
    font-size: 12px!important;
    font-size: 1.2rem!important;
    line-height: 24px;
    text-align: center;
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    margin: 0 0 0 0;
    overflow: hidden;
    background: none;
    background: url(../images/btn-request-service-sm-sprite.png) 0 0 no-repeat!important;
    -webkit-box-shadow: inset 0 1px 1px #fff,  0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
    box-shadow: inset 0 1px 1px #fff,  0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
}

.ie8 #search-box .btn {
    width: 160px
}

#search-box .btn img {
    height: 16px;
    width: 16px;
    float: left;
    margin: 3px 4px 0 0;
}

#search-box .btn:hover {
    background: none;
    background: url(../images/btn-request-service-sm-sprite.png) 0 -25px no-repeat!important;
    -webkit-box-shadow: inset 0 1px 1px #fff,  0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
    box-shadow: inset 0 1px 1px #fff,  0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
}

#search-box .btn a, #search-box .btn:hover a {
    display: block;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 1px 20px 0 15px!important;
    color: #222;
}

.ie7 #search-box .btn a, .ie7 #search-box .btn:hover a {
    padding: 0 16px 0 13px!important;
}

/*
@-moz-document url-prefix() {
    #search-box .btn a, #search-box .btn:hover a { padding: 0 20px 0 15px!important; }
    #search-box .btn img { margin: 4px 4px 0 0; }
}
*/

#search-box .btn:hover a {
    line-height: inherit;
}

/***********************************

    Mobile top utilities 

***********************************/

#mobile-top-utilities {
    display: none;
}

/***********************************

    Mobile bottom utilities 

***********************************/

#mobile-bottom-utilities {
    display: none;
}

/***********************************

    Banner 

***********************************/

#banner {
width: 100%;
max-width: 960px;
margin-bottom: -39px;
/*    background: url(../images/shadow2.png) 0 0 repeat-x;
*/
}


#banner-photo {
    position: relative;
    top: 0;



    z-index: -100;
}


#banner-photo img {
    width: 100%;
}


/***********************************

    Main content 

***********************************/

#main-content {
    margin-top: 23px;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0 0 8px 8px;
    padding-top: 40px;
    max-width: 940px;
    min-height: 800px;
}

p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5em;
    margin: 0 0 18px;
}

#main-content h1, sidebar h1 {
    color: #00723f;
    font-weight: bold;
    font-size: 1.5em;
    margin: 0;
    padding: 0 0 0.5em 0;
    line-height: 1.2em;
    clear: left;
}

#main-content h2, sidebar h2 {
    color: #00723f;
    font-weight: bold;
    font-size: 1.1em;
    margin: 0;
    padding: 0.7em 0 0.2em 0;
    line-height: 1.2em;
}

#main-content h3, sidebar h3, #first-footer h3 {
    color: #00723f;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0 0.15em 0;
    font-size: 0.9em;
    line-height: 1.2em;
}

#main-content h4, sidebar h4 {
    color: #000;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0;
    padding: 0.4em 0 0 0;
}

#main-content h5, sidebar h5 {
    color: #000;
    font-size: 0.85em;
    font-weight: normal;
    font-style: italic;
    margin: 0;
    padding: 0.4em 0 0 0;
}

#main-content h6, sidebar h6 {
    color: #000;
    font-size: 0.70em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
}

.eight.columns img.large, .sixteen .columns img.large, .twelve.columns img.large, .eleven.columns img.large {
    position: relative;
    width: 100%;
    max-width: 460px;
}

.eight.columns img.thumbs, .sixteen.columns img.thumbs, .twelve.columns img.thumbs, .eleven.columns img.thumbs {
    position: relative;
    width: 220px;
    float: left;
    padding: 8px 15px 0 0;
}

#main-content .caption {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4em;
    color: #666;
}

#main-content .quote {
    font-style: italic;
    color: #666;
    padding-left: 35px;
}

#main-content .eight ul, #main-content .eight ol, #main-content .sixteen ul, #main-content .sixteen ol, #main-content .twelve ul, #main-content .twelve ol, #main-content .eleven ul, #main-content .eleven ol {
    list-style-position: outside;
    margin-left: 35px;
}

#main-content .eight li, #main-content .sixteen li, #main-content .twelve li, #main-content .eleven li {
    font-size: 14px;
    font-size: 1.4rem;
}

#main-content ul {
    list-style: disc;
}

#main-content ul ul {
    list-style: circle;
}

#main-content ul ul ul {
    list-style: square;
}

#main-content ol {
    list-style: decimal;
}

#main-content ol ol {
    list-style: lower-alpha;
}

#main-content ol ol ol {
    list-style: lower-roman;
}

#main-content li {
    padding: 2px 0;
}

#main-content .eight li, #main-content .sixteen li, #main-content .twelve li, #main-content .eleven li {
    padding: 0 0;
    margin-bottom:0;
    line-height: 1.7em
}

#main-content blockquote {
    padding: 0 1.5em 0 1.5em;
    line-height: 1.25em;
}

#main-content .breadcrumbs ul {
    margin-left: 0;
}

#main-content .featured-items {
   display: block;
   width: 100%;
   clear: both;
   height: auto;
   margin-bottom: 15px!important;
}

a {
    color: #835d41;
}

#left-nav .active > a {
    font-weight: bold;
    color: #2d2d2d;
}


a:hover {
    color: #835d41;
}

#staffContainer {
    margin-top: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
}

button#loadMore {
        margin-top: 20px;
}

#staffList div.staff {
    margin-top: 20px;
}

#staffList div.staff div.name {
    font-weight: bold;
}

/***********************************

    Form Styles
    
***********************************/

#main-content form {
    margin: 0 0 18px;
    background: #edefe6;
    padding: 0 0;
    /**padding-top:25px;**/
    padding-bottom: 9px;
    /**border: 1px solid #d6d9d3;  - B.A **/
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    width:100%;
}

.genPHP-form form{ medium none !important}

#main-content form label {
    display: block;
    font-size: 13px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.0em;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom:5px;
}

#main-content form label.main {
    display: inline-block;
    padding: 0 10px 0 0;
    width: 20%;
    text-align: right;
}


#main-content form label.inline {
    display: inline-block;
    padding-right: 15px;
    width:auto;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
}

#main-content form dt {
    margin: 0;
}

#main-content form textarea {
    height: 150px;
}

#main-content form ul, #main-content form ul li {
    margin-left: 0;
    list-style-type: none;
}

#main-content form fieldset {
    border-style: solid;
    border-width: 0.0625em;
    padding: 1.5625em;
    border-color: #d6d9d3;
    margin: 18px 0;
}

#main-content form fieldset legend {
    padding: 5px 10px;
}

#main-content form ul li {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    vertical-align: middle; /* remove inline-block white-space â€" A 0px font-size = 0px of white space */
}

#main-content form input, #main-content form input[type="*"], #main-content form textarea {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    resize: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    font-size: 1.4rem;
    font-size: 1.4rem;
    height: 29px;
}

#main-content form .form-buttons {
    margin: 0 0 10px 25%;
    padding-left: 17px;
}

#main-content form input[type="submit"], #main-content form input[type="reset"] {
    width: auto;
    
    position: relative;
    display: inline-block;      
    width: auto;
    height: 26px;
    font-size: 13px!important;
    font-size: 1.3rem!important;
    line-height: 22px;
    text-align: center;
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px; 
    padding: 0 8px 0 8px;
    
    -moz-border-radius: 3px 3px 3px 3px; 
    -webkit-border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    margin: 0 0 0 0;
    overflow: hidden;
    background: none;
    background: url(../images/btn-forms-sprite.png) 0 0 repeat-x!important;
    -webkit-box-shadow: inset 0 1px 1px #fff,
        0 1px 2px rgba(0,0,0,0.20); /* Remove this line if you dont want a dropshadow on your buttons*/
    box-shadow: inset 0 1px 1px #fff,
                0 1px 2px rgba(0,0,0,0.20); /* Remove this line if you dont want a dropshadow on your buttons*/ 
}

#main-content form input[type="submit"]:hover, #main-content form input[type="reset"]:hover {
    background: none;
    background: url(../images/btn-forms-sprite.png) 0 -25px repeat-x!important;
    -webkit-box-shadow: inset 0 1px 1px #fff,
        0 1px 2px rgba(0,0,0,0.20); /* Remove this line if you dont want a dropshadow on your buttons*/
    box-shadow: inset 0 1px 1px #fff,
                0 1px 2px rgba(0,0,0,0.20); /* Remove this line if you dont want a dropshadow on your buttons*/
}

#main-content form textarea {
    vertical-align: top
}

#main-content form input[type="radio"], #main-content form input[type="checkbox"] {
    width: 15px;
    vertical-align: middle;
    margin-right: 0px;
}

#main-content form .input {
    position: relative;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #d6d9d3;
    height: 30px;
    line-height: 30px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}

#main-content form .input.textarea {
    height: auto;
}

#main-content form .input {
    width: 60%;
}


#main-content select {
    height: 30px;
    padding: 5px 6px 6px 6px;
    color: #444;
    outline: none;
    border: 1px solid #d6d9d3;
    background: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
}

#main-content select option {
    padding: 3px 4px 4px 4px;
}

/* Labels */
#main-content .label a {
    color: #fff;
}

/*=====================================================

    Tables
    
 ======================================================*/
    
#main-content table {
    width: 100%;
    border-collapse: collapse;  
    border-bottom:  2px solid #e1e5e5;
}

#main-content table th {
    color: #fff;
    background: #345750; /*#52844f*/
}

#main-content table th, table td {
    padding: 0.31em;
    font-weight: normal;
    font-size: 0.9em;
    border: 1px solid #f9f9f7;
}

#main-content table th {
    text-transform:uppercase;
}

/***********************************

    homepage three columns 
    with thumbnails

***********************************/

#main-content div.featured img {
    width: 100%;
    max-width: 220px
}

/* fix for IE7 */

.first.four.columns {
    margin-left: 0;
}

/***********************************

    Breadcrumbs 

***********************************/

.breadcrumbs ul {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem
}

.breadcrumbs ul li {
    display: inline;
    padding-right: 0px;
}

/***********************************

    Left nav

***********************************/

.ie7 #left-nav.four.columns {
    width: 21%;
}

#left-nav.four.columns {
    padding-right: 2%;
}

#left-nav ul {
    font-size: .8em;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#left-nav ul, #left-nav ul ul, #left-nav ul ul ul {
    list-style: none!important;
}

#left-nav ul li {
    padding: 0;
}

#left-nav ul li a {
    display: block;
    color: #835d41;
    padding: 0.10em 0 0.10em 0;
    text-decoration: none;
}

#left-nav ul li a:hover {
    text-decoration: underline;
    color: #0C261F;
}

#left-nav ul ul {
    font-size: 1em;
}

#left-nav li li {
    margin-bottom: 10px!important;
}

#left-nav ul li ul {
    padding-left: 1.5em;
}

#left-nav ul li ul li a {
    display: block;
    color: #835d41;
    font-weight: normal;
}

#left-nav li .dropdown ul > li, #left-nav li.active .dropdown ul > li > ul >li  { /* added this JG */
    display: none;
}

#left-nav li .dropdown ul > li.active, #left-nav li .dropdown ul > li.active >ul > li, #left-nav li.active .dropdown ul > li { /* added this JG */
    display: block;
}

.level1 > a, .level2, .level3 {  /* added this JG */
    font-weight: normal!important;
}

.level1.active > a, .level2.active, .level3.active {  /* added this JG */
    font-weight: bold!important;

}

/***********************************

    Right callout  

***********************************/

#call-out {
    margin-top: 7px;
}

#home-call-out, #call-out {
    display: block;
    padding: 0;
}

#home-call-out div, #call-out div {
    background-color: #edefe6;
    border: 1px solid #d6d9d3;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    margin-bottom: 25px;
    padding: 10px 14px 0px 14px;
}

#call-out-button {
    text-align: center!important;
}

#call-out-button p {
    text-align: center!important;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4em;
    margin-bottom: 13px;
    color: #212121
}

#home-call-out .call-out-links, #call-out .call-out-links {
    padding: 0 0;
}

.call-out-links h3 {
    color: #00723f!important;
    margin: 2px 0 6px 14px!important;
}

.call-out-links ul {
    margin: 0!important;
}

.call-out-links ul li {
    padding: 0 0!important;
}

.call-out-links ul li {
    list-style-type: none;
    border-top: 1px solid #d6d9d3!important;
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6em;
}

.call-out-links ul li a {
    color: #222;
    display: block;
    text-decoration: none;
    background: none;
    padding: 5px 14px;
}

.call-out-links ul li a:hover {
    text-decoration: none;
    background: #f8f8f6;
    color: #222;
}

.call-out-links ul li:last-child a:hover {
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
}

/* Request Service callout button */

#home-call-out .btn, #call-out .btn {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 34px;
    font-size: 14px!important;
    font-size: 1.4rem!important;
    line-height: 34px;
    text-align: center!important;
    border: 1px solid #528354;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    margin: 2px 0 12px 0;
    background: none;
    background: url(../images/btn-request-service-lg-sprite.png) 0 0 repeat-x!important;
    -moz-box-shadow: 0 1px 2px #3b553c;
    -webkit-box-shadow: 0 1px 2px #3b553c;

    box-shadow: 0 1px 2px #3b553c;
}

#home-call-out .btn img, #call-out .btn img {
    height: 20px;
    width: 20px;
    float: none;
    vertical-align: top;
    margin: 7px 6px 0 0;
}

.ie7 #home-call-out .btn img, .ie7 #call-out .btn img {
    vertical-align: top;
    margin: -2px 6px 0 0;
}

#home-call-out .btn:hover, #call-out .btn:hover {
    background: none;
    border: 1px solid #588959;
    background: url(../images/btn-request-service-lg-sprite.png) 0 -35px repeat-x!important;
    -moz-box-shadow: 0 1px 1px #3b553c;
    -webkit-box-shadow: 0 1px 1px #3b553c;
    box-shadow: 0 1px 1px #3b553c;
}

#home-call-out .btn a, #call-out .btn a, #home-call-out .btn:hover a, #call-out .btn:hover a {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 1px 0px 0 0;
    text-decoration: none;
    text-shadow: 0 1px 1px #528354, 0 1px 0 #528354;
    color: #f9f9f7;
}

.ie7 #home-call-out .btn a, .ie7 #call-out .btn a, .ie7 #home-call-out .btn:hover a, .ie7 #call-out .btn:hover a {
    padding: 2px 0 0 0;
}
 @-moz-document url-prefix() {
 #search-box .btn a, #search-box .btn:hover a {
padding: 1px 20px 0 36px;
}
}

#home-call-out .btn:hover a, #call-out .btn:hover a {
    line-height: inherit;
}

/***********************************

    Footer 

***********************************/

footer {
    margin-top: 20px;
}

#first-footer-wrapper { /* full browser width bg color */
}

#first-footer .four ul {
    margin: 15px 0 24px 0
}

#first-footer {
    padding-top: 5px;
    /*background: #e5e8df;*/
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

#first-footer .four ul li {
    list-style-type: none;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3em;
    margin-bottom: .6em
}

#first-footer .four p {
    list-style-type: none;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3em;
    margin-top: 7px;
    color: #444;
    padding-left: 12px;
    margin-bottom: .6em
}

#first-footer .four ul li a {
    color: #835d41;
    text-decoration: underline;
}

#first-footer .four ul li a:hover {
    text-decoration: none;
}

#first-footer .four img {
    margin: 18px 12px 0 0;
}

#second-footer-wrapper { /* full browser width bg color */
    margin-top: 20px;
    /*background: #e5e8df;*/
}

#second-footer {
}

#second-footer .sixteen {
    /*background: #e5e8df;*/
    padding: 15px 0 10px 0;
}

#second-footer .sixteen img {
    float: left;
    margin: 0 1.1em 1px 0
}

#second-footer .sixteen p {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2em;
    margin: 0 0 0 0;
    color: #444;
}

#second-footer .sixteen p a {
    color: #444;
}

/***********************************
************************************
************************************

    Media queries 

************************************
************************************
***********************************/

@media only screen and (max-width: 460px) { /* small device screens e.g. iphone */

/* Resize masthead images */

#site-identity {
    margin-top: 5px!important;
}

#spartan-helmet {
    width: 27px;
    margin: 13px 6px 0 0;
}

#msu-wordmark {
    width: 205px;
    margin-bottom: -6px!important;
}

#sitename {
    width: 132px;/************ unique to each site name **************/
    height: 13px
}
}
 @media only screen and (max-width: 704px) { /* mobile */

body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    /*background: url(../images/mobile-header-bg-repeat.jpg) repeat-x;*/
}

/***********************************

    Mobile grid alterations 

***********************************/

.row {
    width: 100%;
    min-width: 320px;
    margin-left: 0;
    margin-right: 0;
}

#search-box, #mobile-top-utilities {
    min-width: 320px;
}

.row .row .column, .row .row .columns {
    padding: 0;
}

.column, .columns {
    width: auto !important;
    float: none;
    margin-left: 0;
    margin-right: 0;
}

.column:last-child, .columns:last-child {
    margin-right: 0;
    float: none;
}

.row .row .column, .row .row .columns {
    padding: 0;
}

.column, .columns {
    width: auto !important;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
}

.column:last-child, .columns:last-child {
    margin-right: 0;
    float: none;
}
[class*="column"] + [class*="column"]:last-child {
float: none;
}

[class*="column"]:before, [class*="column"]:after {
    display: table;
}

[class*="column"]:after {
    clear: both;
}

.push_one, .push_two, .push_three, .push_four, .push_five, .push_six, .push_seven, .push_eight, .push_nine, .push_ten, .push_eleven, .centered {
    margin-left: 0% !important;
}

/***********************************

    Mobile masthead 

***********************************/

header {
    min-height: 68px;
    height: 68px;
    height: auto!important;
}

#site-identity {
    width: 98%;
     max-width: 366px; /***************** may need to adjust according to site name *********************/
    float: left;
    margin-top: 10px;
    margin-left: 2%;
}

#intranet-site-identity img {
    width: 135px;
}

/***********************************

    Mobile search 

***********************************/

header #search-box .search-container {
    width: auto;
    overflow: hidden;
    float: none;
    height: 32px;
}

header .search-container {
    height: 32px;
    overflow: hidden;
    background: url(../images/mobile-search-bg.gif) 0 1px no-repeat;
    margin: 10px 20px 12px 20px;
}

header #search-box {
    position: absolute;
    display: block;
    height: 31px;
    top: 103px;
    width: 100%;
    height: auto;
    margin-top: 0;
    background: #585858;
    z-index: 10;/*display: none;*/
}

header #btn-search {
    height: 31px!important;
    width: 35px;
    background-image: url(../images/btn-mobile-search.gif)!important;
    background-position: -196px 0;
    background-repeat:no-repeat;
    right: 0px;
    float: right;
    cursor:pointer;
    outline: 0px none;
    border: 0px none;
    margin: 1px 0 0 0;
}

header #btn-search:hover {
    background-position: right top;
}

header input#q {
    background-color: transparent;
    border-style: none;
    border-width: 0;
    color: #A8AAA3;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 32px;
    width: 84%!important;
    padding-left: 2px;
    margin: 0!important;
}

.drawer.mobile-search {
    width: 100%;
    max-height: 0;
    background: #285742; /*285742*/
    /*
-webkit-box-shadow: inset 0 -3px 5px #000,
inset 0 3px 5px #000
;
box-shadow: inset 0 -3px 5px #000,
inset 0 3px 5px #000
;
*/
/*box-shadow: inset 0px 10px 5px #234c3a, inset 0px -10px 5px #234c3a;*/
overflow: hidden;
    -webkit-transition-duration: .2s;  /* Saf3.2+, Chrome */
    -moz-transition-duration: .2s;  /* FF4+ */
    -ms-transition-duration: .2s;  /* IE10 */
    -o-transition-duration: .2s;  /* Opera 10.5+ */
    transition-duration: .2s;
}

.drawer.mobile-search.active {
    height: auto;
    max-height: 800px;
    -webkit-transition-duration: .3s;  /* Saf3.2+, Chrome */
    -moz-transition-duration: .3s;  /* FF4+ */
    -ms-transition-duration: .3s;  /* IE10 */
    -o-transition-duration: .3s;  /* Opera 10.5+ */
    transition-duration: .3s;
    -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.5);
}

/***********************************

    Mobile top utilities 

***********************************/

#mobile-top-utilities {
    width: 100%;
    height: 35px;
    background: #212121;
    text-align: right;
    -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.5);
    display: block;
}

a#mobile-menu-ico, a#mobile-search-ico {
    display: inline-block;
    height: 31px;
    width:  38px;
    margin: 2px 2% 0 0;
}

a#mobile-menu-ico {
    background: url(../images/mobile-menu-ico.png) no-repeat;
    font-size: 0;
    color: transparent;
    padding-top: 20px;
}

a#mobile-search-ico {
    background: url(../images/mobile-search-ico.png) no-repeat;
    background-position: 0 0;
}

a#mobile-search-ico.active {
    background-position: 0 -31px;
}

/***********************************

    Mobile bottom utilities 

***********************************/

#mobile-bottom-utilities {
    width: 100%;
    height: 41px;
    background: #212121;
    text-align: center;
    display: block;
}

#mobile-nav-home-btn, #mobile-nav-top-btn {
    display: inline-block;
    width: 47%;
    height: 31px;
    color: #3e3e3e;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 31px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #e9e9e9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #e9e9e9 29%, #a9a9a9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, #e9e9e9), color-stop(100%, #a9a9a9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e9e9e9 29%, #a9a9a9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e9e9e9 29%, #a9a9a9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e9e9e9 29%, #a9a9a9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e9e9e9 29%, #a9a9a9 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#a9a9a9', GradientType=0 ); /* IE6-8 */
    text-shadow: 0 1px 2px #eee, 0 1px 0 #eee;
    -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.5);
}

#mobile-nav-home-btn {
    margin: 5px 2% 0 2%;
}

#mobile-nav-top-btn {
    margin: 5px 2% 0 0;
}

/* Named anchor for mobile nav insertion */
#mobile-navigation {
    display: block;/* need for FF */
    height: 0;/* need for FF */
}

/***********************************

    Mobile main nav 

***********************************/

/* Mobile bottom nav */
#home-icon {
    display: none;
}

/* Mobile bottom nav */
#left-nav {
    position: relative;
    width: 100%;
    display: block;
    background: none; /* Old browsers */
    filter: none; /* IE6-9 */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 0;
}
#left-nav.four.columns {
    padding-right: 0;
}

#left-nav ul {
    display: block;
    width: 100%;
    float: none;
    vertical-align: middle;
    margin-left: 0!important;
}

#left-nav ul li {
    display: block;
    float: none;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    text-align: left;
    border-left: none;
}

#left-nav > ul li {
    text-transform: uppercase;
    margin: 0!important;
    padding: 0!important;
}

#left-nav > ul > li:first-child {
    border-left: none;
    border-top: 1px solid #2f2f2f;
}

#left-nav ul li ul {
    padding-left: 0;
}

#left-nav ul li li {
    text-transform: none;
    border: none;
}

#left-nav ul ul ul { /* show 3rd nav level in mobile view */
    display: block;
}

#left-nav > ul > li > a {
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 0 2%;
    color: #fff;
    background: #3e3e3e;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
    border-top: 1px solid #2f2f2f;
}

#left-nav > ul > li:hover > a {
    position: relative;
    background: #3d3d3d;
    color: #fff;
    text-shadow: none;
    z-index: 0;
    text-decoration: none;
    
}

#left-nav > ul > li.active:hover > a {
    margin-bottom: 0!important;
}

#left-nav > ul > li > li > a {
    text-decoration: none;
    margin: 0!important;
    padding: 0!important;
}

/* CSS3 Dropdown Menu Styles */

#left-nav li .dropdown {
    width: 100%;
    min-width: 0px;
    max-width: 100%;
    height: auto;
    position: relative;
    background: #3e3e3e;
    overflow: hidden;
    
}

#left-nav li:hover .dropdown {
    min-height: 1px;
    max-height: 1800px;
    height: auto;
    width: 100%;
    padding: 0;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition:none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    
}

#left-nav li:hover .dropdown {
    display:none
}

#left-nav li.active:hover .dropdown {
    display:block
}

#left-nav li .dropdown ul {
    margin: 0;
}

#left-nav li .dropdown ul > li {
    display: block;
    width: 100%;
    float: left;
    text-align: left;
    height: auto;
    font-size: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0!important;
    padding: 0!important;
}

#left-nav li .dropdown ul > li a {
    display: block;
    line-height: 25px;
    background: #595959;
    padding: 5px 6%!important;
    text-decoration: none;
    color: #fff;
    border-top: 1px solid #3f3f3f;
    border-bottom: none;
}

#left-nav li .dropdown ul > li:first-child a {
    border-bottom: none;
    
}
#left-nav li .dropdown ul > li > ul > li a {
    border-top: 1px solid #585858;
    border-bottom: none!important
}


#left-nav li .dropdown ul > li:first-child > a {
    background: #595959 url(../images/onstate-caret-1b.png) 1% 0 no-repeat; 
    padding-top: 8px!important

} 

#left-nav li .dropdown li a:hover {
    background: #585858;
}

#left-nav li .dropdown ul > li:first-child > a:hover {
    background: #585858 url(../images/onstate-caret-1b.png) 1% top no-repeat; 
}

#left-nav li .dropdown ul > li >ul >li a {
    display: block;
    line-height: 25px;
    height: 25px;
    padding: 5px 10%!important;
    text-decoration: none;
    color: #fff;
    background: #717171;
    border-bottom: 1px solid #4e4e4e;
}

#left-nav li .dropdown ul > li > ul > li:first-child > a {
    background: #717171 url(../images/onstate-caret-2b.png) 6% top no-repeat;
    padding-top: 8px!important
}

#left-nav li .dropdown ul > li >ul >li a:hover {
    background: #767676;
}

#left-nav li .dropdown ul > li > ul > li:first-child > a:hover {
    background: #767676 url(../images/onstate-caret-2b.png) 6% top no-repeat;
}

#left-nav li .dropdown ul > li, #left-nav li.active .dropdown ul > li > ul >li  { /* added this JG */
    display: none;
}

#left-nav li .dropdown ul > li.active, #left-nav li .dropdown ul > li.active >ul > li, #left-nav li.active .dropdown ul > li { /* added this JG */
    display: block;
}

.level1 > a, .level2, .level3 {  /* added this JG */
    font-weight: normal!important;
}

.level1.active > a, .level2.active, .level3.active {  /* added this JG */
    color: #fff!important;
    font-weight: bold!important;
}

/***********************************

    Mobile main content 

***********************************/

#banner {
    display: none;
}

#main-content {
    margin-top: 6px;
}

.featured.columns {
    display: inline-block;
    padding: 0 2%
}

.featured.columns h3 {
    padding-top: 0!important;
}

.featured.four.columns img {
    position: relative;
    width: 100%;
    float: left;
    padding: 2px 2% 2% 0;
}

#left-nav {
    padding-left: 0!important;
}

.eight.columns, .twelve.columns, .eleven.columns, .sixteen.columns {
    margin-left: 2%!important;
    margin-right: 2%!important;
}

/***********************************

    Mobile Form Styles
    
***********************************/

#main-content form {
    padding: 0 2%;
    padding-top:25px;
    padding-bottom: 9px;
}

#main-content form label.main {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 0;
}

#main-content form label.inline {
    display: inline-block;
    padding-right: 15px;
    width:auto;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
}

#main-content form .form-buttons {
    margin: 0 0 10px 0;
    padding-left:0;
    padding: 0 0;
    text-align: left;
}

#main-content form input[type="submit"], #main-content form input[type="reset"] {
    width: 48%; 
}

#main-content form .input {
    width: 92%;
}

/***********************************

    Mobile home callout 

***********************************/

#home-call-out.columns, #call-out.columns {
    width: 96%;
    margin: 0 2%;
}

#call-out-button .btn {
    text-align: center!important;
}

#call-out-button .btn img {
    height: 20px;
    width: 20px;
    float: none;
    vertical-align: top;
    margin: 7px 6px 0 0;
}

#call-out-button .btn a, #call-out-button .btn:hover a {
    padding: 1px 4px 0 0;
}

/***********************************

    Mobile footer 

***********************************/
footer {
    margin-top: 0;
}

#first-footer .four {
    margin: 0 2% 0 2%
}

#first-footer { /* full browser width bg color */
    background: none;
}

#first-footer .four ul {
    margin: 15px 0 24px 0
}

#first-footer {
    padding-top: 5px
}

#first-footer .four ul li {
    list-style-type: none;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3em;
    margin-bottom: .6em
}

#first-footer .four p {
    list-style-type: none;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3em;
    margin-top: 15px;
    color: #444;
    margin-bottom: .6em;
    padding-left: 0;
}

#first-footer .four ul li a {
    color: #835d41;
    text-decoration: underline;
}

#first-footer .four ul li a:hover {
    text-decoration: none;
}

#first-footer .four img {
    margin: 18px 12px 0 0;
}

#second-footer-wrapper { /* full browser width bg color */
    /*background: #e5e8df;*/
    margin-top: 5px;
}

#second-footer .sixteen {
    /*background: #e5e8df;*/
    padding: 15px 0 10px 0;
}

#second-footer .sixteen img {
    float: none;
    margin-right: 1.1em;
    margin-left: 2%;
}

#second-footer .sixteen p {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2em;
    margin: 5px 0 0 0;
    color: #444;
    margin-left: 2%;
}

#second-footer .sixteen p a {
    color: #444;
}

#first-footer-wrapper .row .four:first-child {
    padding-left: 0;
}
}
 @media only screen and (min-width: 705px) and (max-width: 940px) { /* tablet */

/***********************************

    Tablet main content 

***********************************/

.row {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
}

#main-content {
    margin-top: 13px;
}

.navbar li .dropdown, .navbar li:hover .dropdown {
    display: none
}

.eight.columns, .twelve.columns, .eleven.columns, .sixteen.columns {
    margin-left: 0!important;
}

.featured-container-tablet {
    width: 64%;
    float: left;
}

.featured.columns, .featured.first.columns {
    display: inline-block;
    float: none!important;
    width: 98%!important;
    margin-left: 2%;
}

.featured.columns h3 {
    padding-top: 0!important;
}

.featured.four.columns img {
    position: relative;
    width: 100%;
    float: left;
    padding: 2px 2% 2% 0;
}

/***********************************

    Tablet callout 

***********************************/

#home-call-out.four.columns {
    float: right;
    width: 32%;
    margin-left: 2%;
    margin-right: 2%;
}

.row .eight.columns {
    width: 75.5%!important;
}

#call-out {
    float: right
}

#call-out.four.columns {
    width: 75.5%!important;
    margin-left: 0!important;
    margin-right: 2%;
}

#call-out-button .btn {
    text-align: center!important;
}

#call-out-button .btn img {
    height: 20px;
    width: 20px;
    float: none;
    vertical-align: top;
    margin: 7px 6px 0 0;
}

#call-out-button .btn a, #call-out-button .btn:hover a {
    padding: 1px 4px 0 0;
}
}
 @media only screen and (max-width: 960px) { /* Prevent certain content from riding edges of browser */

#left-nav {
    padding-left: 0.5em;
}

#site-identity, #intranet-site-identity {
    margin-left: 0.5em;
}

#search-box {
    margin-right: 0.5em!important;
}

#second-footer .sixteen img {
    margin-left: 0.5em
}
}


/* ==================================================
Styles for generic PHP forms
===================================================== */

.genPHPRequired {
    color: #cc0000;    
}

.genPHPMessageGreen {
    color: #008000;
    font-size: 100%;
}
.genPHPMessageRed {
    color: #cc0000;
    font-size: 90%;
}

/* Container for the form (same size as standard page middle column) */
.genPHPform {
    background: #edefe6;
    border: 1px solid #d6d9d3;
    font-size: 0.9em; 
    line-height: 1.6em;
    padding: 1em 2.2em 1.5em 1.5em;   
    /* width: 70%;   MLL */
    width: 80%;
} 

.genPHPform h2 {
    font-size: 1.5em;      
    margin: 0.8em 0 0.8em 0;
}

.genPHPform h3 {
    font-size: 1.2em;    
    margin: 0.6em 0 0.6em 0;
}

.genPHPform hr {
    background: #ccc;      
    border: none; 
    height: 1.5px;     
    margin: 1em 0 1em 0;   
    width: 100%; 
}

/* Default style for Form text box */
.genPHPform input { 
    display: block;
    font-size: 100%;
    /* margin-bottom: 0.5em;    MLL */
    margin: 0 0 1em 0;
    padding: 0.3em; 
    /* width: 70%;    MLL */
    width: 100%;
} 

.genPHPform input[type="checkbox"] { 
    display: inline;
    height: 16px; 
    margin: 0; 
    padding: 0.5em; 
    vertical-align: middle; 
    width: 16px; 
}

.genPHPform input[type="radio"] { 
    display: inline;
    height: 1em; 
    margin: 1em 0.5em 1.2em 0; 
    padding: 0.5em 0.5em 0.8em 0.5em;
    vertical-align: middle; 
    width: 1em; 
}

/* Submit button */
.genPHPform input[type="submit"] {
    background: #f2f2f2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f2f2 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f2f2 0%,#cccccc 100%); /* W3C */
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px; 
    box-shadow: inset 0 1px 1px #fff,
                0 1px 2px rgba(0,0,0,0.20); /* Remove this line if you dont want a dropshadow on your buttons*/ 
    cursor: pointer;
    display: inline-block;      
    /* font-size: 1em;   MLL */
    font-size: 0.9em;
    line-height: 14px;
    margin-top: 15px;
    overflow: hidden;
    padding: 0.5em 1em 0.5em 1em;
    position: relative;
    text-align: center;
    -moz-border-radius: 3px 3px 3px 3px; 
    -webkit-border-radius: 3px 3px 3px 3px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
    -webkit-box-shadow: inset 0 1px 1px #fff,
        0 1px 2px rgba(0,0,0,0.20); /* Remove this line if you dont want a dropshadow on your buttons*/
    width: auto;
}

.genPHPform:hover input[type="submit"] {
    background: #f9f9f9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow: inset 0 1px 1px #fff,
        0 1px 2px rgba(0,0,0,0.20); /* Remove this line if you dont want a dropshadow on your buttons*/
    box-shadow: inset 0 1px 1px #fff,
                0 1px 2px rgba(0,0,0,0.20); /* Remove this line if you dont want a dropshadow on your buttons*/
}

.genPHPform label { 
    display: block;
    font-size: 100%; 
    /* margin-bottom: 1em;    MLL */
    margin: 0;
    /* padding: 1em 0 0 0;    MLL */
    padding: 0 .2em 0 .2em;
} 

.genPHPform label.checkbox {
/* Label for radio buttons or checkboxes */
    display: inline;
    font-size: 100%;
    margin: 0;   
    padding: 0;
}

.genPHPform p {
    font-size: 100%;    
    margin: 0;   
    margin: 1em 0 1em 0;
}

.genPHPform textarea { 
    display: block;
    font-family: Arial, Helvetica, sans-serif; 
    font-family: "Courier New", Times, serif;
    font-size: 1em;
    margin-bottom: 2em;
    padding: 0.3em; 
    /* width: 80%;    MLL */
    width: 100%;
}