.odd
{
    background-color:#e4e5e7;
}

.even
{
    background-color:#f9f9f9;
}

 th, td  {
    padding-left: 10px;
    padding-right:10px;
}


.blog-post a
{
    text-decoration:underline !important;
}

a {
  overflow: hidden;
  text-overflow: ellipsis;
}

.breakword
{  
    word-wrap: break-word; /* IE 5+ */
    white-space: -moz-pre-wrap; /* Mozilla */
}

fieldset textarea, fieldset input
{
    width:95% !important;
}

.increasewidth input, .increasewidth textarea
{
    width:95% !important;
}

.k-text
{
     width:100% !important;
}

fieldset
{
    padding-left:3em !important;
}

fieldset legend
{
    padding-top:3em !important;
}

.green-title {
    margin: 0;
    color: #a9ce5a !important;
    font-weight: normal !important;
}

.green-background
{
    background-color: #a9ce5a;
}

h1.green-title {
    padding-top: 10px;
    line-height: 42px;
    margin: 0;
    color: #a9ce5a;
    font-weight: normal;
}

.btn-link
{
    text-decoration:underline;
}

.blue-title{
    margin: 0;
    color: #3f70ab;
    font-weight: normal;
}

.bluelink{
     color: #3f70ab !important;
     text-decoration:underline !important;
     font-weight:bold !important;
}

.horizontalbar {
    display: inline-block;
    margin-top:-100px !important;
    margin-left:10px !important;
    margin-right:20px !important;
    padding: 0;
    width: 97.5% !important;
    border-bottom: solid 2px #3f70ab;
}

.horizontalwidth {
    margin-left:10px;
    margin-right:20px;
    padding: 0;
    width: 96% !important;
 }

.horizontalwidthMax {
    margin-left:-15px;
    margin-right:0px;
    padding: 0;
    width: 100% !important;
 }

.blog-masthead {
    background-color: #428bca;
    box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}

/* Nav links */
.blog-nav-item {
    position: relative;
    display: inline-block;
    padding: 10px;
    font-weight: 500;
    color: #cdddeb;
}

    .blog-nav-item:hover,
    .blog-nav-item:focus {
        color: #fff;
        text-decoration: none;
    }

/* Active state gets a caret at the bottom */
.blog-nav .active {
    color: #fff;
}

    .blog-nav .active:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -5px;
        vertical-align: middle;
        content: " ";
        border-right: 5px solid transparent;
        border-bottom: 5px solid;
        border-left: 5px solid transparent;
    }


/*
 * Blog name and description
 */

.blog-header {
    padding-top: 20px;
    padding-bottom: 20px;
}

.blog-title {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 2em;
    font-weight: normal;
}

.blog-description {
    font-size: 1em;
    color: #999;
}


/*
 * Main column and sidebar layout
 */

.blog-main {
    font-size: 1em;
    line-height: 1.5;
}

/* Sidebar modules for boxing content */
.sidebar-module {

    
}

.sidebar-module-inset {

    background-color: #f5f5f5;
    border-radius: 4px;
}

    .sidebar-module-inset p:last-child,
    .sidebar-module-inset ul:last-child,
    .sidebar-module-inset ol:last-child {
        margin-bottom: 0;
    }



/* Pagination */
.pager {
    margin-bottom: 60px;
    text-align: left;
}

    .pager > li > a {
        width: 140px;
        padding: 10px 20px;
        text-align: center;
        border-radius: 30px;
    }


/*
 * Blog posts
 */

.blog-post {
    margin-bottom: 60px;
}

.blog-post-title {
    margin-bottom: 5px;
    font-size: 2em;
    display:block;
    color: #3f70ab;
}

.blog-post-meta {
    margin-bottom: 20px;
    color: #999;
}

.siteheader {
    color: white;
}

.subsection {
    background-color: #e4e5e7;
    display:block;
    word-wrap: break-word;
}

.subsection-margin {
    
    padding: 10px;
}

.subsection-margin-no-padding{
    padding: 10px;
}

.subsection-header {
    color: #447dbe !important;
    text-align:inherit;
}

.subsection-left{
    margin-top:-10px;
    max-width:300px;
    float:left;
    display:block;
}

.subsection-right{
    max-width:300px;
    float:right;
    display:block;
    vertical-align:top;
    text-align:left;
    padding:0px !important;
    margin:0px !important;
     display:block;
}

.subsection-center {
    align-items: center;
    padding: 10px;
}

.blue-heading {
    padding: 10px;
    width: 100%;
    background-color: #447dbe;
    text-align: left;
    color: white;
    font-weight: bold;
}

.clearsection {
    background-color: white;
}

html {
    background-color: white;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    color: #333;
    font-size: 1.45em !important;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

a {
    color: #333;
    outline: none;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

    a:hover {
        background-color: #c7d1d6;
    }

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

    /* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

body {
    /* fallback */
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-image: url(../Images/background.jpg);
    background-repeat: repeat-x;
    font-family:Verdana, Geneva, Tahoma, sans-serif !important;
}


.main-content {
    background: url("../Images/accent.png") no-repeat;
    padding-left: 10px;
    padding-top: 30px;
}

.featured + .main-content {
    background: url("../Images/heroAccent.png") no-repeat;
}

header .content-wrapper {
    padding-top: 20px;
}

footer {
    clear: both;
    font-size: .8em;
    height: 100px;
}

.sponsor-table td 
{
    padding-top:5px;
    padding-bottom:5px;
}
.sponsor-img
{
    text-align:center;
}
.sponsor-table img{
    width:100%;
}
.bio-image img
{
    margin-right:20px;
    margin-bottom:10px;
    width:100px;
}
@media only screen and (max-width : 992px) 
{
    .sponsor-table, .sponsor-table2
    {
        overflow-x:scroll;
    }
    .sponsor-img img, .sponsor-table img{
    width:100%;
}
}

/* added by Michael Lee 9/20/16 to fix footer not showing issue*/
@media only screen and (min-width : 768px) {
    footer:last-child
    {
        margin-top:60px !important;
    }
    #footer .container
    {
        width:730px !important;
    }
}
@media only screen and (max-width : 767px) {
    footer:last-child
    {
        margin-top:60px !important;
    }
}