/*
This style is a work in progress, loosely based on the Flexi Staffer and Flexi Framework/Plugin CSS. Their elements are copied here to ensure that if original CSS is disabled, the layer doesn't fall apart (also helps housecleaning!). The markup is kept as well and the annotations are added. Nothing is worse than reading your own code in 6 months with no idea what happened there.
2-07-13 evening edit
*/
/*------[ global ; types are collected from various free templates]------*/
@font-face {
	font-family: "Benton-Sans-Light";
	src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot");
	src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-1.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "Benton-Sans-Regular";
	src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-2.eot");
	src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-1.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "Benton-Sans-Regular-Italic";
	src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-2.eot");
	src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-1.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "Benton-Sans-Bold";
	src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-2.eot");
	src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-1.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "Benton-Sans-Bold-Italic";
	src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-2.eot");
	src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-1.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

/* those colors are different from default! Don't change them yet */
body {
	color: #828180;
	background: #000;
	font-family: "Benton-Sans-Regular", sans-serif;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	background: url("../../flow-cytometry/files/2013/06/body.png");
}

.container {
	position: relative;
	margin: 0 auto;
	text-align: left;
}

/* Microsoft Browsers friendly. Does this curse work? */
em {
	font-family: "Benton-Sans-Regular-Italic", sans-serif;
	font-style: normal;
}

strong {
	font-family: "Benton-Sans-Bold", sans-serif;
	font-weight: normal;
}

em strong, strong em {
	font-family: "Benton-Sans-Bold-Italic", sans-serif;
	font-weight: normal;
	font-style: normal;
}

/*----[ base typography - colors all changed too; based loosely on flexi plugin css]----*/
a {
	color: #236f8f;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: none;
	border-bottom: 1px dotted #828180;
}

.content-panel {
}

h1 {
	font-size: 2.8em;
	line-height: 1.15em;
	margin: 0 0 .5em;
	color: #292929;
	font-family: "Benton-Sans-Bold", sans-serif;
	font-weight: normal;
}

h2 {
	font-size: 2.4em;
	line-height: 1.2em;
	margin: 0 0 .7em;
	color: #676867;
	font-family: "Benton-Sans-Bold", sans-serif;
	font-weight: normal;
}

h3 {
	font-size: 2em;
	line-height: 1.3em;
	margin: 0 0 .9em;
	color: #292929;
	font-family: "Benton-Sans-Bold", sans-serif;
	font-weight: normal;
}

h4 {
	font-size: 1.8em;
	line-height: 1.4em;
	margin: 0 0 .9em;
	color: #676867;
	font-family: "Benton-Sans-Bold", sans-serif;
	font-weight: normal;
}

h5 {
	font-size: 1.4em;
	line-height: 1.5em;
	margin: 0 0 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #292929;
}

h6 {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0;
	color: #a4abae;
}

p, address, blockquote, dl, hr, ol, p, table, .main ul, .widget ul, .callout_left, .pullquote_left, .callout_right, .pullquote_right {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 22px;
	font-style: normal;
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
	font-family: "Benton-Sans-Regular-Italic", sans-serif;
	font-style: normal;
}

h3 span {
	color: #828180;
}

/*----[ common stuff]----*/
p.center {
	text-align: center !important;
}

p.bottom {
	margin: 0 !important;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: .85em;
	letter-spacing: 1px;
}

a abbr, a acronym {
	border: none;
}

abbr[title], acronym[title], dfn[title] {
	cursor: help;
}

big {
	font-size: 1.4em;
}

/*----[ colors are not default! sizes are from flexi green and kenmore etc. fonts are all Becton]----*/
blockquote {
	font-family: "Benton-Sans-Regular-Italic", sans-serif;
	font-style: normal;
}

blockquote, .callout_left, .pullquote_left, .callout_right, .pullquote_right {
	padding: 0 0 0 12px;
	border-left: 12px solid #eef2f2;
}

blockquote p, blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 {
	font-size: 1em;
}

blockquote p:last-child {
	margin: 0;
}

blockquote.right, .callout_right, .pullquote_right {
	float: right;
	width: 30%;
	margin-left: 12px;
	clear: both;
}

blockquote.left, .callout_left, .pullquote_left {
	float: left;
	width: 30%;
	margin-right: 12px;
	clear: both;
}

cite, em, dfn, address {
	font-family: "Benton-Sans-Regular-Italic", sans-serif;
	font-style: normal;
}

code, kbd, samp, tt, var {
	font-family: monospace;
	font-size: 1.4em;
}

ins, dfn {
	border-bottom: 1px solid #ced1d2;
}

/*----[ keep flexi plugin colors]----*/
- pre {
	font-family: monospace;
	font-size: 1.6em;
	line-height: 1.5em;
	margin-bottom: 1.4em;
	background: #eceeee;
	overflow: auto;
	clear: both;
}

- s, strike, del {
	text-decoration: line-through;
	color: #939b9f;
}

small {
	font-size: .9em;
}

strong, th, thead td {
	font-family: "Benton-Sans-Bold", sans-serif;
	font-weight: normal;
}

sup {
	vertical-align: super;
	font-size: .9em;
}

sub {
	vertical-align: sub;
	font-size: .9em;
}

hr {
	border: 0;
	width: 100%;
	color: #eef2f2;
	background-color: #eef2f2;
	height: 1px;
	clear: both;
}

/* tables - look good in Plugin, just change the colors a bit and fonts are becton */
/* tables */
table {
	border-top: 1px solid #cecfd2;
}

table p, #content table ul, table ol {
	font-size: 1em;
	margin-bottom: 0;
}

td, th {
	padding: .3em 12px .3em 0;
	border-bottom: 1px solid #cecfd2;
}

td:last-child, th:last-child {
	padding-right: 0;
}

thead tr, tfoot tr {
	background: #f1f4f4;
}

caption {
	color: #989ea8;
	font-weight: bold;
	padding-bottom: .1em;
	text-align: left;
}

table.unstyled, table.unstyled tr, table.unstyled th, table.unstyled td, table.unstyled caption {
	border: none !important;
	padding: 0 !important;
	background-color: transparent !important;
}

table.two-column td {
	width: 50%;
}

table.three-column td {
	width: 33.3%;
}

table.four-column td {
	width: 25%;
}

table.five-column td {
	width: 20%;
}

/* lists look good in Plugin, just change the colors and NO BULLETS!*/
.main ul, ol, dd {
	margin-left: 2em;
}

.main ul li, .main ol ul li {
	list-style-type: square;
}

/*---not this!---- .main ul li, .main ol ul li {list-style-type:square;position: relative;*position: inherit;left: 1.5em;*left:2em;list-style-image: url("images/bullet.png");margin-bottom: 2em;}-------/*

.main ol li, .main ul ol li {list-style-type:decimal;list-style-position:outside;}
.main li ul, .main li ol {font-size:1em;margin-bottom:0;}
dt {font-weight:bold;}
dl.tabular {float:left;border-bottom:1px solid #cecfd2;width:100%}
dl.tabular dt {clear:both;float:left;width:32%;padding:.1em 1% .1em 0;border-top:1px solid #cecfd2;}
dl.tabular dd {float:right;width:67%;margin:0;padding:.1em 0;border-top:1px solid #cecfd2;}
dl.double-spaced dt {padding:12px 2% 12px 0;}
dl.double-spaced dd {width:66%;margin:0;padding:12px 0;}

/* special classes - whatever that is, keep it here from Plugin */
.fancy {
	font-family: "Georgia", times, serif;
	font-style: italic;
}

.caps {
	text-transform: uppercase;
}

.small {
	font-size: .9em;
}

.large {
	font-size: 1.4em;
}

.hide {
	display: none;
}

.highlight {
	background: #fe6;
}

.center {
	text-align: center;
}

.clear {
	clear: both;
}

/*------[ header ]-the image is in the media gallery-----*/
#header {
	height: 145px;
	background: url("../../flow-cytometry/files/2013/06/body_black.jpg") repeat-x scroll 0 bottom #236f8f;
}

#header .container {
	z-index: 2;
}

/* masthead */
#masthead {
	position: absolute;
	left: 0;
}

#masthead h1 {
	margin: 0;
	float: left;
}

#masthead p {
	float: left;
	padding: 35px 0 0 24px;
	color: #bbbcbd;
	font-style: italic;
}

/*--yet unknown peace of code --*/
/*--- space above the logo but not search box if it is in the logo area (from Plugin)
#masthead h1 {float:left;margin-top:10px;font-family: "Benton-Sans",Helvetica,Arial,sans-serif;font-size:52px;margin-bottom: 30px;opacity: .8;text-shadow: 1px 0px 0px #000; filter: dropshadow(color=#000000, offx=1, offy=0);} 
#masthead .text-header {text-align: center;width:870px; line-height: 84px;white-space:nowrap;} ---*/
.home {
}

.home #content .container {
}

.home #content .page-width .container {
	padding-top: 0;
}

.home .section {
	width: 631px;
	margin-left: -20px;
	padding: 20px 20px 0 237px;
	border-bottom: 1px solid #eef2f2;
	position: relative;
	background: transparent url(../../flow-cytometry/files/2013/06/whitebar.gif) repeat-x 0 0;
}

.home .about {
	background-image: none;
	margin-top: -20px;
}

.home .about p {
	font-size: 20px;
	line-height: 32px;
	font-family: "Benton-Sans-Light", sans-serif;
}

.home .boxes {
	border-bottom: none;
	width: 848px;
	padding-left: 20px;
}

.home .section h2 {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 197px;
	color: #000;
	font-size: 28px;
}

.home .main .button {
	position: absolute;
	top: 67px;
	left: 20px;
	padding: 5px 12px 7px;
	background-color: #f0f0f0;
	border: 1px solid #d8dadb;
	color: #989ea8;
	font-family: "Benton-Sans-Regular", sans-serif;
	font-size: 12px;
	line-height: 12px;
	text-transform: lowercase;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.home .main .button:hover, .home .main .button:focus {
	background-color: #236f8f;
	border-color: #236f8f;
	color: #fff;
}

.home .main .button:active {
	background-color: #111;
	border-color: #111;
	color: #fff;
}

.home .main .button:visited {
	background-color: #f0f0f0;
}

/* primary nav - based on Playwriters. Colors are changed to RED! */
#pnb {
	position: absolute;
	top: 84px;
	left: 0;
	height: 61px;
	z-index: 100;
	padding: 14px 0 18px;
}

#nav {
	height: 36px;
	overflow: hidden;
	padding-top: 6px;
}

#nav ul {
	list-style: none;
}

#nav li {
	float: left;
	width: auto;
	padding-right: 12px;
	height: 41px;
}

#nav li a {
	display: block;
	text-decoration: none;
	color: #989ea8;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 5px 6px 3px;
	border-bottom: none;
}

#nav li a:hover, #nav li a:focus {
	text-decoration: none;
	color: #fff;
	background-image: none;
	border-bottom: none;
}

#nav li.current_page_item, #nav li.current_page_ancestor {
	background: url("../../flow-cytometry/files/2013/06/down_arrow_red.png") no-repeat scroll 40% 2px transparent !important;
	text-decoration: none;
	border-bottom: none;
}

#nav li.current_page_item a, #nav li a.active_section {
	color: #fff;
	background-color: #cc0000;
	border-radius: 3px 3px 3px 3px;
	text-decoration: none;
}

/* utility nav SKIP UNTIL THE CSS IS DISABLED */
#utility {
	height: 30px;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 200;
}

#utility ul {
	list-style: none;
	float: right;
}

#utility li {
	float: left;
	width: auto;
	font-size: 11px;
}

#utility li a {
	display: block;
	text-decoration: none;
	color: #828180;
	padding: 6px;
}

#utility li a:hover, #nav li a:focus {
	text-decoration: none;
	color: #fff;
}

#utility li.current_page_item a {
	color: #fff;
}

/* utility nav plugin crap trimmed off */
/* dropdown menus RED added */
#nav li:hover, #nav li:focus {
	background: none;
	color: #fff;
}

#nav li:hover ul, #nav li:focus ul, #utility li:hover ul, #utility li:focus ul {
	left: auto;
	margin-top: 20px;
}

#nav li a:hover, #nav li:hover a, #nav li a:focus, #nav li:focus a, #nav li a.active_section, #utility li a:hover, #utility li:hover a, #utility li a:focus, #utility li:focus a, #utility li a.active_section {
	color: #fff;
}

#nav li li:hover, #nav li li:focus {
	background: none;
}

#nav.no-dive li.current_page_item:hover, #nav.no-dive li.current_page_item:focus {
	background: none;
	cursor: pointer;
	color: #fff;
}

#nav li ul, #utility li ul {
	position: absolute;
	margin: 0;
	padding: 6px 0;
	left: -999em;
	z-index: 2;
	background: #fff;
	box-shadow: 0 3px 6px #666;
	-moz-box-shadow: 0 3px 6px #666;
	-webkit-box-shadow: 0 3px 6px #666;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}

#nav li ul, #utility li ul {
	border: 1px solid #bbbcbd;
	border-top: 0;
}

/* for IE */
#utility li:last-child ul {
	right: -1em;
}

#nav li ul ul, #utility li ul ul {
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.max #nav li ul, .med #nav li ul, .micro #nav li ul {
	width: 20em;
}

.max #utility li ul, .med #utility li ul, .micro #utility li ul {
	width: 10em;
}

#nav li li {
	width: 100%;
	margin-right: 0;
}

#utility li li {
	border-right: none;
	line-height: 1em;
	width: 100%;
	margin-right: 0;
}

#nav li li a, #nav li:hover li a, #nav li:focus li a {
	display: block;
	width: auto;
	padding: 4px 12px;
	background: #fff;
	color: #cc0000;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	height: auto;
	text-transform: none;
}

#utility li li a, #utility li:hover li a, #utility li:focus li a {
	display: block;
	width: auto;
	padding: 4px 12px;
	background: #fff;
	color: #cc0000;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	height: auto;
	border: none;
	margin-bottom: 0;
}

#nav li li a:hover, #nav li li a:focus, #utility li li a:hover, #utility li li a:focus {
	color: #cc0000;
	text-decoration: none;
}

#nav li li ul, #utility li li ul {
	position: relative;
	margin: 0;
	padding: 0;
}

#nav li li li a, #nav li:hover li li a, #nav li:focus li li a, #utility li li li a, #utility li:hover li li a, #utility li:focus li li a {
	font-weight: normal;
	font-size: 1.1em;
}

/* search SKIP UNTIL CSS DISABLED */
#quicksearch {
	position: absolute;
	top: 104px;
	right: 0;
	width: 209px;
	height: 24px;
	z-index: 400;
}

#quicksearch input {
	border: none;
	color: #989ea8;
}

#quicksearch input:focus {
	color: #222;
}

#quicksearch input#q {
	height: 11px;
	width: 172px;
	color: #c4c7ca;
	background: #474b4c;
	line-height: 1;
	padding: 6px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	float: left;
}

#quicksearch input.button {
	margin: 0;
	float: left;
	width: 23px;
	height: 23px;
	border: 0;
	background: url("../../flow-cytometry/files/2013/06/search_red.png") transparent;
	text-indent: -9000px;
	overflow: hidden;
	text-transform: capitalize;
/* for IE7 */
	border-radius: 0;
}

#quicksearch select {
	display: none;
}

/* during development */
/*------[ content ]------*/
#content {
	position: relative;
	border-bottom: 1px solid #323232;
}

#content .container {
	width: 848px;
	margin-top: 20px;
	padding: 20px;
	z-index: 1;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #e8e9e9;
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

#content .main .container {
	padding-top: 0;
	border: none;
	box-shadow: none;
	margin: 0;
	background-color: transparent;
}

.content-panel {
}

/*----[ content banner ]----*/
.banner-container {
	margin-bottom: 17px;
}

.page-width {
	margin: 0 auto;
}

#content .page-width .container {
	padding: 0;
}

.banner-container.page-width, .banner-container.window-width {
	padding: 0;
}

.blank .banner-container.page-width, .blank .banner-container.window-width {
	padding: 20px 0;
}

.banner-container img {
	border: 1px solid #989ea8;
}

.banner {
	display: block;
	margin: 0 auto;
}

.page-width, .window-width {
}

.blank #content .container {
	padding: 0;
	width: 888px;
}

.blank #content .page-width .container {
	padding: 20px;
	width: 848px;
}

/* announcement copied from Plugin - not sure why we need it*/
.announcement, .message {
	background-color: #fffbcc;
	border: 1px solid #e0ce71;
	padding: 12px;
	margin: 20px auto 0;
}

.message {
	margin-bottom: 12px;
}

.announcement {
	font-size: 1.2em;
	line-height: 1.5em;
}

.announcement p {
	font-size: 1em;
}

.announcement p:last-child, .message p {
	margin-bottom: 0;
}

/*------[ main ]------*/
/* posts DONT EXPECT ANY POSTS ON THIS WEBSITE! STILL, SEEMS TO BE STANDARD CODE IN ALL THEMES. TRIMMED SOME DEV CODE*/
.main .post {
	position: relative;
	margin-bottom: 1.6em;
	border-bottom: 1px dotted #d8dddd;
}

.main .full-post {
	margin: 0;
	border: none;
}

.meta a:hover, .meta a:focus {
	color: #000;
}

.main .post:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.full-post h1 {
	margin: 0;
}

.main .posts h2 {
	margin: 0 125px 0 0;
}

.main .posts h2 a {
	text-decoration: none;
	color: #236f8f;
}

.main .posts h2 a:hover, .main .posts h2 a:focus {
	text-decoration: none;
}

.meta {
	color: #989ea8;
	font-size: 1.1em;
}

.meta a {
	color: inherit;
}

.main .comment-counter {
	display: block;
	width: 100px;
	position: absolute;
	right: 0;
	top: .4em;
	font-size: 1em;
	padding-bottom: 12px;
	background: transparent url(../../flow-cytometry/files/2013/06/sprite_staffer.png) no-repeat -94px -584px;
}

.main .comment-counter a {
	color: #989ea8;
	text-decoration: none;
}

.main .comment-counter a:hover, .main .comment-counter a:focus {
	color: #000;
}

.main .comment-counter strong {
	color: #fff;
	font-size: 1.3em;
	background: #cc0000;
	padding: 3px 6px 1px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.main .comment-counter a strong {
	color: #fff;
}

.navigation {
	clear: both;
	text-align: center;
}

.navigation .next, .navigation .previous {
	padding: 0 12px;
}

.navigation .next a {
	background: transparent url(../../flow-cytometry/files/2013/06/sprite_staffer.png) no-repeat 100% -98px;
	padding: 0 9px 0 0;
}

.navigation .previous a {
	background: transparent url(../../flow-cytometry/files/2013/06/sprite_staffer.png) no-repeat -100px -98px;
	padding: 0 0 0 9px;
}

.more, .more-link {
	font-size: .85em;
	text-transform: uppercase;
}

.thumb, .post-thumb {
	clear: both;
	float: left;
	margin: 0 12px 0 0;
}

/* images PADDINGS CORRECTED, COLORS CORRECTED */
img.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

div.alignright {
	float: right;
	margin: 0 0 0 2px;
}

div.alignright img {
	float: right;
}

div.alignright p {
	margin-left: 10px;
}

img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

div.alignleft {
	float: left;
	margin: 0 2px 0 0;
}

div.alignleft img {
	float: left;
}

div.alignleft p {
	margin-right: 10px;
}

img.aligncenter {
	text-align: center;
}

div.aligncenter {
	margin: .3em auto 0;
}

.main img {
	margin-top: .3em;
	margin-bottom: .3em;
}

.main .wp-caption p {
	font-size: 1.1em;
	line-height: 1.4em;
	color: #989ea8;
	clear: both;
}

.main .wp-caption img {
	margin-bottom: 8px;
	margin-top: 0;
}

/* comments NO COMMENTS ON THIS WEBSITE!!! */
/* collapsible containers WHAT IS THIS??? COPIED FROM PLUGIN FLEXI JUST IN CASE */
.bu_collapsible_container {
	margin-bottom: 1.8em;
}

.bu_collapsible_container .bu_collapsible {
	background: transparent url(../../flow-cytometry/files/2013/06/sprite_staffer.png) no-repeat -1087px -1198px;
	margin: 0;
	padding: 0 0 0 18px;
}

.bu_collapsible:hover {
	text-decoration: none;
}

.bu_collapsible_open .bu_collapsible {
	background-position: -100px -1198px;
}

h1.bu_collapsible {
	background-position: -1087px -1191px !important;
}

.bu_collapsible_open h1.bu_collapsible {
	background-position: -100px -1191px !important;
}

h2.bu_collapsible {
	background-position: -1087px -1193px !important;
}

.bu_collapsible_open h2.bu_collapsible {
	background-position: -100px -1193px !important;
}

h3.bu_collapsible {
	background-position: -1087px -1195px !important;
}

.bu_collapsible_open h3.bu_collapsible {
	background-position: -100px -1195px !important;
}

h4.bu_collapsible {
	background-position: -1087px -1194px !important;
}

.bu_collapsible_open h4.bu_collapsible {
	background-position: -100px -1194px !important;
}

.bu_collapsible_section {
	margin: 12px 0 -1.2em;
	padding: 0 0 0 12px;
	border-left: 12px solid #f1f2f2;
}

/* news list WHAT IS THIS??? COPIED FROM PLUGIN FLEXI JUST IN CASE*/
.main .news_list {
	font-size: inherit;
	margin-left: 0;
}

.main .news_list li {
	list-style: none;
	margin: 0;
}

.news_list h4 {
	margin: 0;
}

.news_list .more {
	display: none;
}

/* during development, should change shortcode output to omit */
.news_list .date {
	color: #989ea8;
	font-size: 1.1em;
}

/* during development, add .meta as class and this rule is unecessary */
/* child pages WHAT IS THIS??? COPIED FROM PLUGIN FLEXI JUST IN CASE*/
.bu-list-child-pages {
	border-top: 1px dotted #d8dddd;
}

.bu-list-child-pages h3 {
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}

.bu-list-child-pages h3 a {
	display: block;
	padding: 5px 12px 5px 0;
	border-bottom: 1px dotted #d8dddd;
}

/*------[ widgets ]------*/
.sub .widget {
	margin-bottom: 20px;
}

.widget h2.widgettitle a:hover, .widget h2 a:focus {
	text-decoration: none;
}

.widget h2.widgettitle {
	background-color: #474B4C;
	font-size: 14px;
	padding: 6px 6px 12px 16px;
	margin-bottom: 6px;
	font-family: "Georgia", serif;
	font-style: italic;
	font-weight: bold;
	text-transform: lowercase;
	color: #fff;
	border-radius: 3px 3px 3px 3px;
}

.widget h2:hover {
	background-color: #474b4c;
}

.widget h2.widgettitle a {
	text-decoration: none;
	color: #fff;
	border: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border-radius: 3px 3px 3px 3px;
}

.widget h2.widgettitle a:hover, .widget h2 a:focus {
	text-decoration: none;
	background-color: #bd1c29;
}

.widget h3 {
	line-height: 1em;
	margin: 0;
	font-family: "Benton-Sans-Regular", sans-serif;
}

.widget h4 {
	margin: 0;
}

.widget p {
	margin: 0 0 .8em;
}

.widget ul {
	margin: 0;
}

.widget ul li {
	margin-bottom: .75em;
	line-height: 1.3em;
	clear: both;
}

.widget_bu_links ul li {
	font-size: 13px;
}

.widget .textwidget h3, .widget_bu_text h3 {
	margin-bottom: 0;
}

/* content nav, custom menus, & glossary */
#contentnav h2, .widget h2 {
	margin-bottom: 0;
}

#contentnavlist, .widget .menu, #glossary_groups {
	font-size: 1em;
	line-height: 1em;
}

#contentnavlist li, .widget .menu li, #glossary_groups li {
	display: list-item;
	margin-bottom: 0;
}

#contentnavlist li a, #glossary_groups li a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 16px;
	font-family: "Benton-Sans-Bold";
	padding: 7px 12px 7px 0;
	color: #676867;
	border-bottom: 1px solid #dcdedf;
	background: transparent url(../../flow-cytometry/files/2013/06/sprite_staffer.png) no-repeat 100% -291px;
}

.widget .menu li a {
	display: block;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 5px 0;
}

.widget.widget_nav_menu h2.widgettitle {
	margin-bottom: 5px;
}

#contentnavlist li a:hover, #contentnavlist li a:focus, .widget .menu li a:hover, .widget .menu li a:focus, #glossary_groups li a:hover, #glossary_groups li a:focus {
	color: #236f8f;
	background-position: 100% -191px;
	cursor: pointer;
}

#contentnavlist li.current_page_item a, .widget .menu li.current_page_item li a, #glossary_groups li a.active {
	color: #236f8f;
	background-position: 100% -193px;
	cursor: pointer;
}

#contentnavlist li.current_page_item li a, .widget .menu li.current_page_item a {
	color: #828180;
	background-position: 100% -293px;
}

#contentnavlist li.current_page_item li a:hover, #contentnavlist li.current_page_item li a:focus, .widget .menu li.current_page_item li a:hover, .widget .menu li.current_page_item li a:focus, #glossary_groups li li a:hover, #glossary_groups li li a:focus {
	text-decoration: none;
	color: #292929;
}

#contentnavlist ul, .widget .menu ul, #glossary_groups ul {
	margin: 0;
	border: none;
	font-size: 1em;
	line-height: 1em;
}

#contentnavlist ul li a, #glossary_groups ul li a {
	border: none;
	font-size: 1.2em;
	width: auto;
	border-left: 12px solid #eef2f2;
	padding: 5px 12px;
	font-weight: normal;
	background: none;
	color: #828180;
	font-family: "Benton-Sans-Regular";
}

.widget .menu ul li a {
	border: none;
	font-size: 1.2em;
	width: auto;
	border-left: 12px solid #eef2f2;
	padding: 5px 12px;
	font-weight: normal;
	background: none;
}

#contentnavlist ul ul, .widget .menu ul ul {
	border-left: 12px solid #eef2f2;
}

dt.highlight, dt.highlight + dd {
	background: #fffbcc;
}

/* post widget NO POSTS HERE, REMEMBER? */
.widget .post {
	margin-bottom: 12px;
	padding-bottom: 12px;
}

.widget .post:last-child {
	border: none;
	padding: 0;
}

/* doesn't work when random posts are enabled */
#sidebar1 .widget h3, .staggered_4col .footbar_widget1 .widget h3, .staggered_3col .footbar_widget1 .widget h3, .staggered_2col .footbar_widget1 .widget h3, .even_1col .footbar_widget1 .widget h3 {
	font-size: 1.6em;
	line-height: 1.3em;
}

.widget .post p.excerpt {
	margin: 0;
}

.widget .post .meta {
	margin: 0;
}

.widget .post h3 a:hover, .widget .post h3 a:focus {
	text-decoration: none;
}

.widget .comment-counter {
	padding-left: .45em;
	margin-left: .1em;
	border-left: 1px solid #d8dddd;
}

.widget .comment-counter strong {
	font-weight: normal;
}

.widget .comment-counter a strong {
	font-weight: bold;
	color: #cc0000;
}

.widget .comment-counter a:hover strong, widget .comment-counter a:focus strong {
	color: #000;
}

.widget h3.headline a {
	color: #3089C2;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
}

.widget h3.headline a:hover {
	text-decoration: none;
	color: #222;
}

.widget p.excerpt {
	color: #828180;
	font-size: 12px;
	line-height: 18px;
}

/* wp widgets:rss, links, category PROBABLY NOT TO BE USED */
h2 a.rsswidget:first-child, .rsswidget img {
	display: none;
}

li a.rsswidget, .widget_links li a {
	display: block;
}

.rss-date {
	font-size: .9em;
	color: #989ea8;
	font-weight: bold;
}

.widget_rss cite {
	font-size: .9em;
	color: #989ea8;
}

select#cat {
	margin-bottom: 1em;
}

/* text widgets */
.widget .textwidget h3, .widget_bu_text h3 {
	font-size: 1.6em;
	line-height: 1.3em;
	margin: 0 0 1em;
}

.widget .textwidget ul, .widget_bu_text ul {
	margin-left: 2em;
}

.widget .textwidget li, .widget_bu_text li {
	line-height: 1.5em;
}

.widget .textwidget ul li, .widget_bu_text ul li {
	list-style-type: square;
	margin: 0;
}

.widget .textwidget ul ul, .widget_bu_text ul ul {
	font-size: 1em;
	margin-bottom: 0;
}

.widget .textwidget ul, .widget_bu_text ul {
	line-height: 1.5em;
	margin-bottom: 1.4em;
}

/*------[ footbar ]------*/
.footbar {
	clear: both;
	margin-top: 12px;
	background-color: #292929;
	background-image: none;
	padding-top: 65px;
	margin-top: -34px;
	zoom: 1;
}

.footbar .container .widget li {
	font-size: 13px;
	line-height: 18px;
}

.footbar a {
	color: #fff;
}

.footbar a:hover, .footbar a:focus {
	color: #fff;
	text-decoration: none;
}

#content .footbar .container {
	margin: 0 auto;
	padding: 0 0 30px;
	width: 888px;
	background-color: transparent;
	border: 0;
	box-shadow: none;
}

.footbar .widget h2.widgettitle {
	background: url("../../flow-cytometry/files/2013/06/tabdown.png") no-repeat scroll 0 100% transparent;
	font-size: 14px;
	padding: 9px 12px 18px;
	font-family: "Georgia", serif;
	font-style: italic;
	text-transform: lowercase;
	color: #fff;
	margin-bottom: 9px;
}

.footbar .widget h2.widgettitle a {
	color: #fff;
}

.footbar .widget h2.widgettitle {
	margin-top: 0;
}

.footbar .widget h3.headline {
	line-height: 18px;
}

.footbar .widget h3.headline a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
}

.footbar .widget h3.headline a:hover {
	text-decoration: none;
	color: #fff;
}

.footbar .widget p.excerpt {
	color: #727474;
	font-size: 12px;
	line-height: 18px;
}

.footbar ul.default a {
	color: #fff;
	text-decoration: none;
}

.footbar ul.default a .title {
	text-decoration: none;
}

.footbar ul.default a:hover .title,.footbar ul.default a:focus .title {
	text-decoration: none;
}

.footbar ul.default li .date {
	color: #bbb;
}

.footbar ul.graphic li .date {
	border-right: 1px solid #000;
}

.footbar ul.graphic li .day {
}

.footbar ul.graphic li .month {
}

.footbar ul.graphic li a:hover, .footbar ul.graphic li a:focus {
	text-decoration: none;
}

.footbar ul.graphic li a:hover .event-title, .footbar ul.graphic li a:focus .event-title {
	text-decoration: none;
}

.footbar .blogroll {
	border-top: 1px dashed #333333;
}

.footbar .blogroll li {
	border-bottom: 1px dashed #333333;
}

.footbar .blogroll li a {
	background: transparent url(../../flow-cytometry/files/2013/06/sprite_staffer.png) no-repeat -830px -192px;
	padding: 5px 20px 5px 0;
}

/*------[ footer ]------*/
#footer {
	clear: both;
	color: #828180;
}

#footer .container {
	margin: 0 auto;
	padding: 40px 0;
	min-height: 60px;
}

#footer .masterplate {
	margin-top: 40px;
}

#footer .masterplate img {
	float: left;
	margin: 0 40px 40px 0;
}

#footer .masterplate img.bumc {
	margin: -14px 0 50px 50px;
	float: right;
}

#footer img.bumc {
	margin: 0 0 50px 50px;
	float: right;
}

#footer ul {
	list-style: none;
	margin-bottom: 20px;
}

#footer p {
	color: #cccccc;
	margin-bottom: 6px;
}

#footer li {
	display: inline;
	font-size: 12px;
	line-height: 16px;
	padding-right: 6px;
	margin-right: 6px;
	border-right: 1px solid #303132;
}

#footer li:last-child {
	border-right: none;
}

#footer a {
	text-decoration: none;
	color: #828180;
}

#footer a:hover, #footer a:focus {
	text-decoration: none;
	color: #fff;
}

/* BU Today Link */
body #footer li.butoday {
	border-right: none;
	visibility: hidden;
}

body #footer li.butoday a {
	font-weight: bold;
	color: #8aa5b1;
}

body #footer li.butoday a span {
	font-weight: bold;
	color: #c00;
}

/*------[ forms ]------*/
/* base form styles */
input, select, textarea {
	font-family: inherit;
	padding: 2px;
	font-size: 1.2em;
}

label {
	line-height: 1.3em;
}

input.button {
	cursor: pointer;
}

input[type=radio], input[type=checkbox] {
	margin-right: 6px;
}

/* buttons */
#content button, #content input.button, input[type=button], input[type=submit] {
	font-family: inherit;
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	padding: 4px 9px;
	margin-right: 12px;
	background-color: #cc0000;
	border: 1px solid #ccc;
	-webkit-border-radius: 14px;
	-khtml-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	cursor: pointer;
}

#content button:hover, #content input.button:hover, input[type=button]:hover, input[type=submit]:hover, #content button:focus, #content input.button:focus, input[type=button]:focus, input[type=submit]:focus {
	background: #ff0000;
	border-color: #cecfd2;
}

#content button:active, #content input.button:active, input[type=button]:active, input[type=submit]:active, #content button.neutral:active {
	color: #fff;
	background: #0c2a3e;
	border-color: ccc;
}

#content button.neutral {
	color: #666666;
	background: #white;
	border-color: #cccccc;
}

#content button.neutral:hover, #content button.neutral:focus {
	border-color: #666666;
}

a.buttonred {
	background-color: #bd1c29;
	border: 1px solid #bd1c29;
	border-radius: 3px 3px 3px 3px;
	color: #dbe2e8;
	font-size: 12px;
	line-height: 18px;
	padding: 4px 12px;
	position: relative;
	text-decoration: none;
	transition: all .2s ease-in-out 0;
}

a.buttonwhite {
	background-color: #E8E9E9;
	border: 1px solid #474B4C;
	border-radius: 3px 3px 3px 3px;
	color: #474B4C;
	font-size: 12px;
	line-height: 18px;
	padding: 4px 12px;
	position: relative;
	text-decoration: none;
	transition: all .2s ease-in-out 0;
}

a.buttonred:hover, a.buttonwhite:hover {
	background-color: #236f8f;
	border-color: #236f8f;
	color: white;
}

/* buforms */
.buforms input[type=text] {
	width: 32%;
}

.buforms textarea {
	width: 59%;
}

.buforms label {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 2px;
}

.buforms_left label {
	float: left;
	margin-right: 15px;
	width: 29%;
}

.buforms fieldset div, .buforms fieldset fieldset {
	margin-bottom: 15px;
}

.buforms .radio input[type=radio], .buforms .input-row input[type=checkbox] {
	float: left;
	clear: both;
	margin-bottom: 3px;
}

.buforms .radio label, .buforms .checkbox label {
	display: block;
	clear: none;
	font-weight: normal;
	margin-bottom: 3px;
}

.buforms .inline {
	display: inline;
	margin-left: 1.4em;
}

.buforms .required {
	color: #c00;
}

.buforms_footer {
	padding-top: 6px;
}

.buforms_left .buforms_footer {
	margin-left: 31%;
}

flow-cytometry/wp-content/themes/flexi-framework/css/reset.css
http://www.bu.edu/flow-cytometry/files/custom.css?104


/* link icons */
#wrapper #content a.noicon {
	background: none;
	padding: 0;
}

#content a[href^="mailto:"] {
	background: url(http://www.bu.edu/interactive-design/wp-content/themes/flexi-framework/images/icons/email.png) no-repeat right center;
	padding: 2px 20px 2px 0;
}

#content a[href$=".pdf"] {
	background: url(http://www.bu.edu/interactive-design/wp-content/themes/flexi-framework/images/icons/pdf.png) no-repeat right center;
	padding: 2px 20px 2px 0;
}

#content a[href$=".doc"], #content a[href$=".docx"] {
	background: url(http://www.bu.edu/interactive-design/wp-content/themes/flexi-framework/images/icons/doc.png) no-repeat right center;
	padding: 2px 20px 2px 0;
}

#content a[href$=".xls"], #content a[href$=".xlsx"] {
	background: url(http://www.bu.edu/interactive-design/wp-content/themes/flexi-framework/images/icons/xls.png) no-repeat right center;
	padding: 2px 20px 2px 0;
}

#content a[href$=".ppt"], #content a[href$=".pptx"], #content a[href$=".pptm"] {
	background: url(http://www.bu.edu/interactive-design/wp-content/themes/flexi-framework/images/icons/powerpoint.png) no-repeat right center;
	padding: 2px 20px 2px 0;
}

/* edit button */
/* p.edit-link {background-color:#ff9a4d;border:1px solid #d06a1f; float:right; padding:3px 6px;width:3.6em;}
.posts p.edit-link {margin-right:112px;position: absolute;} */
/* p.edit-link a, #footer p.edit-link a {border:none !important;border:none;padding: 2px 0 4px 20px;color:#5F8CA2;background: url(http://www.bu.edu/interactive-design/wp-content/themes/flexi-framework/images/icons/doc.png) no-repeat;} */
/*------[ BU emergency alert ]------*/
#bu-alert-emergency {
	padding: 0 !important;
}

#bu-alert-emergency-inner {
	border-top: 0 !important;
}

#bu-alert-emergency-message {
	padding: 7px 12px 7px 180px;
}

/*------[ clearer ]------*/
#content:after, .post:after, .main .event-list ul:after, .footbar:after, ul.commentlist li:after, ul.commentlist div:after, .widget:after, .tab_group:after, .section:after {
	display: block;
	clear: both;
	content: " ";
	height: 0;
	overflow: hidden;
}

/*//////////////////////////////////////////////////////////////////////*/
/*                                                                      */
/*     LAYOUT VARIATIONS                                                */
/*     .max_2col_right, .max_2col_left, .max_3col_split,                */
/*     .med_2col_left, .med_2col_right, .micro_1col                     */
/*                                                                      */
/*//////////////////////////////////////////////////////////////////////*/
.max {
	min-width: 1100px;
}

.med {
	min-width: 967px;
}

.micro {
	min-width: 650px;
}

/*--[ max widths ]--*/
.max .container, .max #pnb, .max #nav {
	width: 1000px;
}

.max.has-utility-nav #nav, .max #masthead {
	width: 700px;
}

.max #utility {
	width: 300px;
}

.max .announcement {
	width: 974px;
}

/*----[ max columns ]----*/
/* max_2col_right */
.max_2col_right #col1 {
	width: 550px;
	float: left;
}

.max_2col_right #col1 .container {
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
}

.max_2col_right #col2 {
	width: 437px;
	float: right;
	border-left: 1px solid #dadada;
}

.max_2col_right #col2 #sidebar1 {
	margin: 0 0 12px 12px;
	border-bottom: 1px solid #dadada;
}

.max_2col_right #col2 #sidebar2 {
	float: left;
	width: 212px;
}

.max_2col_right #col2 #sidebar2 .widget {
	padding-left: 12px;
}

.max_2col_right #col2 #sidebar3 {
	float: right;
	width: 212px;
	border-left: 1px solid #dadada;
}

.max_2col_right #col2 #sidebar3 .widget {
	padding-left: 12px;
}

/* max_3col_split */
.max_3col_split #col1 {
	width: 212px;
	float: left;
}

.max_3col_split #col1 .widget {
	padding-right: 12px;
}

.max_3col_split #col2 {
	width: 562px;
	float: left;
	border-left: 1px solid #dadada;
}

.max_3col_split #col2 .container {
	width: auto;
	margin-left: 12px;
	padding: 0;
	border: none;
}

.max_3col_split #col3 {
	width: 212px;
	float: right;
	border-left: 1px solid #dadada;
}

.max_3col_split #col3 .widget {
	padding-left: 12px;
}

/*----[ max footbar columns ]----*/
/* footbar, 4 even columns */
.even_4col .footbar_widget1 {
	float: left;
	width: 243px;
}

.even_4col .footbar_widget1 .widget {
	padding: 0 12px 0 0;
}

.even_4col .footbar_widget2 {
	float: left;
	width: 255px;
	border-left: 1px solid #d0e3f0;
}

.even_4col .footbar_widget2 .widget {
	padding: 0 12px;
}

.even_4col .footbar_widget3 {
	float: left;
	width: 255px;
	border-left: 1px solid #d0e3f0;
}

.even_4col .footbar_widget3 .widget {
	padding: 0 12px;
}

.even_4col .footbar_widget4 {
	float: left;
	width: 244px;
	border-left: 1px solid #d0e3f0;
}

.even_4col .footbar_widget4 .widget {
	padding: 0 0 0 12px;
}

/* footbar, 4 columns, first oversized */
.staggered_4col .footbar_widget1 {
	float: left;
	width: 337px;
}

.staggered_4col .footbar_widget1 .widget {
	padding: 0 12px 0 0;
}

.staggered_4col .footbar_widget2 {
	float: left;
	width: 224px;
	border-left: 1px solid #d0e3f0;
}

.staggered_4col .footbar_widget2 .widget {
	padding: 0 12px;
}

.staggered_4col .footbar_widget3 {
	float: left;
	width: 224px;
	border-left: 1px solid #d0e3f0;
}

.staggered_4col .footbar_widget3 .widget {
	padding: 0 12px;
}

.staggered_4col .footbar_widget4 {
	float: left;
	width: 212px;
	border-left: 1px solid #d0e3f0;
}

.staggered_4col .footbar_widget4 .widget {
	padding: 0 0 0 12px;
}

/* footbar, 3 even columns */
.even_3col .footbar_widget1 {
	float: left;
	width: 329px;
}

.even_3col .footbar_widget1 .widget {
	padding: 0 12px 0 0;
}

.even_3col .footbar_widget2 {
	float: left;
	width: 340px;
	border-left: 1px solid #d0e3f0;
}

.even_3col .footbar_widget2 .widget {
	padding: 0 12px;
}

.even_3col .footbar_widget3 {
	float: left;
	width: 329px;
	border-left: 1px solid #d0e3f0;
}

.even_3col .footbar_widget3 .widget {
	padding: 0 0 0 12px;
}

/* footbar, 3 even columns, first oversized */
.staggered_3col .footbar_widget1 {
	float: left;
	width: 562px;
}

.staggered_3col .footbar_widget1 .widget {
	padding: 0 12px 0 0;
}

.staggered_3col .footbar_widget2 {
	float: left;
	width: 224px;
	border-left: 1px solid #d0e3f0;
}

.staggered_3col .footbar_widget2 .widget {
	padding: 0 12px;
}

.staggered_3col .footbar_widget3 {
	float: left;
	width: 212px;
	border-left: 1px solid #d0e3f0;
}

.staggered_3col .footbar_widget3 .widget {
	padding: 0 0 0 12px;
}

/*----[ medium widths ]----*/
.med .container, .med #pnb, .med #nav {
	width: 888px;
}

.med.has-utility-nav #nav, .med #masthead {
	width: 670px;
}

.med #utility {
	width: 438px;
}

.med .announcement {
	width: 864px;
}

/*----[ medium columns ]----*/
/* med_2col_left */
.med_2col_left #col1 {
	width: 736px;
	float: left;
}

.med_2col_left #col1 .widget {
	padding-right: 12px;
}

.med_2col_left #col2 {
	width: 1px;
	float: right;
	border-left: 1px solid #dadada;
}

.med_2col_left #col2 .container {
	width: auto;
	margin-left: 12px;
	padding: 0;
	border: none;
}

/* med_2col_right */
.med_2col_right #col1 {
	width: 560px;
	float: left;
}

.med_2col_right #col1 .container {
	width: auto;
	border: none;
	padding: 0;
}

.med_2col_right #col2 {
	width: 252px;
	float: right;
	border-left: 2px solid #eef2f2;
	padding-left: 17px;
}

.med_2col_right #col2 .widget {
}

/*----[ medium footbar columns ]----*/
/* 3 even columns */
.med .even_3col .footbar_widget1 {
	float: left;
	width: 272px;
	padding: 0 17px 0 0;
}

.med .even_3col .footbar_widget1 .widget {
	padding: 0;
}

.med .even_3col .footbar_widget2 {
	float: left;
	width: 272px;
	border-left: 2px solid #2c2c2c;
	padding: 0 17px;
}

.med .even_3col .footbar_widget2 .widget {
	padding: 0;
}

.med .even_3col .footbar_widget3 {
	float: left;
	width: 272px;
	border-left: 2px solid #2c2c2c;
	padding: 0 0 0 17px;
}

.med .even_3col .footbar_widget3 .widget {
	padding: 0;
}

/* 2 staggered columns */
.med .staggered_2col .footbar_widget1 {
	float: left;
	width: 562px;
}

.med .staggered_2col .footbar_widget1 .widget {
	padding: 0 12px 0 0;
}

.med .staggered_2col .footbar_widget2 {
	float: left;
	width: 274px;
	border-left: 1px solid #d0e3f0;
}

.med .staggered_2col .footbar_widget2 .widget {
	padding: 0 0 0 12px;
}

/*----[ micro widths ]----*/
.micro #pnb, .micro .container, .micro #masthead {
	width: 550px;
}

.micro #utility, .micro #masthead p {
	display: none;
}

/* for testing purposes */
.micro .announcement {
	width: 524px;
}

/* micro_1col */
.micro_1col #col1 {
	width: 550px;
}

.micro_1col #col1 .container {
	width: auto;
	border: none;
	padding: 0;
}

/*----[ micro footbar columns ]----*/
/* 2 even columns */
.micro .even_2col .footbar_widget1 {
	float: left;
	width: 274px;
}

.micro .even_2col .footbar_widget1 .widget {
	padding: 0 12px 0 0;
}

.micro .even_2col .footbar_widget2 {
	float: left;
	width: 274px;
	border-left: 1px solid #d0e3f0;
}

.micro .even_2col .footbar_widget2 .widget {
	padding: 0 0 0 12px;
}

/*----[FANCYBOX REMOVED!!!]----*/
/*----[INLAYS FROM CSS LESSONS]----*/
.inlay {
	background-color: #ededed;
	border: solid 1px #d7d8d8;
	padding: 20px;
	zoom: 1;
	display: inline-block;
	width: 510px;
	margin-bottom: 22px;
}

.inlay-description {
	float: left;
	width: 290px;
}

.inlay-description p {
	font-size: 13px;
	margin-bottom: 0;
}

.inlay-button {
	float: right;
	width: 190px;
	margin-top: 13px;
	padding-left: 10px;
}

.inlay-button a.button {
	padding: 10px 20px;
	border-radius: 10px;
	background-color: #236f8f;
	border: none;
	color: #fff;
}

.inlay-button a.button:hover {
	background-color: #828180;
}

#content .inlay a[href$=".pdf"].button {
	background-image: none;
	padding: 10px 20px;
	border-radius: 15px;
	background-color: #236f8f;
	border: none;
	color: #fff;
}

/* tricky*/
.tricky-whole {
	border-top: 1px dotted #AFB4B7;
	padding: 12px 0;
	zoom: 1;
	display: inline-block;
	width: 848px;
}

.tricky-menu {
	width: 232px;
	float: left;
}

.tricky-details {
	width: 596px;
	float: right;
	padding-left: 20px;
}

.tricky-whole h3 {
	margin-bottom: 7px;
}

.tricky-details p {
	margin-bottom: 12px;
}

.tricky-underline {
	border-bottom: 1px dotted #333333;
}