body {margin: 0px;}

p, h1, h2, a, span, li, td {font-family: calibri, arial; font-weight: normal; color: #505050;}

p {font-size: 18px;}

h1 {font-weight: bold;}

tr {background-color: #ececec;}

td {padding: 10px; border: 1px solid #ccc;}

table {border-spacing:0; border-collapse: collapse; margin-bottom: 10px;}

li {font-size: 18px;}

#survey h3 {background-color: #21a0de; color: #fff; padding: 10px; display: inline-block; margin-bottom: 0px;}

#MyContent a {color: #21A0DE; text-decoration: none; font-weight: bold;}

#MyContent a:hover {text-decoration: underline;}

#orange-controls {float: right; font-family: calibri, arial;}

#container {margin-left: auto; margin-right: auto; width: 1010px;}

#headerLinks {float: right;}

#main-header {width: 100%; height: 180px; background-color: #013e7f; position: relative;}

#main-header img {height: 120px; padding: 15px;}

#progress {height: 26px; width: 100%; background-color: #7182b4;}

.progress-made {background-color: #d8dbec; height: 26px;}

.progress-made p {color: #013e7f; font-weight: bold; text-align: right; padding: 0px 10px; margin: 0px; line-height: 1.5; white-space: nowrap;}

#progress-background {height: 26px; width: 100%; background-color: #7182b4; z-index: 1; position: absolute;}

#progress-background-text {z-index: 2; position: absolute;}

#progress-background-text p {color: #fff; font-weight: bold; text-align: right; padding: 0px 10px; margin: 0px; line-height: 1.5; white-space: nowrap;}

#progress-bar {background-color: #d8dbec; height: 26px; z-index: 3; position: absolute;}

#progress-bar-text {z-index: 4; position: absolute; overflow: hidden; text-overflow: clip; width: 100%;}

#progress-bar-text p {color: #013e7f; font-weight: bold; text-align: right; padding: 0px 10px; margin: 0px; line-height: 1.5; white-space: nowrap;}

#module-container {margin-left: 30px;}

#title-bar{background-color: #21a0de; color: #fff; float: left; width: 1000px; padding-left: 10px; margin-top: 10px;}

#title-bar h1{margin: 0px; padding: 5px 0px; color: #fff; text-transform: uppercase;}

.hero-title {background-color: #21a0de; color: #fff; margin-top: -105px; margin-left: -260px; float: left; width: 990px; position: absolute; padding-left: 10px;}

#mainNav {width: 1010px; float: left;}

#mainNav a {display: block; float: left; width: 105px; height: 40px; text-align: center; margin: 10px 5px 5px 5px; padding: 5px; background-color: #d8dbec; text-decoration: none; color: #000; font-size: 16px;}

#mainNav span {display: block; float: left; width: 105px; height: 40px; text-align: center; margin: 10px 5px 5px 5px; padding: 5px; background-color: #013e7f; text-decoration: none; color: #fff; font-size: 16px;}

#mainNav a:first-child {margin-left: 0px;}

#mainNav span:first-child {margin-left: 0px;}

#mainNav a:hover {background-color: #013e7f !important; color: #fff !important;}

.selected {background-color: #013e7f !important; color: #fff !important;}

.module {display: inline-block;}

#sideNav {float: left; background-color: #f1f1f1; margin-top: 5px; width: 200px;}

#sideNav h2 {background-color: #cecece; text-transform: uppercase; font-size: 18px !important;}

#sideNav ul {list-style-type: none; margin: 0px; padding-left: 0px; padding: 10px;}

#sideNav ul li {padding: 5px 0px;}

#sideNav ul li a {text-decoration: none; color: #000;}

#sideNav ul li a:hover {text-decoration: underline;}

#contentFull {float: left; width: 800px; margin-top: 5px; margin-left: 10px;}

#contentFull-login {margin-left: auto; margin-right: auto; width: 35%; margin-top: 80px;}

#Buttons {float: right;}

#Buttons input {width: 100px; padding-left: 10px;}

#footer {width: 100%; height: 200px; background-color: #d8dbec; float: left; margin-top: 25px;}

#footer ul li {list-style-type: none; font-size: 18px;}

#footer1 {float: left; margin-right: 150px;}

#footer1 a {text-decoration: none;}

#footer1 a:hover {text-decoration: underline;}

#footer2 {float: left; margin-right: 100px;}

#footer3 {float: left;}

#admin {float: right; margin-top: 175px; margin-left: 75px;}

#admin a {text-decoration: none;}

#admin a:hover {text-decoration: underline;}

@media screen and (max-width: 900px) {
	
iframe {width: 100%;}
	
#container {width: 100%;}

#main-header {height: auto;}

.module {display: block;}

.module img {height: 100px !important;}

#module-container {text-align: center; margin-left: 0px;}

#arrow {display: none;}

#progress {height: auto;}

.progress-made {height: auto;}

.progress-made p {padding-right: 0; padding: 0px 5px;}

#progress-background {height: auto;}

#title-bar {width: 100%; padding-left: 0px; margin-top: 26px;}

#title-bar h1 {text-align: center;}

#contentFull {width: 100%; margin-top: 0px; margin-left: 0px;}

#contentFull p {margin-left: 5px;}

#contentFull h1 {margin-left: 5px;}

#contentFull h2 {margin-left: 5px;}

#contentFull-login {width: 100%;}

#contentFull-login p {padding-left: 5px;}

#contentFull-login h1 {padding-left: 5px;}

#contentFull-login td {padding-left: 5px;}

#mainNav {width: 100%;}

#mainNav a {width: 100%; margin: 0px; padding: 0px; line-height: 2.3;}

#mainNav span {width: 100%; margin: 0px; padding: 0px; line-height: 2.3;}

#sideNav {width: 100%; margin: 0px;}

.adminList ul li {height: 30px;}

#MyContent img {width: 100%;}

#footer {height: auto;}

#footer1 {float: none; margin-right: 0px; text-align: center;}

#footer1 ul {padding-left: 0px;}

#footer2 {float: none; margin-right: 0px; text-align: center;}

#footer3 {float: none; text-align: center;}

#footer3 img {float: none !important; margin-top: 0px !important;}

#footer3 a {float: none !important;}

#admin {float: none; margin-top: 50px; margin-left: 0px; padding: 10px;}
	
}