/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */
#wrapper {
	width:980px;
	margin: auto;
	padding:0 20px;
}

#header {
	position:relative;
	z-index:2;
	padding:30px 0 0 0;
}

.front-container,
.region-footer .column-wrapper  {
	margin-left:-16px;
	margin-right:-16px;
}

.front-container .four-column,
.region-footer .column  {
	width:220px;
	float:left;
	padding:0 16px;
}

.no-sidebars #content {
	padding-left:18px;
	padding-right:18px;
}
.front.no-sidebars #content {
	padding-left:0;
	padding-right:0;
}

.one-sidebar #content{
	width:680px;
	padding:0 20px;
	float:left;
}

.two-sidebars #content{
	width:479px;
	padding:0px 0px 0 32px;
	float:left;
}

.one-sidebar.sidebar-first #content {
	width:715px;
	padding:0px 0px 0 30px;
	float:left;
	margin-top:-3px;
}

#sidebar-left {
	width:196px;
	float:left;
	padding-right:10px;
	padding-left:20px;
}

.one-sidebar.sidebar-first #sidebar-left {
	width:205px;
	padding-right:0;
}

#sidebar-right {
	width:210px;
	float:left;
	padding-left:20px;
}

body.node-type-landing #content{
	padding:0;
	width:470px;
} 

body.node-type-landing #sidebar-right {
	width:450px;
	padding-left:35px;
}

body.node-type-landing .side-column-left,
body.node-type-landing .side-column-right{
	width:201px;
	float:left;
	padding-top:22px;
}

body.node-type-landing .side-column-left {padding-right:23px;}
body.node-type-landing .side-column-right {padding-left:25px;}

.region-footer {
	width:980px;
}


/* #Tablet (Portrait)
================================================== */
@media only screen and (min-width: 959px) {
.page-clinical-services .data_vis {margin:0 0 0 -235px;}
}
    /* Note: Design for a width of 768px */
/*------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*------------------------------------------------------------------------------------------*/
#wrapper {
	width:700px;
	padding:0 30px;
	overflow:hidden;
}

.front-container .three-column,
.region-footer .column {
	width:212px;
	float:left;
	padding:0 16px;
}

.region-footer {
	width:700px;
}

.region-footer address.column {
	clear:both;
	width:auto;
	padding-top:46px;
}


.one-sidebar #content,
body.node-type-landing #content{
	width:450px;
	padding-right:0;
}

#sidebar-right,
body.node-type-landing #sidebar-right {
	width:210px;
}

body.node-type-landing #sidebar-right {
	padding-left:40px;
}

#sidebar-left {
  width:190px;
}
.two-sidebars #sidebar-right {
	float:none;
	width:460px;
	clear:both;
	margin-left:245px;
	padding-left:0;
}

.two-sidebars #content {
	width:456px;
	padding-left:24px;
}


.one-sidebar.sidebar-first #content {
	width:454px;
	padding:0px 0px 0 16px;
	float:left;
}

body.node-type-landing .side-column-left,
body.node-type-landing .side-column-right{
	width:auto;
	float:none;
	padding-top:0;
}

.two-sidebars .side-column-left {
	width:216px;
	float:left;
	margin-right:14px;
}
.two-sidebars .side-column-right{
	width:216px;
	float:left;
	margin-left:14px;
}

body.node-type-landing .side-column-left {padding-right:0;}
body.node-type-landing .side-column-right {padding-left:0;}

.one-sidebar.sidebar-first #sidebar-left {
	width:200px;
	padding-right:10px;
}


/*------------------------------------------------------------------------------------------*/
}
/*------------------------------------------------------------------------------------------*/

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */
/*------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
/*------------------------------------------------------------------------------------------*/
#wrapper {
	width:280px;
	padding:0 20px;
}

.front-container .three-column,
.front-container .four-column,
.region-footer .column {
	width:auto;
	float:none;
	padding:0;
}

.region-footer {
	width:280px;
}

.front-container,
.region-footer .column-wrapper  {
	margin-left:0;
	margin-right:0;
}


.region-footer address.column {
	clear:both;
	width:auto;
	padding-top:46px;
}

.front-container .four-column,
.region-footer .column {
	width:auto;
	float:none;
	clear:both;
}

.one-sidebar #content,
body.node-type-landing #content,
.two-sidebars #content,
.one-sidebar.sidebar-first #content {
	float:none;
	width:auto;
	padding-left:0;
	padding-right:0;
}

.two-sidebars #content {
	padding-top:0;
}

#sidebar-right,
body.node-type-landing #sidebar-right,
body.node-type-landing .side-column-left,
body.node-type-landing .side-column-right,
.one-sidebar.sidebar-first #sidebar-left,
.one-sidebar.sidebar-first #content {
	float:none;
	width:auto;
	padding-left:0;
}

body.node-type-landing .side-column-left {padding-right:0;}
body.node-type-landing .side-column-right {padding-left:0;}

#sidebar-left {
	width:auto;
	padding:0;
	float:none;
	/*margin-bottom:50px;*/
}

.no-sidebars #content {
	padding-top:0;
	padding-left:0;
	padding-right:0;
}

/*------------------------------------------------------------------------------------------*/
}
/*------------------------------------------------------------------------------------------*/


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */
/*------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*------------------------------------------------------------------------------------------*/
#wrapper,
.region-footer {
	width:440px;
}




/*------------------------------------------------------------------------------------------*/
}
/*------------------------------------------------------------------------------------------*/


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

/* Self Clearing Goodness */
#container:after,
#tv:after,
.front-container:after,
.column-wrapper:after,
#bottom:after,
#footer .footer-menu:after,
.green-module:after,
.subscribe-module:after,
body.node-type-landing:after,
.video-items-list:after,
#alphabet:after,
.person-page:after,
.accordeon-content:after,
.map-columns:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}