﻿@-ms-viewport 
{
 width: device-width; 
}

@-moz-viewport 
{
 width: device-width; 
}

@-webkit-viewport 
{
 width: device-width; 
}

@viewport 
{
 width: device-width; 
}



body {
    background-color: #FFF;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
     margin-bottom: 160px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto', sans-serif;
    color:#034B87;
}

html {
  position: relative;
  min-height: 100%;
}

a {
	color:#034B87;
	text-decoration:underline
}

a:hover, a:focus {
	color:#2F93E0;
}

option {
	border-right: 2px solid #cccccc !important;
}

table
{
    -webkit-text-size-adjust: none;
    font-size:14px;
}

.well {
	margin-bottom:0;
}


.control-label {
	font-size:1em;
}

.btn-primary {
    background-color: #008cba;
    border-color: #0079a1;
    color: #ffffff;
}

.btn-primary:hover{
    background-color: #006687;
    border-color: #004b63;
    color: #ffffff;
}

.buttonLink {
	
	text-decoration:inherit;
}
/* Header
-----------------------------------------------------------*/
#Header {
    background-color: #FFF;
    border-top: 10px solid #034B87;

}
#HeaderContent {
 color:#fff;
 height:100%;
}

#HeaderContent a {
color: #434343;
text-decoration: none;
}

#HeaderContent h1 {
  margin: 0;
  padding: 0.375em 0 0 0;
  
}
#HeaderContent p {
  font-size:0.813em;
  color: #434343;
  padding: 0.375em 0 0.4em 0;

}
/* Menu
-----------------------------------------------------------*/
/*Adjust Menu Font*/
.navbar {
    font-size: 15px;
}
.navbar-inverse .navbar-nav > li > a {
    font-weight: normal;
}

.navbar-nav li {
    padding-right: 45px;
}

.navbar-nav > li > a {
    text-decoration: none;
}
.navbar-inverse {
    background-color: #fff;
    border-color: #ddd;
    box-shadow: 0 2px 2px #ddd;
    border-top:1px solid #ddd;
}
navbar-nav ul {
    width: 100%;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: 0 none;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #0075B0;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #111;
}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
    background-color: #fff;
}
@media only screen and (min-width: 992px) {
.navbar-inverse .navbar-nav > li > a {
    border-bottom: 2px solid #fff;
    color: #111;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #fff;
    border-bottom: 2px solid #034B87;
    color: #111;
}

.navbar-nav li {
    padding-right: 45px;
}

.navbar-nav > li > a {
   padding-left:0;
   padding-right:0;
}

}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-inverse .navbar-nav > li > a {
    border-bottom: 2px solid #fff;
    color: #111;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #fff;
    border-bottom: 2px solid #034B87;
    color: #111;
}
.menu {
    cursor: pointer;
}
}
@media only screen and (max-width: 767px) {
.menu {
    cursor: pointer;
}
.navbar-nav > li:first-child {
    border-top: 1px solid #111;
}
.navbar-nav > li {
    background-color: #fff;
    border-bottom: 1px solid #111;
    border-left: 1px solid #111;
    border-right: 1px solid #111;
}
.navbar-inverse .navbar-nav > li > a {
    color: #111;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #034B87;
    color: #fff;
}
}

/*Wrapper
-----------------------------------------------------------*/
#Wrapper
{
 background-color:#FFF
}


/*ContentWrapper
-----------------------------------------------------------*/
#ContentWrapper
{
 padding-bottom:20px; 
 z-index: 1001;
}


#ContentWrapper .Title
{
   color:#034B87;
}


/* Content
-----------------------------------------------------------*/
#Content {
    background-color: #fff;
    padding: 10px;
    z-index: 1001;
   
}

@media only screen and (min-width : 768px) {
    #Content {
       min-height:300px;
    }
}


#Content li {
        padding: 5px;
    }

#Content ul, ol {
        margin-bottom: 10.5px !Important;
    }

#Content legend{
    font-family: 'Roboto', sans-serif;
    color:#034B87;
}


#Content .LinkImages {
        margin-bottom: 25px
    }

#Content .LinkImages a {
        
    color:#111;
    text-decoration:none;

    }


@media (max-width: 767px) {
    #Content .LinkImages {
        display:none;
    }
}


#Content .Sidebar p{
font-size: 15px;
line-height:22px;
}



/* Important Dates
-----------------------------------------------------------*/
#Dates {
}

#Dates ul {
  padding-left: 0;
  list-style-type: none;
  line-height: 180%;
}
#Dates li {
font-size: 15px;
line-height:24px;
border-bottom:1px solid #034B87;
 padding-bottom: 10px;
}

/* FAQ
-----------------------------------------------------------*/
#FAQs 
{
    
}
#FAQs .faqHeader {
  font-weight: bold;
  color: #055a4f;
  font-size: 1.813em;
  padding-bottom: 5px;
  text-align: center;
}

#FAQs .QuestionsArea {
margin-bottom:20px;

}

#FAQs .Question {
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  padding-left: 0;
}

#FAQs .Question ol {
	margin-bottom:0;
}

#FAQs .noListStyle li {
  font-weight: normal !important;
}

#FAQs .Answer p {
  font-weight: normal;
}
#FAQs .Answer Table {
  font-weight: normal;
}
#FAQs .Answer {
  font-weight: bold;
  padding-bottom: 1em;
}



/* Documents
-----------------------------------------------------------*/

#Documents .pdf 
{
    list-style-image: url("../../Content/Images/pdfIcon.png");
    margin-left:25px;

}

#Documents .excel 
{
    list-style-image: url("../../Content/Images/excelIcon.png");
    margin-left:25px;

}


/*Contact Form
-----------------------------------------------------------*/
#ContactForm .contactHeader
{
    font-weight:bold;
    font-size:15px;
    margin-top:35px;
    line-height:1px;
}

#ContactForm .top {
	margin-top:10px;
}


/* RightsTable
-----------------------------------------------------------*/
#rightsTable
{
    width:95%;
     border:1px solid #d9d9d9;
    margin:0 auto;
}

#rightsTable .tableHeader
{
    background-color:#efefef;
     padding:0.313em 0.313em 0.625em 0.625em;
     text-align:center;
     font-weight:bold;
     border-bottom: 1px solid #d9d9d9;
    
    
}


#rightsTable .tdLeft
{
     text-align:left;
     font-weight:bold;
     max-width:200px;
     width: 25%;
     padding:0.625em 0.313em 0.938em 0.625em;
     border-bottom: 1px solid #d9d9d9;
	 border-right: 1px solid #d9d9d9;
     
     
}

#rightsTable .tdRight
{

    padding:0.625em 0.313em 0.938em 0.625em;
    text-align:left;
    font-weight:normal;
    border-bottom: 1px solid #d9d9d9;
       
}

#rightsTable .bottom {
	border-bottom:0;
}

/* Footer
-----------------------------------------------------------*/
#Footer {
    width: 100%;
    height:160px;
    position: absolute;
    bottom: 0; 
    left:0;
    padding-top: 20px;
    color: #FFF;
    font-size: 14px;
    border-top: 1px solid #e1e1e1; 
    background-color:#333333;
}


    #Footer .navigationLinks {
        border-bottom: 1px solid #e1e1e1;
        padding: 0px 0 20px 0;
    }

        #Footer .navigationLinks li {
            float: left;
            padding-right: 30px;
            margin-top: 10px;
        }

    #Footer .lastLink {
        padding-right: 0 !important;
    }


    #Footer .Bottom {
       padding:20px 0 15px 0;
    }


    #Footer a {
        color: #FFF;
    }

        #Footer a:hover, a:focus {
            color: #2F93E0;
        }


/* Other Styles 
-----------------------------------------------------------*/
.instruction {
  color: Red;
}

.field-required-marker {
  color: #FF0000;
  font-weight: bold;
  margin-left: 2px;
  white-space: nowrap;
  font-size:18px;
}
.field-validation-error {
  color: #FF0000;
  margin-left: 2px;
}

