@charset "UTF-8";
/* CSS Document */

body {
font-size: 100.01%;
font-family:Arial, Helvetica, sans-serif;
background-color: #000;
background:url('../img/parts/nnm/body-bg.jpg') 0 0 repeat-x #000;
}

#container{
width:980px;
margin:0 auto;
}

#container  .logo{
height:243px;
position:absolute;
z-index:1;
top:24px;
padding-left:20px;
}

#super-nav{
margin-bottom:125px;
width:100%;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
}

#container #super-nav #nav-options{
width:480px;
height:60px;
background-image:url('../img/parts/boc/super-nav.png');
background-repeat:no-repeat;
float:right;
}


#container #super-nav #nav-options ul{
padding-left:0px;
padding-top:6px;
}

#container #super-nav #nav-options li{
display:inline;
text-transform:uppercase;
margin-left:18px;
padding-top:11px;
padding-bottom:8px;
color:#999999;
}

#container #super-nav #nav-options li a{
color:#000;
font-weight:600;
}

#container #super-nav #nav-options li.mcac-link{
margin-right:20px;
}

#container #super-nav #nav-options li.mcac-link a:hover{
border:0px;
}

#container #super-nav #nav-options li a:hover{
border-bottom:4px solid #55BEF4;
}


#super-nav li.super-nav-current{
color:#00ADEE;
}

a{
text-decoration: none;
}

#header{
width:100%;
overflow:hidden;
margin-top:162px;
}

/*############################
######## 960 Blocks ##########
############################*/

.ninesixty-block-base{
background-color:#333333;
overflow:hidden;
}

.ninesixty-block{
margin-right:20px;
}

.ninsixty-block-finish{
margin-bottom:30px;
}

.one{
width:60px;
}

.three{
width:220px;
}

.four{
width:300px;
}

.six{
width:460px;
}

.eight{
width:620px;
}

.twelve{
width:100%;
padding:0 20px 0 20px;
}

.ninesixty-horizontal-margin-double{
margin-bottom:40px;
}

/*
#### Elements derived from base values defined above ####
*/

#container #global-nav .one{
float:left;
}

#container #index .six{
float:left;
padding-top:16px;
}

/*############################
######## 960 Blocks ##########
############################*/

#container .box-top{
background-image:url('../img/parts/boc/960-box-top.png');
background-repeat:no-repeat;
height:18px;
width:100%;
}

#container .box-bottom{
background-image:url('../img/parts/boc/960-box-bottom.png');
background-repeat:no-repeat;
height:18px;
width:100%;
}

#global-nav{
overflow:auto;
width: 100%;
background-color:#333333;
height:18px;
padding:0 20px 0 20px;
font-size:1.1em;
font-weight:700;
}

#nav
{
width:600px;
float:right;
margin-right:14px;
}

#nav li{
display:inline;
margin: 0 30px 0 0;
padding:0;
float:right;
}

/* Font colour*/

#global-nav a,#global-nav li.current a, #global-nav a:hover,#container h1 {
color:#FF0E49;
}

#global-nav ul li.current a{

}

#global-nav ul li a:hover{
/*filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;*/
color:#fff;

}
/* Font colour*/


/* ######################### 
######### Homepage #########
##########################*/

#index .six p {
padding:0;
margin:0 0px 30px 0;
color:#FFFFFF;
font-size: .9em;
line-height:18px;
}

#index .generator, #index .mate{
float:left;
background-image:url('../img/parts/boc/220-generator-button.png');
background-repeat:none;
background-position:-3px -2px;
height:223px;
}

#index .mate{
background-image:url('../img/parts/boc/220-mate-generator-button.png');
}

#index .generator .genMainButton a{
height:97px;
width:99px;
background:url('../img/parts/boc/genButton.png') 0 -3px no-repeat;
display:block;
text-indent:-9999px;
position:relative;
top:103px;
left:60px;
}

#index .generator .genMainButton a:hover{
background-position:0px -100px;
}

#index div.twelve ul{
margin-top:26px;
}

#index div.twelve ul li{
height:334px;
width:280px;
padding:10px;
float:left;
background-image:url('../img/parts/boc/challenge-box-bg.png');
background-repeat:none;
background-position:0px -3px;
position:relative;
}

#index div.challenges-findoutmore{
position:absolute;
bottom:0;
}

#index div.twelve ul li div.challenges-findoutmore img{
margin-bottom:10px;
}

#index div.twelve ul li img{
margin-bottom:20px;
}
#index div.twelve ul li h3{
margin-bottom:10px;
color:#000;
}

#index div.twelve ul li p{
font-size:.8em;
color:#000;
}

/* ##### END Homepage #####*/


/* ######################### 
######### Challenge ########
##########################*/

#challenge{
width:100%;
overflow:hidden;
}

#challenge p, #challenge .disclaimer{
color:#4d4d4d;
font-size:.9em;
margin-top:10px;
font-weight:bold;
line-height:20px;
}

#challenge .disclaimer{
float:right;
display:block;
width:255px;
margin:0 0 20px 0;
}

#container .disclaimer-checkbox{
display:block;
float:left;
width:10px;
}


#challenge .form-participate p{
margin-top:0px;
}

#challenge div.col-left{
float:left;
margin-top:26px;
}

#challenge h1.challenge-top, #challenge h1.blog-top{
background:#333333 url('../img/parts/boc/620-challenge-box-top-h1.png') no-repeat;
height:30px;
width:100%;
padding:30px 0 14px 20px;
font-size:1.6em;
color:#fff;
margin:0;
}

#challenge h1.blog-top{
background:#333333 url('../img/parts/boc/300-challenge-box-top-h1.png') no-repeat;
font-size:1.4em;
padding-left:10px;
}

#challenge h1.secondary, #challenge h1.blog-secondary {
font-size:1.4em;
background-color:#E6E6E6;
padding-top:10px;
padding-bottom:10px;
letter-spacing:1.2px;
border-bottom: 3px solid #FF0E49;
margin-bottom:25px;
}

#content #challenge h2, #content #challenge h3, #footer h4, #challenge .nextprev, #challenge .nextprev a {
font-size:1.2em;
color: #FF0E49;
margin:20px 0 0px 0;
}

#content #challenge h3{
margin:0px 0 5px 0;
font-size:1.1em;
}

#footer h4{
margin:0px 0 10px 0;
font-size:.8em;
font-weight:bold;
}

#challenge .challenge-description,#challenge .blog-challenge-description{
background-color:#E6E6E6;
width:580px;
overflow:hidden;
padding:20px 20px 30px 20px;
}
#challenge .blog-challenge-description{
width:280px;
padding:20px 10px 30px 10px;
}
#challenge div.col-right{
float:left;
margin-top:26px;
}

#container .challenge-description-top,#container .blog-description-top{
background-image:url('../img/parts/boc/620-challenge-box-top.png');
background-repeat:no-repeat;
height:10px;
width:100%;
}

#container .blog-description-top{
background-image:url('../img/parts/boc/300-challenge-box-top.png');
}

#container .challenge-description-bottom, #container .challenge-description-bottom-three-hundred{
background-image:url('../img/parts/boc/620-challenge-box-bottom.png');
background-repeat:no-repeat;
height:10px;
width:100%;
}

#container .challenge-description-bottom-three-hundred{
background-image:url('../img/parts/boc/300-challenge-box-bottom.png');
}

#container .form-participate{
width:280px;
float:left;
}

#container .form-participate .button-submit, .download-img{
cursor:pointer;
}

#container .form-participate .button-submited{
cursor:default;
}

#container .form-participate form{
width:95%;
margin:0;
}

#container .form-participate h1{
margin-bottom:20px;
}

#challenge label.error { float: none; color: red; font-size:.7em; vertical-align: top; }

#challenge .loading, #challenge .loading-cm{
display:none;
text-align:center;
}

#challenge .download-prompt, #challenge .thankyou-prompt{
display:none;
}

.blog-challenge-description form{
width:100%;
}

.blog-challenge-description .blog-break{
margin:20px auto 25px auto;
border-bottom: .1em dotted #999; 
width:100%;
}

.blog-challenge-description #blog-pagination a{
margin-top:20px;
width:100%;
overflow:hidden;
font-size:0.9em;
color:#FF0E49;
}

.blog-challenge-description #blog-pagination #blog-next{
width:35%;
float:right;
text-align:right;
}

.blog-challenge-description #blog-pagination #blog-prev{
width:35%;
float:left;
}

.blog-challenge-description .disabled {
display:none;
}


#challenge .nextprev{
width:100%;
display:block;
float:left;
font-size:1em;
margin: 0 0 20px 0;
}

#challenge .nextprev .floatLeft{
float:left;
}


#challenge .nextprev .floatRight{
float:right;
padding-right:40px;
}
/* ##### END Challenge #####*/


/* Image Hover */


#content{
overflow:hidden;
width: 100%;
}


#content .info-box-main, #content .info-box{
float:left;
width:286px;
margin-right:30px;
}

#content .info-box-main{
width:600px;
}

#content h1, #content h2,#content h3 {
font-weight:bold;
margin: 0 0px 30px 0px;
}

#global-nav a{
font-size: .9em;
}


#content .articles-news h1, #content .info-box h1, #content .archive-box ul li h1, #content .archive-box h1, #content #article-content-list ul li .content-snip h1, #content #support-us .support-specialcase{
font-size: 1em;
}


#content p,#flashMessage{

}
#flashMessage{

}

#content a, #content .specialcase, #content p a{

}

#content p a{

}
#content p a:hover{

}
#content .specialcase{
border-bottom:0px;
}

#content .title-awareness{
background-image:url('../img/parts/nnm/title-awareness.jpg');
}

#content .title-symptoms{
background-image:url('../img/parts/nnm/title-symptoms.jpg');
}

#content .title-bloke{
background-image:url('../img/parts/nnm/title-bloke.jpg');
}

#content .title-doctor{
background-image:url('../img/parts/nnm/title-doctor.jpg');
}

#content .title-leaflet{
background-image:url('../img/parts/nnm/title-leaflet.jpg');
}

#content .title-campaign{
background-image:url('../img/parts/nnm/title-campaign.jpg');
}

#content .title-evaluation{
background-image:url('../img/parts/nnm/title-evaluation.jpg');
}

#content .title-welcome{
background-image:url('../img/parts/nnm/title-welcome.jpg');
}

#content .title-news{
background-image:url('../img/parts/nnm/title-news.jpg');
}

#content .title-news{
background-image:url('../img/parts/boc/boc_news_events_header.png');
}

#content .title-image{
margin-top:18px;
height:45px;
width:400px;
background-repeat:no-repeat;
background-position:top left;
}


/* ============ Form  ================= */

/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}
fieldset {
	border: 0px solid #ccc;
	margin-top: 10px;
	padding: 10px 0px;
}
fieldset legend {
	color:#4D4D4D;
	font-size: 1em;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 1em;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: .5em;
	padding: 0em;
	vertical-align: text-top;
}
form div.input {
	color: #444;

}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 0px;
	margin-left: 0px;
}
label {
	display: block;
	font-size: .9em;
	padding-right: 20px;
margin-bottom:5px;
margin-top:5px;
}
input, textarea {
	clear: both;
	font-size: .9em;
	padding: 2px;
	width: 98%;
border:1px solid #4d4d4d;
}
select {
	clear: both;
	font-size: 1em;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 1em;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 1px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
	color:#999999;

}

.submit input{
border:0px solid #000;
}



/* ============ Form  ================= */

/* ============ Footer  ================= */


html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#content {padding-bottom: 100px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -70px; /* negative value of footer height */
	height: 450px;
	clear:both;
	background-image:url('../img/parts/boc/footer-head.jpg');
	background-repeat:repeat-x;
	background-position:center -50px; /*x y*/
	background-color:#1A1A1A;
} 



#foot-text{
padding: 160px 20px 0 20px;
width:960px;
margin: 0 auto;
overflow:hidden;
}

#foot-text ul{
margin-bottom:20px;
}

#foot-text ul li,#foot-text ul li a, #foot-text span,#foot-text span a {
font-size:.9em;
font-weight:bold;
margin-bottom:4px;
color:#999999;
}

#foot-text ul li a:hover, #foot-text span a:hover{
color:#fff;
}

#foot-text span {
font-size:.8em;
font-weight:normal;
}
#foot-text span a{
text-decoration:underline;
}
.footer-block{
float:left;
}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

/* ============ Footer  ================= */
/* ============ Pagination  ================= */

.disabled{
display:none;
}

/* ============ Facts Ticker  ================= */


/* ============ Article Lists ========= */

#article-content-list{
overflow: hidden;
width: 100%;
min-height:500px;
padding-left:40px;
}
#article-content-list p{
margin-top:0;
color:#e6e6e6;
font-size:.72em;
margin-bottom:10px;
}

#article-content-list p a{
color:#FF0E49;
}

#article-content-list .content-snip h1, #container .archive-box h1 {
color:#e6e6e6;
margin-bottom:6px;
}

#article-content-list ul{
margin-top:20px;
}
#article-content-list ul li, #article-content-list ul li .end{
display:block;
float:left;
width:450px;
height:84px;
margin:0 22px 22px 0;
}

#article-content-list ul li .end{
margin:0 0 22px 0;
}

#article-content-list ul li .content-snip img{
float:left;
margin: 0 22px 0 0;
border: 1px solid #FF0E49;
}

#support-us .articles-news img{
  border: 0px solid #000;
text-align:center;
}

/* ============ Article Lists ========= */

/* ============ NewsPage  ================= */


#container  .articles-news,#container  .articles-news-head{
width:620px;
float:left;
padding-left:40px;
background-repeat:repeat-y;
background-position:top left;
margin-bottom:30px;
margin-right:30px;
min-height:620px;
}

#container .articles-news-nocloud{
background-image:none;
}

#container  .articles-news-head{
width:622px;
padding-left:0px;
background-image:none;
min-height:130px;
margin:0;
}

#container  .articles-news h3{
font-size:1em;
font-weight:normal;
margin:10px 0 10px 0;
color:#78CD37;
}
#container  .articles-news p span, #container  .articles-news li span{
font-weight:bold;
}

#container .archive-box a, #content .articles-news p a{
color:#FF0E49;
}

#content .articles-news p a, #article-content-list p a, #container .archive-box a{
text-decoration:underline; 
}

#container .archive-box,#container .archive-box-head{
float:left;
width:280px;
}
#container .archive-box-head{
width:300px;
}
#container .archive-box h2, #content .articles-news h2, #container #article-content-list h2{
color:#FF0E49;
font-size:1.3em;
font-weight:normal;
margin:0 0 20px 0;
}


#container .archive-box-head #main-nav{
padding-left:70px;
font-weight:bold;
}
#container .archive-box-head #main-nav li {
font-size:.8em;
float:left;
margin:0 0 0 4px;
padding:0;
text-transform:uppercase;

}
#container .archive-box-head #main-nav li a{
color:#999999;
}
#container .archive-box-head #main-nav li.current a{
color:#78CD37;
}

#container .archive-box-head #main-nav li a:hover{
color:#ccc;
}

#content .articles-news img{
border: 1px solid #FF0E49;
}

#content .articles-news p img{
border: none;
float:left;
margin-right:8px;
}

#content .articles-news .articles-news-title{
height:50px;
font-size:1.3em;
color: #FF0E49;
text-transform:capitalize;
border-bottom:2px solid #FF0E49;
}


#content .articles-news p, #content .articles-news .articles-news-title p, #content .articles-news ul li, #content .archive-box p{
margin:10px 0;
font-weight:normal;
font-size:1em;
line-height:1.3em;
color:#e6e6e6;
}
#content .articles-news .articles-news-title p {
font-size:.6em;
line-height:normal;
margin:5px 0;
color:#e6e6e6;
}

#content  .news-para p, #content .archive-box p{
font-size:.8em;
}

#content .articles-news ul{
padding-left:0px;
margin:20px 0;
}
#content .articles-news ul li{
list-style:none;
padding:0;
margin:5px 0;
}

#content .archive-box img{
border:none;
}

.archive-box ul li{
display:block;
margin-bottom:16px;
}
/* ============ NewsPage  ================= */