body.maintenance-page {
  background-color: #fff;
  color: #000;
}
.maintenance-page #page-wrapper {
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
  width: 800px;
  border: 1px solid #ddd;
  margin-top: 40px;
}

.maintenance-page #main-wrapper {
	background:#fff;
  min-height: inherit;
}
.maintenance-page #header,
.maintenance-page #messages,
.maintenance-page #main {
  width: auto;
}

.maintenance-page #page,
.maintenance-page #header div.section,
.maintenance-page #main {
  width: 800px;
}

.maintenance-page #messages {
  width: 780px;
}

.maintenance-page #main {
  margin: 0;
}
.maintenance-page #content .section {
  padding: 0 0 0 10px;
}
.maintenance-page #header {
  background-color: #fff;
  background-image: none;
}
.maintenance-page #name-and-slogan {
  margin-bottom: 50px;
  margin-left: 0;
  padding-top: 20px;
  font-size: 90%;
}
.maintenance-page #name-and-slogan,
.maintenance-page #name-and-slogan a,
.maintenance-page #name-and-slogan a:hover,
.maintenance-page #name-and-slogan a:hover {
  color: #777;
}
.maintenance-page  h1#page-title {
  line-height: 1em;
  margin-top: 0;
}
.maintenance-page #messages {
  padding: 0;
  margin-top: 30px;
}
.maintenance-page #messages div.section {
  padding: 0;
}
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 1200 Wide
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 1200 Grid
================================================== */

    .container-12 { position: relative; width: 1200px; margin: 0 auto; padding: 0; }

	.grid-1,
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6,
	.grid-7,
	.grid-8,
	.grid-9,
	.grid-10,
	.grid-11,
	.grid-12
	{ float: left; display: inline; margin-left: 15px; margin-right: 15px; }

	/* Nested Column Classes */
    .container-12 .alpha               { margin-left: 0; }
    .container-12 .omega               { margin-right: 0; }

    .container-12 .grid-1			{ width: 70px;  }
    .container-12 .grid-2			{ width: 170px; }
    .container-12 .grid-3			{ width: 270px; }
    .container-12 .grid-4			{ width: 370px; }
    .container-12 .grid-5			{ width: 470px; }
    .container-12 .grid-6			{ width: 570px; }
    .container-12 .grid-7			{ width: 670px; }
    .container-12 .grid-8			{ width: 770px; }
    .container-12 .grid-9			{ width: 870px; }
    .container-12 .grid-10			{ width: 970px; }
    .container-12 .grid-11			{ width: 1070px; }
    .container-12 .grid-12			{ width: 1170px; }

	
/* Pref/Suf Styles */
	.container-12 .prefix-1 		{padding-left:100px;}
	.container-12 .prefix-2 		{padding-left:200px;}
	.container-12 .prefix-3 		{padding-left:300px;}
	.container-12 .prefix-4 		{padding-left:400px;}
	.container-12 .prefix-5 		{padding-left:500px;}
	.container-12 .prefix-6 		{padding-left:600px;}
	.container-12 .prefix-7 		{padding-left:700px;}
	.container-12 .prefix-8 		{padding-left:800px;}
	.container-12 .prefix-9 		{padding-left:900px;}
	.container-12 .prefix-10 		{padding-left:1000px;}
	.container-12 .prefix-11 		{padding-left:1100px;}
	
	.container-12 .suffix-1 		{padding-right:100px;}
	.container-12 .suffix-2 		{padding-right:200px;}
	.container-12 .suffix-3 		{padding-right:300px;}
	.container-12 .suffix-4 		{padding-right:400px;}
	.container-12 .suffix-5 		{padding-right:500px;}
	.container-12 .suffix-6 		{padding-right:600px;}
	.container-12 .suffix-7 		{padding-right:700px;}
	.container-12 .suffix-8 		{padding-right:800px;}
	.container-12 .suffix-9 		{padding-right:900px;}
	.container-12 .suffix-10 		{padding-right:1000px;}
	.container-12 .suffix-11 		{padding-right:1100px;}


	.view-content:after	{
		content: '';
		width: 100%;
		clear: both;
		display: block;
	}




/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container-12:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
/* *********************************************************
* Common Fixes
****************************************************** */
#header{
	z-index:9999;
}

h3{
    margin-top:10px;
    margin-bottom:10px;
}

#about_container {
    min-height: 125px;

    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;

    min-width: 100%
} 

.views-field-field-service-icon div img{
	height:50px !important;
}

.views-field-field-theme-image{
	text-align:center;
}

/* Footer Fixes */
div.region-footer section.block h2{
	color:#999;
}

/*Image remove boxes*/
.removeBox{
  padding: 0px !important;
  background: transparent !important;
  border: 0px !important;
}

/*Home page fix */
.view-Our-Publications{
	font: 14px/21px "Trebuchet MS";
}

/*About us*/	
.drugFacts, .elementarySafety, .teenageSurvival, .greenPlanet {
    width: 200px;
    height: 125px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1
}

#about_container {
    min-height: 125px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    min-width: 100%
}

@media only screen and (max-width: 1000px)  {
	.drugFacts, .elementarySafety, .teenageSurvival, .greenPlanet {
		width: 45%;
	}
	#about_container {
		text-align: center;
	}
}
#about_container2 {
    min-height: 73px;
    text-align: center;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    min-width: 100%
}


.solicitor, .victimOfViolence{
	width: 300px;
    height: 73px;
    vertical-align: top;
    display: inline-block;
    zoom: 1
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

/*Contact Us*/

#contact-top-left{
	float:left; 
	overflow:hidden; 
	width:42%
}
#contact-top-right{
	float:left; 
	overflow:hidden;
	width:55%;
	margin-top: 20px;
}

@media only screen and (max-width: 650px)  {
	#contact-top-left{
		width: 85%;
	}
	#contact-top-right{
		display: none;
	}
}


#contact-image {
    position: relative;
}

#contact{
    margin-left:42px;
}

div#contact ul{
    margin-left:14px;
}

ul.NoBullet {
    list-style-type: none;
}

.contact{
	margin-left:42px;
}

/*Sitemap*/
ul#sitemap li{
    margin-left:15px;
}

/*News View*/
div.view-id-news a {
    font-size: 14px;
    line-height: 16px;
}

div.view-id-news_title a {
    font-size: 14px;
    line-height: 16px;
}

div.view-id-must_read a{
    font-size: 14px;
    line-height: 16px;
}

/* News pages */
.rteindent1 {
	margin-left: 40px;
}

/*Ben wicks*/
.ben-wicks{
    float:left; 
    padding-right:10px !important; 
    padding-bottom:10px !important;
}

/*Ben wicks award*/
div.ben-wicks-award{
    text-align: center;
    font-size: 12px;
}

/*Careers*/
#applyingAtRMC{
    padding-left:15px;
}

#apply{
    padding-left: 30px;
}

.rightForUs{
    padding-left: 25px;
}

.qualities{
    padding-left: 40px;
}

ul.jobDescription{
    padding-left: 20px;
}

ul.jobDescription li{
    padding-bottom: 15px;
}

div#jobDesc-left{
    float:left; 
    width:70%
}

div#jobDesc-right{
    width:30%; 
    float:left;
	text-align:center;
}

div.jobDesc-images{
    width:100%;
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}  
div#bwadvertimg{
    display: table;
    display: -moz-deck;
    width: 100%;
}

div#coloradimg{
    display: table;
    width: 100%;
}
    
div#coloradimg span{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

/*Distribution */
p.distributionArea{
    margin-bottom: 10px;
}

div.distributionApps{
    text-align:center; 
    margin-left:auto; 
    margin-right:auto
}

div.distributionApps a{
    display: inline-block;
}

div#books{
    width:100%; 
    height:185px;
}

ul.distribution{
    margin-left:30px;
}

div#iconContainer{
    min-height: 125px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.webTeen, .webDrug, .webGreen, .webElementary {
    vertical-align: top;
    display: inline-block;
    zoom: 1
}

/* resizing website*/
@media only screen and (min-width: 750px)  {
    /*News*/
    div#news-left{
        float:left; 
        width: calc(100% - 400px);
    }
    
    div#news-right{
        float:right; 
        width: 350px;
    }
    
    /*MPF*/
    div#mpf-left{
        float:left; 
        width: calc(100% - 550px);
    }
    
    div#mpf-right{
        float:right; 
        width: 520px;
    }

    /*Ben-wicks-award*/
    div#ben-wicks-left{
        /*float:left; 
        width: calc(100% - 550px);*/
    }
    
    div#ben-wicks-right{
        float:right; 
        width: 520px;
    }

    /*Are we right for you*/
    div#rightForYou-left{
        float:left;
        width: calc(100% - 350px);
    }
    
    div#rightForYou-right{
        float:right;
        width: 300px;
    }
    
    /*Career Overview*/
    div#careerOver-left{
        float:left;
        width: calc(100% - 300px);
    }
    
    div#careerOver-right{
        float:right;
        width: 300px;
    }
    
    div#careerOver-left-4{
        float:left;
        width: 450px;
    }
    
    div#careerOver-right-4{
        float:left;
    }
	
	
    /*B n W advert */
    div#bwadvert-left{
        float:left;
        width: calc(50% - 25px);
    }
    
    div#bwadvert-right{
        float:right;
        width: calc(50% - 25px);
    }
    
    /*Color Ad*/
    div#colorad-left{
        float:left;
        width: calc(50% - 25px);
    }
    div#colorad-right{
        float:right;
        width: calc(50% - 25px);
    }
    
    /*Free Books*/
    div#freeBooks-left{
        float:left;
        width: 50%
    }
    div#freeBooks-right{
        float:left;
        /*width: calc(100% - 450px);*/
        width:50%;
    }
}

@media only screen and (max-width: 751px)  {
    /*News*/
    div#news-left{
        float:left; 
        width: calc(100% - 50px);
    }
    
    div#news-right{
        float:left; 
        width: calc(100% - 50px);
    }
    
    /*MPF*/
    div#mpf-left{
        float:left; 
        width: calc(100% - 50px);
    }
    
    div#mpf-right{
        float:left; 
        width: calc(100% - 50px);
    }

    /*Ben-wicks-award*/
    div#ben-wicks-left{
        float:left; 
        width: calc(100% - 50px);
    }
    
    div#ben-wicks-right{
        float:left; 
        width: calc(100% - 50px);
    }

    /*Are we right for you*/
    div#rightForYou-left{
        float:left;
        width: calc(100% - 50px);
    }
    
    div#rightForYou-right{
        float:right;
        width: calc(100% - 50px);
    }
    
    /*Career Overview*/
    div#careerOver-left{
        float:left;
        width: calc(100% - 50px);
    }
    
    div#CareerOver-right{
        float:right;
        width: calc(100% - 50px);
    }
    div#jobDesc-left{
        float:left;
        width: calc(100% - 50px);
    }
    
    div#jobDesc-right{
        /*float:right;
        width: calc(100% - 50px);
		text-align:right;
		padding-right:20px;*/
        display: none;
    }
	
	
    /*B n W advert */
    div#bwadvert-left{
        float:left;
        width: calc(100% - 50px);
    }
    
    div#bwadvert-right{
        float:left;
        width: calc(100% - 50px);
    }
    
    /*Color Ad*/
    div#colorad-left{
        float:left;
        width: calc(100% - 50px);
    }
    
    div#colorad-right{
        float:left;
        width: calc(100% - 50px);
    }
    
    /*Free Books*/
    div#freeBooks-left{
        float:left;
        width: 100%;
    }
    div#freeBooks-right{
        float:left;
        width: 100%;
    }    
}

@media only screen and (min-width: 1250px)  {
    div#bwadvertimg span{
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 1251px)  {
    div#bwadvertimg span{
        display: inline;
        text-align: center;
        vertical-align: middle;
    }
}

/* **************************************************
* Page Related CSS
***************************************************** */

.rmc-news-list{
	list-style: disc !important;
}

.addthis_toolbox{
	float:right;
}

.live-site-title{
	text-align:center;
	margin-bottom:20px;
}

li.views-fluid-grid-item {                 /* For live sites and samples grid*/
	background-color: inherit !important;
	border: none !important;
}


/* ****************************
* Websites view 
******************************* */
/*div.views-field-field-theme-image{
  background-image: url('/rmc2015/sites/all/common_images/comp_bg.png');
  height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  }
  */
div.views-field-field-theme-image div img{
	/*margin-top: 25px;
	margin-left: 31px; */
	border: 0 !important;
	padding:0px !important;
	background:transparent !important;
}
.web-development-site-url{
	text-align:center;
}

/* Ben Wicks Award winner pages */
div#left-of-left2{
	float:left; 
	margin-right:10px
}

div.career-section{
	padding-top:30px;
	clear:both; 
}

div.career-section-body{
	margin-left:10px;
}

div#career-overview-list-content{
	padding-left:15px;
}

div.jobDesc-logo-images{
	width:100%;
	text-align:center;
}

div.jobDesc-one-logo-image, div.jobDesc-one-logo-image-first{
	width:50%;
	float:left;
	margin-bottom:20px;
}

ul.elementary{
    padding-left: 40px;
}

ul.drugfacts{
    padding-left: 40px;
}

ul.teenage{
    padding-left: 40px;
}

ul.greenplanet{
    padding-left: 40px;
}

p.advertising{
    margin-bottom: 5px;
}

div#advertising {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    min-width: 100%;
}

@media only screen and (min-width: 1200px){
    div#advert2{
        float:left;
    }  
    div#advert3{
        text-align: center;
    }  
}
@media only screen and (max-width: 1199px)  {
    div#advertising {
        text-align: center;
    }
}

@media only screen and (min-width: 750px)  {
    div#images-left{
        float:left;
        width: 350px; 
    }
    div#text-right{
        float:right; 
        width: calc(100% - 400px);
    }
}

@media only screen and (max-width: 751px)  {
    div#images-left{
        float:left; 
        width: calc(100% - 50px);
    }
    div#text-right{
        float:left; 
        width: calc(100% - 50px);
    }
}

div.template-images a img{
       background: #fff !important;
       padding:3px !important;
} 

div#block-block-7{
	clear:both;
}

div.three-column-text{
	margin-bottom:10px;
}

#social {
  float: right;
  margin-top: -35px;
  margin-right: 12px;
}