﻿/*menu styles*/
@media (min-width: 768px)
{
  #menu .navbar-nav > li a:hover,
  #menu .navbar-nav > li a:focus {
    text-decoration: none;
    background-color: transparent;
  }
}

.dropdown-menu li a  
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: normal !important;
    color: #002b40 !important; 
}

/****************/

/*Content pages*/
.main-content { 
    border-right: .1rem solid #ccc; 
    margin-top: .3rem; 
    margin-bottom: .3rem; 
}
.sub-nav { 
    border-left: .1rem solid #ccc; 
    margin-top: .3rem; 
    margin-bottom: .3rem; 
    margin-left: -.1rem;
}

.mainText {
    padding-right: 1.5rem !important; 
}

.mainText h1 {
    font-size: 2.8rem;
    line-height: 1.3em;
    width: 100%;
    font-weight: normal;
    border-bottom: .3rem solid #7b8891;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.mainText h2 {
    font-size: 2.8rem;
    margin-top: 2rem;
}

.mainText h3 {
    padding-left: 1rem !important;
    font-size: 2.4rem;
}

.mainText h4 {
    font-size: 2rem; 
    padding-left: 1rem !important; 
    font-weight:bold !important; 
}

.mainText p {
	/*margin: 1rem;*/
	/*Changed from fixed font size for accessibility*/
    font-size: 1.6rem;
}

.mainText ul {
	margin-top: 1rem;
	margin-left: 1rem;
}

.mainText ul li {
    padding: .5rem; 
}

.list-styled {
  margin-left: 5rem !important;
  list-style: disc;
}

.mainText ol {
    margin-top: 1rem;
    margin-left: 6rem;
    list-style-type: decimal;
}

.mainText ol li {
    padding: .5rem; 
}  

.sub-nav {
    border-left: .1rem solid #ccc;
}  

.subNav {
    margin-bottom: 2rem;
}

.subNav h2 {
    font-size: 2.8rem;
    line-height: 1.3em;
    width: 100%;
    font-weight: normal;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.subNav h4 {
    font-size: 2rem;
    line-height: 1.3em;
    width: 100%;
    font-weight: normal;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.subNav ul {
    padding-left: 2rem !important;
    font-size: 1.6rem;
    border-bottom: .2rem solid #ccc;
}

.subNav ul li {
    margin-bottom: 1rem;
}

.subNav img {
    margin-bottom: 1rem;
    margin-left: 1.5rem;
}

.main-content {
    border-right:.1rem solid #ccc;
}

#main-content table th {
    /*background: transparent !important;*/
    background-color: #002d52;
    color: White; 
    font-size:medium;
    font-weight: bold;
}

/****************/

/* Sticky Footer */
html {
    position: relative;
    min-height: 100%;
}

body { 
    margin-bottom: 17.5rem;
}

@media (min-width: 300px) and (max-width: 768px) {
    body { 
        margin-bottom: 28.5rem; /* Override that fixes footer spacing in sm and xs screens */
    }
}

/****************/

@media (max-width: 768px) {

    .main-content {
        border-right: none;
    }

    .sub-nav {
        border-left: none;
    }

    #main-content .col-md-9 {
        width: 100% !important;
    }

    .col-xs-12 {
        width: 100% !important;
    }

    body {
        min-width: 100% !important;
    }
}

/*replaces Telerik.Web.UI css styles */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4rem;
	line-height: 1.5;
	min-width: 98.5rem;
	background: #f2f2f2;
}