/* @override http://new.aclab.ca/css/ACLAB.css */



/*--------------------------------------------------------*/
/* General Styles */
/*--------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
	font-family: "Helvetica Neue", "Helvetica", sans-serif;
/*	text-shadow: #000000 2px 2px 0px; */
}


body {
	background-color: #e5ecf3;
}


#wrapper {
	width: 800px;
	margin: 0 auto;
	font-size: 10pt;
}

h1 {
	font-size: 15pt;
	font-weight: 100;
}

/* HEADER */

#header {
	width: 780px;
	height: 65px;
	padding-left: 20px;
	background-color: #363537;
}

#banner {
	padding-top: 20px;
}

/*---ROSE ANNOUNCEMENT-->*/

#roseBody {
	height: 37px;
	background: url(../img/rosetintedbanner.png);
	
}

#roseWrapper {
	width: 800px;
	margin: 0 auto;
	font-size: 10pt;
	background: url(../img/rosetintedbanner.png);
	background-color: #363537;
	height: 37px;
	text-align: right;
	padding-top: 8px;
}

#roseWrapper a {
	text-decoration: none;
	letter-spacing: 0em;
	color: #000000
}

/*--------------------------------------------------------*/
/* NAVIGATION */
/*--------------------------------------------------------*/

#navigation {
	background: url(../img/navigation.gif);
	height: 40px;
	width: 800 px;
	margin-bottom: 20px;
}

#navigation ul {
	width: 793px;
	list-style-position: inside;
	list-style-type: none;
	padding-left: 0px;
	padding-top: 9px;
}

/* Link Text Settings */

#navigation a {
	text-decoration: none;
	color: white;
}

#navigation li {
	float: right;
	padding-top: 5px;
	text-align: center;
	height: 24px;
}

/* Link Widths */

#homeLink {
	width: 61px;
}

#researchLink {
	width: 80px;
}

#pressLink {
	width: 64px;
}

#publicationsLink {
	width: 99px;
}

#peopleLink {
	width: 68px;
}

#volunteerLink {
	width: 84px;
}

#contactLink {
	width: 71px; 
}

/* Link Hover Settings (Background Box) */

#homeLink:hover {
	background: url(../img/homeOver.png) no-repeat;
}

#researchLink:hover {
	background: url(../img/researchOver.png) no-repeat;
}

#pressLink:hover {
	background: url(../img/pressOver.png) no-repeat;
}

#publicationsLink:hover {
	background: url(../img/publicationsOver.png) no-repeat;
}

#peopleLink:hover {
	background: url(../img/peopleOver.png) no-repeat;
}

#volunteerLink:hover {
	background: url(../img/volunteerOver.png) no-repeat;
}

#contactLink:hover {
	background: url(../img/contactOver.png) no-repeat;
}

/*--------------------------------------------------------*/
/* Content -- General Styles */
/*--------------------------------------------------------*/


/* MAIN */

/* Main Section Settings */ 

div.main {
	background: url(../img/borderTop.gif) no-repeat;
	background-color: white;
	width: 800 px;
}

/* Content */ 

div.content {
	width: 770px;
	margin: 0 auto;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
}

/* Content Text Settings */

div.about a, div.research a, div.affectWrapper a, div.cognitionWrapper a, div.coverage a {
	text-decoration: none;
	color: black;
}

/* Middle & Bottom Stuff */

div.secondary, div.middle {
	background: url(../img/divider.gif) no-repeat;
	background-color: white;
	padding-top: 34px;
}

div.secondaryContent, div.middleContent {
	width: 780px;
	margin: 0 auto;
	padding-top: 14px;
	padding-right: 10px;
	padding-left: 10px;
}

#footer {
	background: url(../img/borderBottom.gif) no-repeat;
}

#footer p {
	padding-top: 42px;
	margin-left: 20px;
	color: rgb(200,200,200);
}


/*--------------------------------------------------------*/
/* Content -- HOME -- About */
/*--------------------------------------------------------*/

div.about {
	background: url(../img/investigators.png) no-repeat;
	text-align: justify;
	color: #363537;
	width: 770px;
	margin: 0 auto;
}

div.about p {
	padding-top: 35px;
	padding-left: 0px;
	padding-right: 0px;

}

div.about a {
	text-decoration: none;
	color: black;
}

#pub {
	color: #363537;
	text-decoration: underline;
}

/* Content Text Padding */


#buttonAffect p, #buttonCognition p {
	padding-bottom: 0px;
	padding-top: 35px;	
}

#buttonCognition img {
	float: right;
	border: none;
	margin-left: 15px;
}

#buttonAffect img {
	float: left;
	border: none;
	margin-right: 15px;
}

#buttonAffect, #buttonCognition {
	background-color: black;
	border-width: 1px;
	border-style: solid;
	color: #363537;
	width: 697px;
	background-position: bottom;
	text-align: justify;
	font-size: 9pt;
	overflow: hidden;
	height: 138px;
	border-color: white;
}

#buttonAffect {
	background: url(../img/affect2.png) no-repeat top right;
	background-color: #d3e6ef;
	padding-right: 70px;
}

#buttonCognition {
	background: url(../img/cognition2.png) no-repeat top left;
	background-color: #d3e6ef;
	padding-left: 70px;
}

#buttonAffect:hover, #buttonCognition:hover {
	border-color: #363537;
}

#filler {
	height: 14px;
}


/*--------------------------------------------------------*/
/* Content -- HOME -- Coverage */
/*--------------------------------------------------------*/

div.coverageLinks {
	background: url(../img/coverage.png) no-repeat;
	text-align: justify;
	color: #363537;
	width: 770px;
	margin: 0 auto;
	padding-bottom: 5px;
}

div.coverageLinks {
	background: url(../img/coverage.png) no-repeat top left;
	text-align: justify;
	color: #363537;
	padding-top: 40px;
}

div.coverageLinks a {
	text-decoration: none;
	color: black;
}

.thinborderfloat {
  float: left;
  border: solid 1px silver;
  padding: 5px;
  margin-right: 10px;
 }

#buttonPosAffect p, #buttonUtmag p, #buttonNewsci p, #buttonAmnh p, #buttonMeditation p, #buttonFacial p, #buttonGlobe p, #buttonGuard p {
	padding-bottom: 0px;
	padding-top: 35px;	
}

#buttonPosAffect img {
	float: right;
	border: none;
	margin-left: 15px;
}

#buttonNewsci img {
	float: right;
	border: none;
	margin-left: 15px;
}

#buttonAmnh img {
	float: left;
	border: none;
	margin-right: 15px;
}

#buttonFacial img {
	float: left;
	border: none;
	margin-right: 15px;
}

#buttonMeditation img {
	float: left;
	border: none;
	margin-right: 15px;
}

#buttonUtmag img {
	float: left;
	border: none;
	margin-right: 15px;
}

#buttonGlobe img {
	float: right;
	border: none;
	margin-left: 15px;
}

#buttonGuard img {
	float: left;
	border: none;
	margin-right: 15px;
}

#buttonPosAffect, #buttonGlobe, #buttonAmnh, #buttonUtmag, #buttonMeditation, #buttonFacial, #buttonNewsci, #buttonGuard {
	background-color: black;
	border-width: 1px;
	border-style: solid;
	color: #363537;
	width: 697px;
	border-color: white;
	background-position: bottom;
	text-align: justify;
	font-size: 9pt;
	overflow: hidden;
	height: 138px;
}

#buttonPosAffect {
	background: url(../img/positiveaffectandattention.png) no-repeat top left;
	background-color: #d3e6ef;
	padding-left: 70px;
}

#buttonNewsci {
	background: url(../img/newsci.png) no-repeat top left;
	background-color: #d3e6ef;
	padding-left: 70px;
}

#buttonAmnh {
	background: url(../img/amnh.png) no-repeat top right;
	background-color: #d3e6ef;
	padding-right: 70px;
}

#buttonUtmag {
	background: url(../img/utmag.png) no-repeat top right;
	background-color: #d3e6ef;
	padding-right: 70px;
}

#buttonFacial {
	background: url(../img/facial2.png) no-repeat top right;
	background-color: #d3e6ef;
	padding-right: 70px;
}

#buttonMeditation {
	background: url(../img/meditationandemotion.png) no-repeat top right;
	background-color: #d3e6ef;
	padding-right: 70px;
}

#buttonGlobe {
	background: url(../img/globe.png) no-repeat top left;
	background-color: #d3e6ef;
	padding-left: 70px;
}

#buttonGuard {
	background: url(../img/guard.png) no-repeat top right;
	background-color: #d3e6ef;
	padding-right: 70px;
}

#buttonPosAffect:hover, #buttonUtmag:hover, #buttonNewsci:hover, #buttonAmnh:hover, #buttonMeditation:hover, #buttonFacial:hover, #buttonGlobe:hover, #buttonGuard:hover {
	border-color: #6cb7d5;
	border-color: #363537
}

/*--------------------------------------------------------*/
/* Content -- HOME -- Internal */
/*--------------------------------------------------------*/

div.internal {
	background: url(../img/internal.png) no-repeat top left;
	text-align: justify;
	color: #363537;
	width: 770px;
	margin: 0 auto;
}

div.internal p {
	padding-bottom: 5px;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 180px;	
}

/*--------------------------------------------------------*/
/* Content -- RESEARCH */
/*--------------------------------------------------------*/

div.research {
	background: url(../img/research.png) no-repeat;
	text-align: justify;
	color: #363537;
	width: 770px;
	margin: 0 auto;
}

div.affect {
	background: url(../img/affect.png) no-repeat;
	text-align: justify;
	color: #363537;
	width: 780px;
	margin: 0 auto;
}

div.cognition {
	background: url(../img/cognition.png) no-repeat;
	text-align: justify;
	color: #363537;
	width: 780px;
	margin: 0 auto;
}

div.research p {
	padding-bottom: 5px;
	padding-top: 40px;
}

div.affect p, div.cognition p {
	padding-bottom: 10px;
	padding-top: 40px;
	padding-left: 5px;
	padding-right: 5px;

}

div.research a, div.affect a, div.cognition a {
	text-decoration: none;
	color: black;
}

div.researchRight:hover, div.researchLeft:hover {
	border-color: rgb(220,220,220);
}

div.researchLeft, div.researchRight {
	background-color: black;
	border-width: 5px;
	border-style: solid;
	color: #363537;
	width: 770px;
	border-color: white;
	background-position: bottom;
	text-align: justify;
	font-size: 9pt;
	overflow: hidden;
}

/* Content Text Padding */

div.researchLeft p, div.researchRight p {
	padding-bottom: 0px;
	padding-top: 35px;
	padding-right: 15px;
	padding-left: 180px;	
}

div.researchLeft p {
	padding-left: 70px;
}

div.researchRight p {
	padding-right: 70px;
}

#spacer {
	height: 136px;
	width: 1px;
	float: right;
}

#clear {
    clear:both;
    height:1px;
    overflow:hidden;
}

.researchLeft img {
	float: right;
	border: none;
	margin-left: 15px;
}

.researchRight img {
	float: left;
	border: none;
	margin-right: 15px;
}

#rats {
	background: url(../img/rats.png) no-repeat top left;
	background-color: #d3e6ef;
}

#disgust {
	background: url(../img/disgust.png) no-repeat top left;
	background-color: #d3e6ef;
}

#mindfulness {
	background: url(../img/mindfulness.png) no-repeat top right;
	background-color: #dcf0fa;
}


#expression {
	background: url(../img/expression.png) no-repeat top left;
	background-color: #d3e6ef;
}

#attention {
	background: url(../img/attention.png) no-repeat top right;
	background-color: #dcf0fa;
}

#humans {
	background: url(../img/humans.png) no-repeat top right;
	background-color: #d3e6ef;
}

#ptsd {
	background: url(../img/ptsd.png) no-repeat top right;
	background-color: #dcf0fa;
}

#home p, #about p {
	padding-top: 30px;
	width: 300px;
	float: left;
}







#selectors {
	width: 780px; 
}

#selectors ul {
	list-style-position: inside;
	list-style-type: none;
	padding-top: 5px;
}

#selectors li {
	float: right;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

#selectors a {
	text-decoration: none;
	color: black;
}

#selectors a:hover {
	text-decoration: underline;
}



.short {
	color: #a3a3a3;
	height: 28px;
	opacity: 0.10;
	background-color: #000;
}

.full {
	color: #a3a3a3;
	height: 137px;
	opacity: 1;
	background-color: #d3e6ef;
}


#adamLink {
	width: 106px;
}

#eveLink {
	width: 86px;
}

#wikiLink {
	width: 35px;
}

#volunteerLink2 {
	width: 80px;
}

#calendarLink {
	width: 65px;
}

#emailLink {
	width: 47px;
}

#cognitionLink {
	width: 66px;
}

#affectLink {
	width: 46px;
}

#allLink {
	width: 76px;
}


/*--------*/
/* People */
/*--------*/

.person#adam {
	color: white;
	background: url(/img/people/adam.png) no-repeat top left;
}

.person#eve {
	color: white;
	background: url(/img/people/eve.png) no-repeat top left;
}

.person#josh {
	background: url(/img/people/josh.png) no-repeat top left;
}

.person#matt {
	color: white;
	background: url(/img/people/matt.png) no-repeat top left;
}

.person#taylor {
	color: white;
	background: url(/img/people/taylor2.png) no-repeat top left;
}

.person#dan {
	background: url(/img/people/dan.png) no-repeat top left;
}

.person#hanah {
	background: url(/img/people/hanah.png) no-repeat top left;
}

.person#norman {
	background: url(/img/people/norman.png) no-repeat top left;
}

.person#leigh {
	background: url(/img/people/leigh.png) no-repeat top left;
}

.person#wojtek {
	background: url(/img/people/wojtek.png) no-repeat top left;
}

.person#rebecca {
	background: url(/img/people/rebecca.png) no-repeat top left;
}

#peopleList {
	width: 810px;
	height: 680px;
	position: relative;
	float: left;
	left: -5px;
}

#peopleList a {
	width: 260px;
	color: black;
	text-decoration: none;
	float: left;
	margin: 5px;
}

div.person {
	background-color: #363537;
	text-align: right;
	height: 160px;
}

div.peopleWrapper {
	width: 770px;
	height: 680px;
}

div.person div.name {
	font-size: 12px;
}

div.person div.focus {
	font-size: 11px;
}

/*-------------*/
/* Person Page */
/*-------------*/
img.mugShot {
	position: relative;
	right: 15px;

}

#personWrapper {
	width: auto;
	overflow: hidden;
}

#personLeft {
	float: left;
	width: 170px;
	background: #cce7cf;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	font-size: 11px;
}

#personLeft h1 {
	padding-top: 0.5em;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}

#personLeft h2 {
	padding-top: 0.5em;
	text-align: left;
	padding-bottom: 20px;
	font-weight: 100;
	font-size: 12px;
}

#personLeft p {
	padding-bottom: 15px;
	font-size: 11px;
}

#personRight {
	position: relative;
	float: right;
	width: 565px;
	overflow: hidden;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
}

div.personDetail {
	padding-top: 35px;
	padding-bottom: 15px;
	padding-left: 45px;
	left: 220px;
	top: 0px;
	background-color: #deeee1;
	width: 338px;
	overflow: hidden;
	float: right;
	padding-right: 180px;
	text-align: justify;
}


div.personDetail#focus {
	background: url(../img/mugsFocus.png) no-repeat top right;
	background-color: #deeee1;
	margin-bottom: 5px;
}

div.personDetail#description {
	background: url(../img/mugsDescription.png) no-repeat top right;
	background-color: #deeee1;
	margin-bottom: 5px;
}

div.personDetail#papers {
	background: url(../img/mugsPubs.png) no-repeat top right;
	background-color: #deeee1;
	padding-bottom: 500px;
	margin-bottom: -500px;
}

div.personDetail#papers li {
	padding-bottom: 15px;
	list-style: none;
	font-size: 10px;
}

div.personDetail#papers a {
	color: green;
}




div.publications {
	background: url(../img/publications.png) no-repeat;
	text-align: justify;
	color: #363537;
	width: 770px;
	margin: 0 auto;
	padding-top: 40px;
	padding-left: 0px;
	padding-right: 0px;
}


div.press {
	background: url(../img/press.png) no-repeat;
	text-align: justify;
	color: #363537;
	width: 770px;
	margin: 0 auto;
	padding-top: 40px;
	padding-left: 0px;
	padding-right: 0px;
}

div.press li {
	padding-bottom: 15px;
	list-style: none;
	font-size: 12px;
}

div.press a {
	color: green;
}

div.press p {
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;

}

div.press a {
	text-decoration: none;
	color: black;
}




div.coverageFacial {
	background: url(../img/facial.png) no-repeat;
}

div.coverageFacial  {
	text-align: justify;
	color: #363537;
	width: 770px;
	margin: 0 auto;
	padding-top: 40px;
	padding-left: 0px;
	padding-right: 0px;
}

div.coverageFacial a {
	color: green;
}

div.coverageFacial p {
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;

}

div.coverageFacial a {
	text-decoration: none;
	color: black;
}


div.coverageMeditation {
	background: url(../img/meditation.png) no-repeat;
}

div.coverageMeditation  {
	text-align: justify;
	color: #363537;
	width: 770px;
	margin: 0 auto;
	padding-top: 40px;
	padding-left: 0px;
	padding-right: 0px;
}

div.coverageMeditation a {
	color: green;
}

div.coverageMeditation p {
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;

}

div.coverageMeditation a {
	text-decoration: none;
	color: black;
}


div.contact {
	background: url(../img/contact.png) no-repeat;
	text-align: justify;
	color: #363537;
	width: 770px;
	margin: 0 auto;
	height: 500px;
}

div.contact p {
	padding-bottom: 14px;
	padding-top: 40px;
	padding-left: 0px;
	padding-right: 0px;

}

div.contact a {
	text-decoration: none;
	color: black;
}

div.leftText {
	margin-bottom: 15px;
	margin-right: 0px;
	width: 200px;
	height: 330px;
	top: 0;
	left: 0;
	float:left;
	
}

div.rightText {
	top: 0px;
	width: 570px;
	height: 450px;
	float:right;
	margin-top: 40px;
}