/* Eric Meyer's CSS Reset v2.0 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Box Sizing v1 */
*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*  Box Sizing v2
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
*/

/* Basic Styles 
================================================== overflow-y:scroll; */
html {
	font-size: 100%;
	line-height: 1.650em; /* or 28px */
}
body {
	background: #ebf0f3;
	font-family: "open_sansregular", Arial, sans-serif;
	color: #444;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	min-height: 100%;
}

/* Base Typography
================================================== */
/* Typography */
ul,
ol,
dl,
p,
table,
form,
pre,
hr {
	margin: 0 0 28px 0;
}
h1,
h2,
h3,
h4,
h5 {
	font-weight: normal;
	color: #666;
	background-color: transparent;
	line-height: 1.3em;
	margin-bottom: 28px;
}
h1 {
	font-size: 190%;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 130%;
}
h4 {
	font-size: 120%;
}
h5 {
	font-size: 110%;
}
p {
	background-color: transparent;
}
em,
i {
	font-style: italic;
	line-height: inherit;
}
strong,
b {
	font-weight: bold;
	line-height: inherit;
}
.main,
.submain,
.full {
	font-size: 120%;
}
.nested_col {
	font-size: 100%;
}

/* http://css-tricks.com/snippets/css/simple-and-nice-blockquote-styling/ */
blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.8em 10px;
	padding: 1em 10px;
	quotes: "\201C""\201D";
}
blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
blockquote p {
	display: inline;
}

/* TODO Default Links
================================================== */
a,
a:visited {
	color: #005893;
	text-decoration: underline;
	outline: 0;
}
a:hover,
a:focus {
	color: #005893;
}
p a,
p a:visited {
	color: #444;
}

/*PDF Links - adds a small PDF icon to all PDF links*/
a[href$=".pdf"] {
	background: url(../g/page_pdf.png) no-repeat right top;
	padding-right: 18px;
	padding-bottom: 5px;
}
/*DOC Links - adds a small word doc icon to all word document links*/
a[href$=".doc"] {
	background: url(../g/page_word.png) no-repeat right top;
	padding-right: 18px;
	padding-bottom: 5px;
}
/* Opening up in new tab/window icon */
a[target="_blank"] {
	background: url(../g/extlink.png) no-repeat right top;
	padding-right: 12px;
}

/* # Specific Links
================================================== */
.footer a,
.footer a:visited {
	color: #cad5dd;
	text-decoration: underline;
	outline: 0;
}
.footer a:hover,
.footer a:focus {
	color: #e3f0ec;
}
.footer p a,
.footer p a:visited {
	line-height: #cad5dd;
}

/* #Lists
================================================== */
ul {
	list-style: none outside;
}
ol {
	list-style: decimal;
}
ul,
ol {
	margin-bottom: 28px;
}
ul ul,
ul ol,
ol ol,
ol ul {
	margin: 28px 0 28px 30px;
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
	margin-bottom: 28px;
}

/* #Images, helpers and fixes
================================================== */
img {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

/* IE8 responsive image fix:  img{ width: auto\9;}   */

/* Media */
iframe {
	width: 100%;
}
/* Browser Warning */
.oldie {
	background: #e60000;
	border: 3px solid #b20000;
	color: #f7f7f7;
	padding: 10px;
}
.oldie a:link,
.oldie a:hover,
.oldie a:visited {
	color: #ffeaea;
}

/* Fig caption */

figure {
	padding: 0;
	display: table;
	position: relative;
}
figure img {
	display: block;
	width: 100%;
	margin-bottom: 5px;
}
figcaption {
	display: table-caption;
	caption-side: bottom;
	padding: 0 0 10px 0px;
	margin-bottom: 10px;
	color: rgb(132, 132, 132);
	font-size: 60%;
	line-height: 120%;
}

/*Fig caption for centred images*/

figure.align_center figcaption {
	display: inline;
	width: 100%;
}

/*  Image Alignment */

.align_left {
	float: left;
	margin: 0 1em 0.5em 0;
	top: 0.5em;
	max-width: 50%;
}
.align_right {
	float: right;
	margin: 0 0 0.5em 1em;
	max-width: 50%;
	text-align: left;
}
.align_center {
	display: block;
	margin: 1em auto;

	top: 0.5em;
	width: 100%;
}

/* Iphone */
a[href^=tel] {
	color: inherit;
	text-decoration: none;
}
input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

/* JQuery scroll to top */
.scrollup {
	width: 40px;
	height: 40px;
	opacity: 0.3;
	position: fixed;
	bottom: 5px;
	right: 5px;
	display: none;
	text-indent: -9999px;
	background: url("../g/icon_top.png") no-repeat;
}
.scrollup:hover {
	opacity: 0.9;
}

/* Tabs */
ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.tabs li {
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}
ul.tabs li.current {
	background: #789;
	color: #222;
}
.tab-content {
	display: none;
	background: #ededed;
	padding: 15px;
}
.tab-content.current {
	display: inherit;
}

/* Buttons class added to enclosing P */
.button a,
.button a:visited {
	border-radius: 3px;
	color: #fff;
	font-size: 90%;
	padding: 10px;
	text-decoration: none;
	background: #ccc;
}

/* Buttons for How to Apply Pages only */
a.green-button,
a.green-button:visited {
	border-radius: 3px;
	color: #fff;
	font-size: 90%;
	padding: 10px;
	text-decoration: none;
	background: #808b34;
}

a.red-button,
a.red-button:visited {
	border-radius: 3px;
	color: #fff;
	font-size: 90%;
	padding: 10px;
	text-decoration: none;
	background: #a72323;
}
.subsidebar a.green-button,
a.green-button:visited {
	border-radius: 3px;
	color: #fff;
	font-size: 105%;
	padding: 20px;
	text-decoration: none;
	background: #808b34;
	display: block;
	text-align: center;
}
/* Hovers for Apply Pages */
a.green-button:hover,
.subsidebar a.green-button:hover {
	background: #323331;
}
a.red-button:hover {
	background: #323331;
}

/*Extra Buttons*/
a.lilac-button,
a.lilac-button:visited {
	border-radius: 3px;
	color: #fff;
	font-size: 90%;
	padding: 10px;
	text-decoration: none;
	background: #9b8cac;
}
/* Hovers for  Pages */
a.lilac-button:hover {
	background: #323331;
}

/* Blue */
.blue a {
	background: #1ca0c0;
}
.blue a:hover {
	background: #18778e;
}
/* Red */
.red a {
	background: #fa8364;
}
.red a:hover {
	background: #ce4f2e;
}

/* Pagination */
.pagination ul {
	font-size: .85em;
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
.pagination li {
	display: inline-block;
	background: #e6e7e2;
	margin: 0 1px;
	line-height: 1;
}
.pagination li a {
	display: block;
	padding: 12px;
	text-decoration: none;
	border: 1px solid #e3e4de;
	color: #6b6b6b;
}
.pagination a:hover,
.pagination .active a {
	background: #deb887;
	color: #fff;
	border: 1px solid rgba(222, 184, 135, 0.91);
}
.pagination span {
	background: #d7513e;
	color: #fff;
	display: block;
	padding: 12px;
	border: 1px solid #c43d2a;
}
.pagination li.next {
	padding: 0;
	background: none;
	font-size: 1.5em;
}

/* HIDE See: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.structural,
.hide {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Plugins
================================================== */

/* Sliding Div */
.slidingDiv {
	background-color: #e6e7e2;
	padding: 20px;
	border: 1px solid #d9ddcd;
}
.show_hide {
	display: none;
	cursor: pointer;
	background: #deb887;
	padding: 10px;
	color: #fff;
	border: 0;
	margin-bottom: 5px;
}

/* Fade-in Mastheads */
.fadein {
	-webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 5s; /* Firefox < 16 */
	-ms-animation: fadein 5s; /* Internet Explorer */
	-o-animation: fadein 5s; /* Opera < 12.1 */
	animation: fadein 5s;
}
@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Firefox < 16 */
@-moz-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Internet Explorer */
@-ms-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Opera < 12.1 */
@-o-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/*TILT*/
.tilt {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.tilt:hover {
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
}

/* #Helper Classes
================================================== */
.show-on-phones {
	display: none !important;
}
.show-on-tablets {
	display: none !important;
}
.hide-on-desktops {
	display: none !important;
}
.show-on-desktops {
	display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
	.hide-on-desktops {
		display: inherit !important;
	}
	.show-on-desktops {
		display: none !important;
	}
	.show-on-tablets {
		display: inherit !important;
	}
	.hide-on-tablets {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.hide-on-desktops {
		display: inherit !important;
	}
	.show-on-desktops {
		display: none !important;
	}
	.show-on-phones {
		display: inherit !important;
	}
	.hide-on-phones {
		display: none !important;
	}
}