@charset "UTF-8";
@font-face {
	font-family: 'FontAwesome';
	src: url("../fonts/fontawesome-webfont.eot");
	src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/sourcesanspro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-light-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-light-webfont.woff") format("woff"), url("../fonts/sourcesanspro-light-webfont.ttf") format("truetype");
}
@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-regular-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("../fonts/sourcesanspro-regular-webfont.ttf") format("truetype");
}
@font-face {
	font-family: "Source Sans Pro";
	font-style: italic;
	font-weight: 400;
	src: url("../fonts/sourcesanspro-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-italic-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-italic-webfont.woff") format("woff"), url("../fonts/sourcesanspro-italic-webfont.ttf") format("truetype");
}
@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-bold-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-bold-webfont.woff") format("woff"), url("../fonts/sourcesanspro-bold-webfont.ttf") format("truetype");
}
html, body {
	overflow-x: hidden;
	background: #e5e5e5;
}
html, body, h1, h2, h3, h4, h5, h6, p {
	max-width: 100%;
	font-family: 'source sans pro', arial san-serif;
}
p {
	font-weight: 300;
}
div.container.brand {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 12px;
}

 @media only screen and (min-width: 641px) and (max-width: 1024px) {

 }
.container {width:100%}
div.container.importantDatesContainer{width:95%;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);}
/* brand logo for all media
==============================================================*/
 /* brand*/
.nci-logo-pages.columns {
    padding-left: 0;
    padding-right: 0
}

.nci-logo-pages a {
    display: block
}

@media only screen and (max-width: 1024px) {
    header {
        padding-top: 1em;
        padding-bottom: 1em
    }
}

html.svg .nci-logo-pages img {
    transform: translate(0px, 0.5px)
}

html.no-svg .nci-logo-pages img[class^="nci-logo-IE"] {
    display: none
}

html.svg .nci-logo-pages img {
    width: 0%
}

html.no-svg .nci-logo-pages img.nci-logo-IE-xl {
    display: block
}

.nci-logo-pages a {
    padding-left: 20px;
    padding-right: 20px
}

nav.navbar.navbar-inverse {margin-top:-3px;}

@media only screen and (max-width: 1440px) {
    html.no-svg .nci-logo-pages img.nci-logo-IE-xl {
        display: none
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    html.svg .nci-logo-pages img {
        width: 60%
    }

    html.no-svg .nci-logo-pages img.nci-logo-IE-desk {
        display: block
    }

    .nci-logo-pages a {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    html.svg .nci-logo-pages img {
        width: 70%;
        min-width: 564.3px;
        max-width: 595.5px
    }

    html.no-svg .nci-logo-pages img.nci-logo-IE-tab {
        display: block
    }

    .nci-logo-pages a {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 640px) {
    html.svg .nci-logo-pages img {
        width: 90%
    }

    html.no-svg .nci-logo-pages img.nci-logo-IE-phon {
        display: block
    }

    .nci-logo-pages a {
        padding-left: 13px;
        padding-right: 13px
    }
}

.nci-logo {
    font-weight: bold;
    font-size: 37.7px;
    background: url("https://www.cancer.gov/publishedcontent/images/images/design-elements/logos/nci-logo-full.svg") no-repeat 20px 0;
    min-height: 54px
}

.nci-logo.columns {
    padding-left: 0;
    padding-right: 0
}

.nci-logo a {
    color: #bb0e3d;
    padding-left: 113px;
    padding-top: 16px;
    display: block
}

.nci-logo a span {
    position: absolute;
    left: -10000px;
    color: #5d5d5d;
    font-size: 0.6em
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .nci-logo {
        background: url("/images/design-elements/logos/nci-logo-full.svg") no-repeat 30px 0;
        font-size: 24px;
        min-height: 36px
    }

    .nci-logo a {
        padding-left: 95px;
        padding-top: 9px
    }
}

@media only screen and (max-width: 640px) {
    .nci-logo {
        background: url("/images/design-elements/logos/NIH-red-logo-smartphone.png") no-repeat 30px 0;
        font-size: 16px;
        min-height: 28px
    }

    .nci-logo a {
        padding-left: 80px;
        padding-top: 5px
    }
}

@media only screen and (max-width: 390px) {
    .nci-logo {
        font-size: 13px
    }
}


/* public date dynamic setup */
body, h1, h2, h3, h4, p, ul, li, a {
	font-family:'source sans pro', arial, helvetica, san-serif;
	font-weight:500;
	
}
div#siteActivationDateId, div#appDueDateId {font-weight:bold;}

.container {
	margin: 0 auto;
}
input:matches([type="button"], [type="submit"], [type="reset"]) {
	/* padding:12px!important;*/
	color: #fff;
	float: right;
}
div.row.brandhead {
	background-color: #fff;
}
.col-sm-12 {
	margin-left: 0px !important;
}
div.panel-container {
	height: auto!important;
}

/* div#main-slider.liquid-slider.ls-responsive { height:auto!important;}*/

.signupform {
	margin-top: 30px;
}
input#firstname, input#lastname {
	width: 300px;
}
input#email {
	width: 300px;
}
div.emailaddress {
	margin-top: 12px;
}
td {
	line-height: 30px
}
ul.topnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}
ul.topnav li {
	float: left;
}
ul.topnav li a {
	display: inline-block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	transition: 0.3s;
	font-size: 16px;
	text-transform: uppercase;
}
ul.topnav li a:hover {
	background-color: #111;
}
ul.topnav li a.active {
	background-color: #00467f;
}
ul.topnav li.icon {
	display: none;
}
.navbar {
	border-radius: 0px;
	margin-bottom: 0px;
	min-height:40px!important;
	
}
.nabar-nav>.a {padding-left:-15px;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	color: #333 !important;
	background-color: #e5e5e5;
	text-transform: uppercase;
	
}
.navbar-inverse .navbar-nav>li>a {
	text-transform: uppercase;
	color: #fff !important;
	font-weight: 500;
}
.navbar-toggle {
	margin-right: 40px !important;
}
.navbar-nav {
	margin-left: 10px !important;
}

h1.heading {
margin-left: 20px;
padding: 12px;
color:#fff;
font-weight:600;
font-size:2em;
margin-bottom: 0px;
}
.nav > li > a {padding:10px 10px;}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee !important;
  color:#333 !important;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #333 !important;
  background-color: #eee !important;
}
div.container.header {
	background: #2a71a5; none repeat scroll 0% 0%;
}


h2, .h2 {
	font-size: 20px;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color: #333;
	background-color: #e5e5e5;
}

/*---===== brand head =====----*/

div.container.brandhead {
	background-color: #fff;
	padding-top: 12px;
	margin-top: 0px;
}
.siteTitle{background-color: #2a71a5;}
/*--------============= supernavigation ===========-------->


#supernav .toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
.appDueDateId, .siteActivationDateId, .refupcomingDates, .finalStatusNotifDate {font-weight:600 !important; font-size:14px; font-family:'source sans pro' arial, san-serif;}
div.container.supernav {
	background: #363636;
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #363636), color-stop(100%, #4a4a4a));
	background: -webkit-linear-gradient(top, #363636 0%, #4a4a4a 100%);
	background: -moz-linear-gradient(top, #363636 0%, #4a4a4a 100%);
	background: -ms-linear-gradient(top, #363636 0%, #4a4a4a 100%);
	background: -o-linear-gradient(top, #363636 0%, #4a4a4a 100%);
	background: linear-gradient(to bottom, #363636 0%, #4a4a4a 100%);
}
.well {
	display: inline-block;
	margin-bottom: 10px!important;
}
label#address {
	float: right
}
nav#supernav {
	margin: 0;
	padding: 0;
}
#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size: 20px;
	line-height: 60px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav#supernav:after {
	content: "";
	display: table;
	clear: both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */

nav#supernav ul {
	float: left;
	padding: 0px;
	margin: 0;
	list-style: none;
	position: relative;
}

/* Positioning the navigation items inline */

nav#supernav ul li {
	margin: 0px;
	display: inline-block;
	float: left;
}

/* Styling the links */

nav#supernav a {
	display: block;
	padding: 14px 20px;
	color: #FFF;
	font-family: 'source sans pro', arial sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	text-decoration: none;
}
nav#supernav .active>a {
	color: #ffffff;
	background-color: #2a71a5;
	font-family: 'source sans pro', arial, sans-serif;
}
nav#supernav ul li ul li:hover {
	background: #000000;
}

/* Background color change on Hover */

nav#supernav a:hover {
	background-color: #000000;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */

nav#supernav ul ul {
	display: none;
	position: absolute;
	/* has to be the same number as the "line-height" of "nav a" */
	top: 60px;
}

/* Display Dropdowns on Hover */

nav#supernav ul li:hover>ul {
	display: inherit;
}

/* Fisrt Tier Dropdown */

nav#supernav ul ul li {
	width: 170px;
	float: none;
	display: list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/

nav#supernav ul ul ul li {
	position: relative;
	top: -60px;
	/* has to be the same number as the "width" of "nav ul ul li" */
	left: 170px;
}

/* Change ' +' in order to change the Dropdown symbol */

#supernav li>a:after {
	content: ' +';
}
#supernav li>a:only-child:after {
	content: '';
}
#supernav .toggle {
	display: none;
}

/* relevence form adjustment */

div#rel-experience.col-sm-12 {
	padding-left: 0px;
	padding-right: 0px;
}
textarea#summaryBrief {
	width: 92%;
	border-color: #e9e9e9;
}
div#div1.rel-experience {
	display: block;
}
ul.sciencebg {
	list-style: none;
}
ul.sciencebg li {
	float: left;
	display: block;
	color: #326599;
	margin: 3px;
}
ul.sciencebg li:after {
	content: ' / '
}
.datetitle {
	width: 0;
	height: 0;
	border-top: 40px solid transparent;
	border-left: 20px solid rgb(157, 22, 48);
	border-bottom: 40px solid transparent;
	float: left;
}

/*------========== liquid slider /page slider =========------->
        .liquid-slider .ls-panel {
        width: 100%;
        display: block;
        float: left;      
        }

        ul#main-slider-nav-ul {/*background-color:#d9d9d9;*/


}
.ls-nav a {
	background: #d8d8d8;
	padding: 10px 5px;
}
.ls-nav ul li a {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.ls-nav .current a {
	background: #be0735;
	color: #ffffff;
}
.asterix {
	color: #990000 !important;
	font-size: 1.5em;
}
button {
	padding: 8px;
	font-size: 14px;
	color: #ffffff;
	background: #00467f;
	float: right;
}
table {
	margin-bottom: 12px;
}
.btn {
	padding: 14px 24px;
	border: 0 none;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: 0 none;
}
.btn-primary {
	background: #336fa3;
	color: #ffffff;
}
a#login.btn.btn-primary.login {
	background: #00467f;
	padding: 4px 3px;
	width: 100px !important;
	/*margin-top:12px;*/
	float:right;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	background: #333 !important;
	color: #fff;
}
.btn-primary:active, .btn-primary.active {
	background: #007299;
	box-shadow: none;
}
.content {
	max-width: 800px;
	text-align: left;
	margin: auto;
}

/* THE DIV */
.simple-ss {
	/*width:800px;*/
	
	height: 250px;
	background-color: red;
	/*margin:auto;*/
	
	background-image: url("./images/sliderimage3.png");
	background-position: 0;
	background-repeat: no-repeat;
	background-size: cover;
	/* ANIMATING STUFF */
	
	animation-name: slide;
	animation-duration: 13s;
	animation-direction: normal;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}

/* NOTE CODEPEN AUTOGENERATING -PREFIXES */
@keyframes slide {
	0% {
		background-position: 0 0;
	}
	16.66% {
		background-position: 0 0;
	}
	33.32% {
		background-position: -800px 0;
	}
	49.98% {
		background-position: -800px 0;
	}
	66.64% {
		background-position: -1600px 0;
	}
	83.30% {
		background-position: -1600px 0;
	}
	100% {
		background-position: 0 0;
	}
}

/* important date section */
.importantdates {
	background-color: #0e3d5b;
}
.importantdates h3 {
	color: #ffffff;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
}
.col-md-12 {
	padding-left: 0px;
	padding-right: 0px;
}

/*dates display */
#calendar {
	margin: 0 auto;
	/* width: 250px;*/
	
	height: 250px;
	background: rgba(30, 89, 163, 0.37);
	padding: 10px 0 10px 10px;
	box-sizing: border-box;
}
#date {
	list-style: none;
}
#date li {
	float: left;
	/* height: 60px; */
	
	text-align: center;
	line-height: 1;
	background-color: #be0735;
	color: #fcfcfc;
	/* margin-right: 10px; */
	
	margin-bottom: 10px;
	border: 1px solid #333;
	box-sizing: border-box;
	text-transform: uppercase;
	font-size: 14px;
	/* padding: 10px; */
}
#calendar h4 {
	text-align: center;
	color: #ffffff;
}
#date li:hover {
	cursor: pointer;
}
#date li.current {
	background-color: #fcfcfc;
	color: #F69;
}
section {
	margin: 150px 10px 10px 0;
	/* width: 230px;
  height: 50px;
  background-color: #DDD;*/
	
	text-align: center;
}
#des {
	color: #fcfcfc;
	padding: 5px;
	font-size: 14px;
}
#des span {
	color: #f69;
	text-decoration: underline;
}
div.col-md-4.importantdates {
	padding-left: 0px;
	padding-right: 0px;
}
.brandhead {
	padding-left: 15px;
	Padding-right: 15px;
}
h2, .h2 {
	font-size: 24px !important;
font-weight: 600 !important;
font-family: 'source sans pro' helvetica, arial, sans-serif;
padding-left:15px;
		padding-top:12px;
		padding-left:35px;
padding-bottom: 12px !important;
margin-bottom: 3px !important;
margin-top: 12px !important;
color: #ffffff;
}
	
.navbar-collapse {
	padding-left: 0px;
}
.profile {
	font-size: 28px;
	font-weight: 500;
	padding-bottom: 12px;
	margin-bottom: 3px;
	padding-top: 12px;
	margin-top: 12px;
	color: #2a71a5;
	background-color: #fff;
	padding-left: 20px;
}
div.brandbanner.brandhead {
	width: 100%;
	float: left;
}
div.container.brandhead {
	margin-top: 12px;
}
p, ul, ol {
	font-size: 16px;
	font-weight: 500!important;
}
ul#date {
	display: block;
	list-style-type: none;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
	width: 180px;
}
ul.bulletlist {
	padding-left: 15px;
}

div.container.barslider {
	background-color: #d9d9d9;
	background: repeating-linear-gradient( 45deg, #333, #333 1px, #000 1px, #000 4px);
}
div.col-md-12.sliderdate {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #d9d9d9;
}

/* div.hero {margin-top:-280px !important;}*/
div.hero.hero1{
	background: url(/images/sliderimage8.jpg) no-repeat top center;
	background-size:cover;
}
div.hero {
/*	max-width: 1450px;*/
	
	background: url(/images/sliderimage8.jpg) no-repeat top center;
	background:#000;
	background-size: cover;
	
}
div.hero .text {
	padding: 3% 3%;
	width: 50%;
	margin-right: -15px;
	height: 100%;
	background-color:#000;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0));
	text-align: left;
	color: #EFEFEF;
	margin-top: 0px;
	display:inline-block;
}
div.panel.writing ul, div.panel.communications ul, div.panel.process ul, div.panel.resources ul {
	padding-left: 0px;
}
 div.hero .text p {
	font-size: 16px;
}
div#signupnotification.panel-body {
	background-color: #E7E7E7;
	color: #000;
}

/*main .hero .text .btn {
  background: #ff9c4b;
border-radius: 4px;
FONT-SIZE: 24PX;
FONT-family: 'source sans pro';
color: #ffffff;
padding: 8px;
}
main .hero .text .btn:hover {
  text-decoration: none;
  background: #507ec9;
}
main .hero .text .btn:active {
  background: #3c6fc3;
} CSS Document */
 .grid {
	max-width: 1400px;
	margin: 0px auto;
	background-color: #ffffff;
}

div.container.main {
	line-height: 1.231;
	background-color: #fff;
	padding-bottom: 20px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	width:95%;
}
border-radius: 0px 0px 5px 5px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
padding-bottom: 20px;

}
div#writing.col-md-3, div#communications.col-md-3, div#resources.col-md-6, div#process.col-md-6 {
	padding:0px;
	border-radius:0px;
}
div#writing1.col-md-6.col-sm-6.col-xs-12 {
	color:#ffffff;
	background-color: #326ead
}
div#communications1.col-md-6.col-sm-6.col-xs-12 {
	color:#ffffff;
	background-color: #2c3e50
}
div.panel-wrapper {
	background-color:#ffffff !important;
}
div#main-slider.liquid-slider {
	background-color:#ffffff !important;
	height:auto !important;
}
div#main-slider.liquid-slider.ls-responsive {
	height:auto;
}
div#writing.col-md-3 {
	background-color:#143b63;
}
div#communications.col-md-3 {
	background-color:#005a92;
}
div#resources.col-md-3 {
	background-color:#2c3e50;
}
div#process.col-md-6 {
	background-color:#ffffff;
	color:#333;
}
div.panel.writing {
	display:block;
	padding: 0px 20px;
	background-color: #fff;
	color:#333;
	/* box-shadow: #e5e5e5 -2px 2px 0; border-radius:0px;*/
	position: relative;
	height:auto;
}
div.panel.communications {
	display:block;
	padding: 20px;
	background-color: #fff;
	color:#333;
	/* box-shadow: #e5e5e5 -2px 2px 0; border-radius:0px;*/
	position: relative;
	height:auto;
}
div.panel.process {
	display:block;
	padding: 15px 20px;
	background-color: #326ead;
	color:#333;
	/* box-shadow: #e5e5e5 -2px 2px 0; border-radius:0px;*/
	position: relative;
	height:auot;
}
div.panel.resources {
	display:block;
	padding: 20px;
	background-color: #2c3e50;
	color:#ffffff;
	/* box-shadow: #e5e5e5 -2px 2px 0; border-radius:0px;*/
	position: relative;
	height:auto;
}
.panel {
	background-color:transparent !important;
}
main .grid .panel .head {
	text-align: center;
}
main .grid .panel .head .material-icons {
	font-size: 26px;
}
/*.main {
	padding-left: 15px;
	padding-top:15px;
	padding-right:15px;
	
}*/
main .grid .panel .head h3 {
	font-size: 20px;
}
main .grid .panel .resources {
	background:#A9ABAA;
}
.panel {}
main .grid .panel .body {
	padding: 0 5px;
}

/********************************************************************/
footer.site-footer {
	right: 0;
	bottom: 0;
	left: 0;
}
.site-footer {
	clear: both;
	background: #123e57;
	padding: 1em 0;
	color: white;
	font-family: 'Source Sans Pro';
	font-size: 14px;
}
.site-footer .row {
	margin: 1em auto;
}
#footercontent {
	position:absolute;
}

/*.column, .columns {
	position: relative;
	/* padding-left: .9375em;
    padding-right: .9375em;*/
	float: left;
	margin-left: 80px;
	margin-top: 10px;
	margin-bottom: 20px;
}*/
.columns.footer-nci span {
	font-size: 16px;
}

/*
img {padding-top:12px;}
*/
.agencies ul {
	text-align: center;
	
}
.agencies li {
	display: inline-block;
	background: url("../images/agencies-divider.gif") center right no-repeat;
	padding-right: 0.5em;
	margin-right: 0.25em;
	
}
.agencies li a, .agencies li a:hover {font-weight:500;}
.agencies li.last {
	background: none;
	padding-right: 0;
	margin-right: 0;
}
.tagline {
	text-align: center;
}
.columns.footer-nci {
	font-family: Montserrat, Arial, sans-serif;
	font-size: 25px;
	padding-left: 0.6em;
	padding-right: 0.6em;
	line-height: 1em;
}
.column.small-centered, .columns.small-centered {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: none !important;
}
.agencies {
	clear: both;
}
.large-12 {
	position: relative;
	width: 100%;
}
.panel.with-nav-tabs .panel-heading {
	padding: 5px 5px 0 5px;
	display: inline;
}
.panel-heading {
	padding: 10px 15px 15px;
}
.panel.with-nav-tabs .nav-tabs {
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified {
	margin-bottom: -1px;
}
.site-footer .back-to-top {
	z-index: 998;
	display: none;
	position: fixed;
	right: 0.5em;
	bottom: 1em;
	color: rgb(37, 109, 162);
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 10px 5px 0;
}
.site-footer a, .site-footer a:hover, .site-footer a:focus {
	color: white;
	font-weight: 700;
}
.site-footer .back-to-top:hover:before {
	background-position: -389px -80px;
}
.site-footer .back-to-top:before {
	content: " ";
	display: block;
	background: transparent url("../images/nci-sprite.png") no-repeat -311px -80px;
	height: 51px;
	width: 51px;
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
Pseudo ::after element *, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	text-decoration: none;
	line-height: inherit;
	color: #2d699e;
}
#wrap {
	min-height: 100%;
	height: auto;
	/* Negative indent footer by its height */
	margin: 0 auto -60px;
	/* Pad bottom by footer height */
	padding: 0 0 0px;
}
.large-3 {
	margin-left: 300px;
}
.large-3 li {
	padding-bottom: 5px;
}
.large-3 li a {
	padding-bottom: 5px;
	font-size: 1.7rem;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
}
.large-4 {
	margin-left: 100px;
}
form {
	display: block;
}
input {
	display: block;
	width: 100%;
}
input[type="radio"] {
	width: 10%;
	margin:0px;
	margin-top:0px;
}
.checkbox-inline {
	position:absolute;
}
.checkbox-inline input[type="checkbox"] {
	margin-top:7px;
}
.ai-title {
	margin-top:-2px;
	padding-left: 30px;
}

/*label,
input {
  display: block;
      float: left;
    margin: 5px 10px;
font: inherit;
color: inherit
}*/
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 0px;
	font-weight: 400;
	color:#333;
	padding-top:12px;
}
.animate, .btn, .btn span, .overlay .overlay-content, .overlay .overlay-content .overlay-close, .overlay .overlay-content .signup-form input {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.btn {
	display: block;
	/*height: 50px;
  line-height: 50px;*/
	border: 0;
	cursor: pointer;
	border-radius: 5px;
}
div#submitaction input[type="submit"].btn-block {
	margin-top: 12px;
	color: #000000;
	padding-top: 0px;
}
.btn span {
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
}
.btn span .fa {
	margin-left: 8px;
	font-size: 18px;
	vertical-align: middle;
}

/*div#main.row {background:#e5e5e5;"}
.btn:not(.btn-outline) {
  background-color: #fff;
}*/
.btn:not(.btn-outline) span {
	color: #666;
}
.btn:not(.btn-outline):hover {
	background-color: #f7f7f7;
}
.btn.btn-outline {
	background-color: transparent;
	border: 1px solid #fff;
}
.btn.btn-outline span {
	color: #fff;
}
.btn.btn-outline:hover {
	background-color: #fff;
}
.btn.btn-outline:hover span {
	color: #666;
}
button#popup-trigger.popup-trigger.btn {
	color: #333333;
	padding-top: 0px
}
button.btn.btn-outline.submit-btn {
	padding-top:0px;
}
.popup-trigger {
	width: 175px;
	position:relative;
	top : 50;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
}
.modal {
	top:20%;
}
ul.sciencebg {
	list-style:none;
}
ul.sciencebg li {
	float:left;
	display:block;
	color:#326599;
	margin:3px;
}
ul.sciencebg li:after {
	content:' / '
}

/*.required:before {
	content="*";
	color:#990000;
}*/
.overlay {
	width: 100%;
	height: 100%;
	overflow: auto;
	float: left;
	position: fixed;
	top: 50;
	left: 0;
	z-index: 5;
	opacity: 0;
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-transition: opacity 0.5s, z-index 0s 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, z-index 0s 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s, z-index 0s 0.5s;
	transition: opacity 0.5s, transform 0.5s, z-index 0s 0.5s, -webkit-transform 0.5s;
}
.overlay .overlay-background {
	background-color: rgba(8, 12, 15, 0.8);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.overlay .overlay-content {
	/*width: 100%;
  max-width: 700px;*/
	margin: 200px auto;
	padding: 0 15px;
	color: #fff;
	position: relative;
	z-index: 10;
}
.overlay .overlay-content .overlay-close {
	/* display: block; */
	font-size: 20px;
	cursor: pointer;
	/* position: absolute; */
	/* top: 0; */
	/* right: 15px; */
	float: right;
	margin-right:15px;
	color:#3D3D3D;
}
.overlay .overlay-content .overlay-close:hover {
	opacity: .8;
}
.overlay .overlay-content .blurb {
	margin-top: 35px;
	line-height: 100%;
	font-weight: 600;
	font-size: 18px;
}
.overlay .overlay-content .blurb-tagline {
	display: block;
	margin-top: 10px;
	margin-bottom:10px;
	line-height: 100%;
	font-size: 14px;
}
.overlay .overlay-content .signup-form {
	margin-top: 35px;
}
.overlay .overlay-content .signup-form label {
	line-height: 100%;
	margin-bottom: 5px;
	font-size: 14px;
}
.overlay .overlay-content .signup-form input {
	background-color: transparent;
	width: 100%;
	height: 30px;
	margin-bottom: 20px;
	padding: 0 8px;
	border: 1px solid rgba(254, 254, 254, 0.3);
	border-radius: 5px;
}
.overlay .overlay-content .signup-form input:hover, .overlay .overlay-content .signup-form input:focus {
	border-color: #fff;
}
.overlay .overlay-content .signup-form .submit-btn {
	width: 150px;
}
.overlay.open {
	z-index: 15;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: opacity 0.5s, z-index 0s, -webkit-transform 0.5s;
	transition: opacity 0.5s, z-index 0s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s, z-index 0s;
	transition: opacity 0.5s, transform 0.5s, z-index 0s, -webkit-transform 0.5s;
}
.overlay.short .overlay-content {
	margin: 30px auto;
}
div.container.signupform {
	width:60%;
}
.centered-form {
	/*margin-top: 60px;*/
	width:100%;
}
.centered-form .panel {
	background: rgba(255, 255, 255, 0.8);
	box-shadow: rgba(0, 0, 0, 0.3) 20px 20px 20px;
}
label.label-floatlabel {
	font-weight: bold;
	color: #46b8da;
	font-size: 11px;
}
.fa-3x {
	font-size:1.35em;
}
.upcomingDates {
	height:80px;
	padding:12px;
}
.upcomingDates h4 {padding:26px;}
.datetitle {
	width: 0;
	height: 0;
	border-top: 42px solid transparent;
	border-left: 22px solid rgb(157, 22, 48);
	border-bottom: 38px solid transparent;
	float: left;
}

/* popup call */
.popup-call {
	position:fixed;
	text-align:left;
	z-index:9999;
	margin:auto;
	clear:both;
	height:250px;
	width:600px;
	padding:15px;
	left:0;
	right:0;
	top:0;
	bottom:0;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	background:#fff;
	opacity:0;
	transform:scale(0);
	transition: 0.5s ease all;
}
.popup-call-show {
	opacity:1;
	transform:scale(1);
	transition: 0.5s ease all;
}
.click-popup-call {
	background:#B11623;
	border:0;
	border-radius:5px;
	color:#fff;
	font-size:16px;
	padding:10px;
}
.click-popup-call:hover {
	background:#000;
	border:0;
	border-radius:5px;
	color:#fff;
	font-size:16px;
	padding:10px;
}
.popup-form, .popup-text {
	float:left;
	width:50%;
}
.popup-form {
	width:45%;
	padding-right:5%;
}
.popup-form input[type="text"], .popup-form input[type="email"] {
	font-size:16px;
	margin-bottom:10px;
	padding:8px;
	width:95%;
}
.popup-form textarea {
	border:1px solid;
	width:95%;
	padding:8px;
	font-size:16px;
	height:80px;
	margin-bottom:10px;
}
.popup-form input[type="submit"] {
	background:#B11623;
	border:0;
	border-radius:5px;
	color:#fff;
	font-size:16px;
	padding:10px;
}
.chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
}
.chevron.right:before {
	left: 0;
	transform: rotate(45deg);
}

/*a.ls-current {
	background-color: #00467f;
color: #fff;
padding: 12px;
text-decoration:none;
}

a.ls-current:hover {
background-color: #333;
color: #fff;
padding: 12px;
text-decoration:none;
}
.navbar-default .navbar-nav > .active > a, {
	color: #fff !important;
background-color: #326599 !important;
text-transform: uppercase;
font-weight: 600;
}*/

/* navbar */

/*.navbar .container {width:80%!important;}*/
.navbar-default {
	background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0.82) 0, #353434 100%)!important;
	background-color: #326599 !important;
	border-color: #E7E7E7;
}

/* title */
.navbar-default .navbar-brand {
	color: #777 !Important;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #5E5E5E !important;
}

/* link */
.navbar-default .navbar-nav>li>a {
	color: #fff;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #333;
	background:#e5e5e5;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #555;
	background-color: #E7E7E7;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	color: #555;
	background-color: #D5D5D5;
}

/* caret */
.navbar-default .navbar-nav>.dropdown>a .caret {
	border-top-color: #777;
	border-bottom-color: #777;
}
.navbar-default .navbar-nav>.dropdown>a:hover .caret, .navbar-default .navbar-nav>.dropdown>a:focus .caret {
	border-top-color: #333;
	border-bottom-color: #333;
}
.navbar-default .navbar-nav>.open>a .caret, .navbar-default .navbar-nav>.open>a:hover .caret, .navbar-default .navbar-nav>.open>a:focus .caret {
	border-top-color: #555;
	border-bottom-color: #555;
}

/* mobile version */
.navbar-default .navbar-toggle {
	border-color: #DDD;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #CCC;
}
.panel {
	margin-bottom: 0px !important;
}

div.row.comm {display:inline-flex;margin:0;width:100%}
div.panel-heading {
	color: #ffffff;
	border: 1px solid #e5e5e5;
	background-color: #2a71a5;
	margin-top: 12px !important;
	text-decoration: none;
	font-weight: 600;
	/*color: #ffffff;
    border: 1px solid #e5e5e5;;
    background-color:  rgb( 0, 62, 104 );*/
}

/* expand and collapse icon */
.panel-heading a#exp-col:after {
	font-family: 'fontAwesome';
	content: "\f078" !important;
	float: right;
	color: #ffffff;
	text-decoration: none;
	-moz-margin-start: -18px;
}
.panel-heading a#exp-col.collapsed:after {
	content: "\f077" !important;
	font-family: 'fontAwesome';
	color: #ffffff;
	text-decoration: none;
}

/*profile boxes */
.module-card-wrap {
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
.module-card {
	background: #fff;
	border: 1px solid #f1f1f1;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
	width: 80%;
	padding: 10px;
	margin-bottom: 1%;
	display: flex;
	flex-direction: column;
}
.module-card-title {
	font-size: 120%;
	font-weight: 700;
}
.module-card-meta {
	display: flex;
}
.module-card-category, .module-card-author {
	flex: 1;
}
.module-card-author {
	text-align: right;
}
.module-card-bottom {
	Margin-top:12px;
	display:inline-block;
	/*display: flex;
  flex-direction: column;*/
	flex-grow: 1;
	/* a flex: 1 also works here, but is buggy on IE11 */
	float:right;
}
.module-card-img {
	margin: 20px 0;
	align-self: center;
	width: 100%;
	height: auto;
}
.module-card-button {
	background: #326599;
	color: white;
	border: none;
	margin-top: auto;
	padding: 10px;
	width:25%;
	float:right;
}

/* back to top */
h3 {
	padding-left:0px !important;
}
.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgba(32, 127, 207, 0.9) url(../images/cd-top-arrow.svg) no-repeat center 50%;
	-webkt-background:rgba(207, 100, 50, 0.9) url(../images/cd-top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;
}


/* Media Queries
--------------------------------------------- */
@media (min-width:1280px) {
	div# writing1 .col-md-6 .col-sm-6 .col-xs-12 {
		height: 420px!important;
	}
	.logoImg {padding-left:0px;}
	h2, .h2{font-size: 24px; padding-left: 30px;}
	
	}
@media only screen and(max - width: 1198 px) {
	div#writing1 .col-md-6 .col-sm-6 .col-xs-12 {
		height: 420px!important;
	}
	.logoImg {
    padding-left: 0px;
}
	div.hero .text {
		    padding: 15px;
	}
	.logoImg {
		padding-left:2px;
	}
	h2, .h2{font-size: 24px; padding-left: 15px;}
}
@media (min-width:980px){
	#appCycleHeaderId {font-size:28px;}
	div.hero .text {width:60%;}

/*	.logoImg {
		padding-left:2px;
	}*/
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	padding-left:25px;}
/*    h2, .h2{font-size: 24px; padding-left: 15px;}
}
*/

@media only screen and(max - width: 980px) {
	.logoImg{padding-left:0px;}
	div.brandbanner.brandhead {
		width: 60%;
	}
	
	div.hero.text {
		width: 70 %;
	}
	/*h2, .h2{font-size: 24px; padding-left: 15px;}*/
}
@media (min-width:800px){
	#appCycleHeaderId {font-size:28px;}
	 div.hero .text {width:50%;}


	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	padding-left:15px;
	padding-right:15px;
	
}
div.brandbanner.brandhead { width:90%;}
/*	.logoImg {
		padding-left:20px;
	}*/

}

@media only screen and (min-width : 768px) 
 { img.logoimg{width:60%;}	}


@media (max-width:768px){
img.logoimg{width:40%;}	
}


@media only screen and(max-width: 768px) {
		
	.navbar-inverse .navbar-nav>li>a {
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	

padding-left:25px;
}
	'
	 div.hero .text {
		width:60% important!
	}
	.navi-tabs__container {width:70%;}
	div# writing1 .col-md-6 .col-sm-6 .col-xs-12 {
		height: 263px;
	}
	h2, .h2 {padding-left:40px;padding-bottom:12px;font-size:24px;}
	
	nav# supernav a {
		font - size: 12 px;
		padding: 5 px 8 px;
	}
	nav# supernav.active>a {
		font - size: 12 px;
		padding: 5 px 8 px;
	}
	label# address {
		float: left;
	}
	nav# supernav {
		margin: 0;
	}
	/* Removing padding, margin and "list-style" from the "ul",
		 * and adding "position:reltive" */
	nav# supernav ul {
		float: left;
		font - family: 'source sans pro', arial, sans - serif;
		margin: 0;
		list - style: none;
		position: relative;
	}
	/* Hide the navigation menu by default */
	/* Also hide the  */
	# supernav.toggle+a, .menu {
		display: none;
	}
	/* Stylinf the toggle lable */
	# supernav.toggle {
		display: block;
		background - color: #a94442;
		padding: 8 px 15 px;
		color: #ffffff;
		font - size: 17 px;
		text - decoration: none;
		border: none;
		margin: 0 10 px;
	}
	# supernav.toggle: hover {
		background - color: #326599;
	}
	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]: checked+ul {
		display: block;
	}
	/* Change menu item's width to 100% */
	nav# supernav ul li {
		display: block;
		width: 100 %;
	}
	nav# supernav ul ul.toggle, nav# supernav ul ul a {
		padding: 0 40 px;
	}
	nav# supernav ul ul ul a {
		padding: 0 80 px;
	}
	nav# supernav a: hover, nav# supernav ul ul ul a {
		background - color: #326599;
	}
	nav# supernav ul li ul li.toggle, nav# supernav ul ul a, nav# supernav ul ul ul a {
		padding: 14 px 20 px;
		color: #FFF;
		font - size: 17 px;
	}
	nav# supernav ul li ul li.toggle, nav# supernav ul ul a {
		background - color: #212121;
	}
	/* Hide Dropdowns by Default */
	nav# supernav ul ul {
		float: none;
		position: static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
	/* Hide menus on hover */
	nav# supernav ul ul li: hover>ul, nav# supernav ul li: hover>ul {
		display: none;
	}
	/* Fisrt Tier Dropdown */
	nav# supernav ul ul li {
		display: block;
		width: 100 %;
	}
	nav# supernav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */
	}
	
	
	
}
@media only screen and (min-width : 768px) {
  .is-table-row {
    display: table;
  }
  .is-table-row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
  }
}

.is-table-row .box {
  background: none;
  position: static;
}
.is-table-row [class*="col-"] {
  background: #fff;
}

@media (min-width: 768px) {
	.container > .navbar-header {
    margin-right: 15px;
    margin-left: 20px;
    }
/*    .navbar-nav {
     margin-left: 20px !important; 
}
*/
div.hcip-error-text{color:#990000;}
div.brandbanner.brandhead { width:100%;}

.navbar - inverse.navbar - nav>li>a {
		text - transform: uppercase;
		color: #fff;
		letter - spacing: .1e m;
		margin: 5 px 50 px;
	}
	
	a#login.btn.btn-primary.login {width:80px;}

	.upcomingDates {
		height:100px !important;
		}
	
	label# address {
		float: left!mportant
	}
	 div.hero .text {
		    padding: 40px 40px;
	}
	.datetitle {
		border-top: 50px solid transparent;
		border-left: 22px solid rgb(157, 22, 48);
		border-bottom: 50px solid transparent;
	}
	
	
	.supernav {
		background - color: rgb(225, 225, 225);
		box - shadow: 0 1 px 5 px rgba(0, 0, 0, 0.65);
	}

}


@media only screen and( max-width:766px ) {
	
	div.hero.text {
		width: 100% !important;
	}
	
	
}

@media screen and(max-width:680px) {
	.container > .navbar-header {
     margin-left: 20px;
    }

	

	.brandhead {
		padding - left: 15 px!important;
		padding - right: 15 px!important;
	}
	div.brandbanner.brandhead {
		width: 70 % !important;
	}
	ul.topnav li: not(: first - child) {
		display: none;
	}
	ul.topnav li.icon {
		float: right;
		display: inline - block;
	}
	ul.topnav.responsive {
		position: relative;
	}
	ul.topnav.responsive li.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	ul.topnav.responsive li {
		float: none;
		display: inline;
	}
	ul.topnav.responsive li a {
		display: block;
		text - align: left;
	}
	.overlay.overlay-content {
		margin: 25 px auto;
	}

	h2, .h2 {
		font-size:24px;
		padding-left:50px;}
	div.hero.text {
		width: 80 %
	}
	.module-card {
		width: 48 %;
		margin: 0 auto 2 %;
		min - width: 0;
	}
}


 @media only screen and (max-width : 640px) {
 
	div.brandbanner.brandhead { width:100%;}
	.overlay.overlay-content {
		margin: 25 px auto;
	}

	/*h2, .h2 {
		font-size:24px;
		padding-left:50px !important;*/
	}
	div.hero.text {
		width: 80%!important;
	}
	.module-card {
		width: 98%;
		margin: 1%;
		min-width: 0;
	}
}

 @media only screen 
 and (min-device-width:480px)
 and (max-device-width:768px) {
  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right:0px; margin-left:0px; }
 logoimg{width:50%}
 }
 @media only screen and (max-width : 480px) {
 .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right:0px; margin-left:0px;}
 .photoCredit {display:none;}
 div.row.comm {display:block;}
 div.bandbanner.bandhead{width:100%}
 .communications1 {width:100%}
 .nci-logo
div.panel.process{padding:0px 20px!important;}
 .sticky {
position: fixed;
width: 100%;
top: 0;
z-index: 100;
border-top: 0;
background: #000;
margin: 0 auto;
left:-10px;
}
 div#writing1.col-md-6.col-sm-6.col-xs-12 {height: auto;}
 	.navi-tabs__container {width:50%;}
 div.col-md-12.upcomingDatesWrapper.text-center{
 		padding-left:12px !important;
 		padding-right:12px !important;
 	}
 .columns.small-centered {padding-right:20px;}
 	img.logoImg { 
 		width:80%; 
 		/*padding-left:40px;*/ 
 		padding-bottom:12px;
 		}
 	
	h1.heading {font-size:14px;}
	h2, .h2 { 
		font-size:18px !important; 
		padding:0px 2px;
		padding-left:0px;
	}
	
	.navbar-toggle {margin-right:20px!important;}
	a#login.btn.btn-primary.login {width:80px; margin-left:20px;font-size:12px;margin-top:-5px;}
	 div.hero .text {
		width:100% !important;
	}
	p{line-height:16px;}
	.upcomingDates {
		height:100px;
	}
	.upcomingDates h4 {padding:16px !important;font-size: 14px;}
	.upcomingDates h4:after {content:'\f054';font-family:'fontAwesome'; color:#fff; font-size:14px; padding:2px;}
	.datetitle {
		border-top: 0px solid transparent;
		border-left: 0px solid rgb(157, 22, 48);
		border-bottom: 0px solid;
		}
		
		h1#appCycleHeaderId{font-size:28px;}
		
	.module-card {
	width:100%;}

    }
@media only screen(min-width:320px){
	 div.hero .text {width:100% !important;]}
	div.container.importantDatesContainer {padding:40px; font-size:12px;}
	
}
@media only screen(max-width:320px) {
	div.hero.text {
		width: 100 % !important;
	}
	.photoCredit {display:none;}
	
	.module-card {
	width:100%;}
	h2, .h2 {
		font - size: 25 px;
		font - weight: 500;
		padding - left: 50 px;
		padding - right: 50 px;
	}
	nav# supernav ul li {
		display: block;
		width: 94 %;
	}
	.navbar - toggle {
		margin - right: 40 px!important;
	}
	.navbar - nav {
		margin - left: 20 px!important;
	}
	.upcomingDates {
		padding:5px;
	}
}