@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic,700italic);

* {margin:0; padding:0}
html, body {
	width:100%;
	height:100%;
}
body {
	font:18px/1.5 'Source Sans Pro', sans-serif;
	color:#000;
	background:#fff;
}
.hr {
	height:1px;
	background-color:#448F98;
	margin:3% 0;
}

.wojo-content-full ul {
	padding: 0 0 0 60px;
}

/************************************
        TOPOGRAPHY
************************************/
h1, h2, h3, h4, h5, h6, p {
	margin:0 0 20px;
	padding:0 20px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:600;
	color:#224179;
}
h1 {font-size:2.6em}
h2 {font-size:2.4em}
h3 {font-size:2.2em}
h4 {font-size:2.0em}
h5 {font-size:1.8em}
h6 {font-size:1.6em}
p {
	font-size:1.5em;
	font-weight:300;
	text-align:justify;
}
p.center {text-align:center}
h1.center, h2.center, h3.center, h4.center, h5.center, h6.center, p.center {text-align:center}
p.margin-btm {margin-bottom:50px}
span.u {text-decoration:underline}


/************************************
        LISTS
************************************/
ul.red-dot {
	margin-left:5em;
    list-style-type: disc;
}
ul.red-dot li {
	font-weight:400;
	font-size:20px;
    color:#E2332F;
	float:left;
	margin-right:68px;
    list-style-type: disc;
}
ul.red-dot li.last {margin-right:0}
ul.red-dot li span {color:#242424}


/************************************
        LINKS
************************************/
img, a img {border:none}
a:link, a:visited {color:#06f; text-decoration:none}
a:hover, a:active, a:focus {text-decoration:underline}


/************************************
        HEADER
************************************/
header {
	background:url('/theme/master/images/noac-header.jpg') top center no-repeat;
	background-size:100% auto;
	padding:18% 2% 1% 0;
}
.logo-wrap {display:none}
nav {
	margin: 0;
}

/************************************
        CONTENT
************************************/
.content {
	position:relative;
	width:80%;
	padding:0 0 3%;
	margin:0 10%;
	clear:both;
	/*z-index:3;*/
	/*border-bottom:2px solid #448F98;*/
}

/************************************
        FOOTER
************************************/
footer {
	*background:url('/theme/master/images/footer.png') bottom center no-repeat;
	background-color: #ccc;
	background-size:100% auto;
	margin:3% auto 0;
	padding:3% 0 5%;
	clear:both;
	border-top:2px solid #448F98;
}
footer p {
	font-size:1.0em;
	color:#242424;
	margin-bottom:5px;
	padding:0;
	text-align:center;
}
footer a:link, footer a:visited {color:#242424; text-decoration:none}
footer a:hover, footer a:active, footer a:focus {color:#4169E1}
footer > p.back-to-top {
	font-size:16px;
	margin-bottom:30px;
}
footer > p.back-to-top a:link, footer > p.back-to-top a:visited {
	color:#000;
	text-decoration:none;
	opacity:1.0;
}
footer > p.back-to-top a:hover, footer > p.back-to-top a:active, footer > p.back-to-top a:focus {
	text-decoration:none;
	opacity:0.5;
}
footer > p.back-to-top a:link, footer > p.back-to-top a:visited,
footer > p.back-to-top a:hover, footer > p.back-to-top a:active, footer > p.back-to-top a:focus {
	transition: all 0.5s ease, background 0.5s ease;
	-o-transition: all 0.5s ease, background 0.5s ease;
	-ms-transition: all 0.5s ease, background 0.5s ease;
	-moz-transition: all 0.5s ease, background 0.5s ease;
	-webkit-transition: all 0.5s ease, background 0.5s ease;
}

footer .reg_footer {
	margin: 10px 0;
	font-weight: bold;
}
footer .reg_footer a{
	color: #06f
}

/************************************
        BUTTONS
************************************/
a.view-btn {
	padding:8px 22px;
	font-size:18px;
	color:#2C67A4;
	background:#fff;
	text-decoration:none;
	border:1px solid #2C67A4;
}
a.view-btn:hover {
	cursor:pointer;
	background:#2C67A4;
	color:#fff;
}
a.view-btn, a.contact-btn:hover {
	transition: all 0.5s ease, background 0.5s ease;
	-o-transition: all 0.5s ease, background 0.5s ease;
	-ms-transition: all 0.5s ease, background 0.5s ease;
	-moz-transition: all 0.5s ease, background 0.5s ease;
	-webkit-transition: all 0.5s ease, background 0.5s ease;
}
a.contact-btn {
	padding:12px 28px;
	font-size:32px;
	color:#fff;
	background:#2C67A4;
	text-decoration:none;
	border:1px solid #2C67A4;
	border-radius:5px;
}
a.contact-btn:hover {
	cursor:pointer;
	background:#fff;
	color:#2C67A4;
}
a.contact-btn, a.contact-btn:hover {
	transition: all 0.5s ease, background 0.5s ease;
	-o-transition: all 0.5s ease, background 0.5s ease;
	-ms-transition: all 0.5s ease, background 0.5s ease;
	-moz-transition: all 0.5s ease, background 0.5s ease;
	-webkit-transition: all 0.5s ease, background 0.5s ease;
}

/************************************
        FLOATS
************************************/
.fltrt {
	float:right;
	margin-left:15px;
}
.fltlft {
	float:left;
	margin-right:15px;
}
.clear {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}


/************************************
        MISCELLANEOUS
************************************/
.content-left, .content-right {
	width:438px;
	background:#fff;
}
.content-left {
	float:left;
	margin:0 20px 40px 0;
}
.content-right {
	float:right;
	margin:0 0 40px 20px;
}
.content-left p, .content-right p {margin-bottom:35px}
.content-left img, .content-right img {
	width:100%;
	height:auto;
	margin-bottom:30px;
}
hr {
	height:5px;
	background:#F3F1F2;
	margin:50px 0;
	border:0;
}


/************************************
        WOJO
************************************/
/*ul.wojo.tabs {
	border-bottom:1px solid #ddd;
}
ul.wojo.tabs li {
	display:inline-block !important;
}
.wojo.tabs li a:link, .wojo.tabs li a:visited {color:#06f; text-decoration:none}
.wojo.tabs li a.hover, .wojo.tabs li a.active, .wojo.tabs li a:focus {
	background-color:#448F98;
	border-radius:10px 10px 0 0;
	padding:6px 14px 6px 14px;
	margin:0 8px;
	color:#fff;
	font-size:1.2em;
	line-height:1.6em;
}*/
#msgholder .content {margin:0}
.item .content {margin:0; padding:0;}


/************************************
        HTML5 SUPPORT
************************************/
header, section, footer, aside, article, figure, nav, address {display:block}


/*---------------------------------------------------------------------------------------*\
                                      RESPONSIVE
\*---------------------------------------------------------------------------------------*/
@media only screen and (min-width : 1025px) and (max-width : 1920px) {
h1 {font-size:2.2em}
h2 {font-size:2.0em}
h3 {font-size:1.8em}
h4 {font-size:1.6em}
h5 {font-size:1.4em}
h6 {font-size:1.2em}
p {font-size:1.2em}
}

@media only screen and (min-width : 769px) and (max-width : 1024px) {
h1 {font-size:1.8em}
h2 {font-size:1.6em}
h3 {font-size:1.4em}
h4 {font-size:1.2em}
h5 {font-size:1.0em}
h6 {font-size:0.8em}
p {font-size:0.8em}
.content {width:80%; margin:0 10%}
}

/* Smartphones (portrait and landscape) */
@media only screen and (min-width : 320px) and (max-width : 768px) {
h1, h2, h3, h4, h5, h6, p {
	margin:0 0 20px;
	padding:0;
}
h1 {font-size:1.4em}
h2 {font-size:1.3em}
h3 {font-size:1.2em}
h4 {font-size:1.1em}
h5 {font-size:1.0em}
h6 {font-size:0.8em}
p {font-size:0.8em}
header {
	background:none;
	background-size:auto;
	padding:1% 2%;
}
.logo-wrap {
	display:block;
	width:153px;
	height:120px;
	margin:2% auto 4%;
}
img.logo {
	width:153px;
	height:120px;
}
.content {width:90%; margin:0 5%}
footer p {
	font-size:0.7em;
}
.content-left, .content-right {
	width:100%;
	background:#fff;
	text-align:center;
}
.content-left {
	float:none;
	margin:0;
}
.content-right {
	float:none;
	margin:0;
}
.content-left .right-space, .content-right .right-space {margin-right:0}
}

/* Smartphones (landscape) */
@media only screen and (min-width : 320px) and (max-width: 768px) and (orientation : landscape) {
}