/****** FILE: themes/miTheme/css/reset.css *****/
/* This reset is loosely derived from HTML5 boilerplate 
for more information visit http://html5boilerplate.com/ */

/* Every browser has its own default ‘user agent’ stylesheet, that it uses to make unstyled websites appear more legible.
Using a CSS Reset, CSS authors can force every browser to have all its styles reset to null, thus avoiding cross-browser differences as much as possible.
From the consistent base that you’ve set up via your reset, you can then go on to re-style your document,
safe in the knowledge that the browsers’ differences in their default rendering of HTML can’t touch you! */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}

html{overflow-y:scroll;}
body{-webkit-text-size-adjust:none;}

.clear:before, .clear:after {content: "\0020"; display: block; height: 0; overflow: hidden; }
.clear:after {clear:both;}
.clear{zoom:1;}

sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;}
textarea {overflow:auto;}
.ie6 legend, .ie7 legend {margin-left:-7px;} 
input[type="radio"], input.radio {vertical-align:text-bottom;}
input[type="checkbox"], input.checkbox, .checkboxes input {vertical-align:bottom;}
.ie7 input[type="checkbox"], .ie7 input.checkbox, .ie7 .checkboxes input {vertical-align:baseline;}
.ie6 input {vertical-align: text-bottom;}
label, input[type="button"], input[type="submit"], input[type="image"], button, .btn {cursor:pointer;}
button, input, select, textarea {margin:0;}
/* .checkbox, .radio {float:left; width:13px; height:13px; margin-right:6px; padding:0;} */

button {width:auto; overflow:visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}

.ir {display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }
.hidden {display:none; visibility:hidden; }
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through; }
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

a:hover, a:active {outline: none;}
.content ul, .content ol {margin-left:2em;}
ol {list-style-type:decimal;}
ul li {list-style-type:none;}
nav ul, nav li {margin:0; list-style:none; list-style-image:none;}
strong, b, th {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}


/****** FILE: themes/miTheme/css/layout.css *****/
/** ----------------------------------------------------------
 *
 * Contains the main layout of the page and the individual styles.
 * Acts as the main stylesheet for theme.
 *
 *		Include your notes or table of contents below....
 *		Include color hex's or values of your grid
 *
 *		1. OOCSS GRID
 *		2. MAIN LAYOUT
 *		3. HEADER
 *			- Brand
 *			- Search Form
 *		4. Navigation
 *			- Primary Navigation
 *			- tablet Navigation
 *			- Secondary Navigation
 *			- Secondary Nav 2-5 Levels deep
 *		5. Mixed
 *		6. Footer
 *		7. Page Specific Layout
 *			- Homepage
 *			- Search Results
 *		8. Device and Responsive Layout
 *			- Breakpoint 960px
 *			- Breakpoint 640px
 *				- Search Form
 *				- Main Content
 *		9. Print Styles
 *			- Simple Theme custom print styles
 *
 * @author Your Name <email@silverstripe.com>
 * ------------------------------------------------------- */

/* OOCSS Grid
* https://github.com/stubbornella/oocss/wiki/grids
*/

.line, /* line - Groups units on one horizontal line. Note: for mobile layout units may be stacked to avoid horizontal scrolling. */ .lastUnit {
	overflow: hidden;
*overflow:visible;
 *zoom:1;
/*padding: 0 10px;*/
}
.unit { /* unit - Base class which divides a line into sections (columns). */
	float: left;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; /* box-sizing:border-box; creates a box-model where
	padding and border are NOT added onto the width - they are included in the width,
	so a 200px wide element with 20px padding will be 200px, NOT 240px wide */
}
.unitRightv { /* Use this class if you want to offset a column eg: |--content(.unit)--|--content(.unit)--|--no-content--|--no-content--|--content(.unitRighttv)--| */
	float: right;
}
.unitLefttv { /* Use this class if you want to offset a column eg: |--content(.unit)--|--content(.unit)--|--no-content--|--no-content--|--content(.unitRighttv)--| */
	float: left;
}
/* sizeXofY - Extends unit. Indicates the fractional width of the unit, for example size3of4 would take up three quarters, or 75%, of the horizontal space.
The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5 */
/* It is possible to add more columns if you wish you will just have to add the fractions that are missing eg: .size1of6 {width:16.66666%;} */

.size1of1 {
	float: none;
}
.size1of2 {
	width: 50%;
}
.column1of3 {
	width: 35%;
}
.size1of3 {
	width: 33.33333%;

}
.size2of3 {
	width: 66.66666%;
}
.size1of4 {
	width: 25%;
}
.size3of4 {
	width: 75%;
}
.size1of5 {
	width: 20%;
}
.size2of5 {
	width: 40%;
}
.size3of5 {
	width: 60%;
}
.size4of5 {
	width: 80%;
}
.size5of5 {
	width: 45%;
}
.size6of5 {
	width: 10%;
}
.sizemain {
	width: 68%;
}
.sizemainevent {
	width: 72%;
	background-color:#FFFFFF;
}
.sizemaincenter {
	width: 72%;
}
.sizemainParPage
 {
	width: 100%;
}
.lastUnit { /* lastUnit - Extends unit. Applied to the last child of every line. */
	float: none;
	width: auto;
	_position: relative; /* Bug fix for IE6 - Internet Explorer 6 and below wouldn't fail on properties that were prefixed with non-alphanumeric characters.
	meaning that anything prefixed with _ wouldn't be picked up by any other browsers */
	_left: -3px;
	_margin-right: -3px;
}

.heading {
	clear: both;
	display: block;
	color: #263667;
	padding-top: 10px;
	border-top: 3px double #dedede;
	border-bottom: 3px double #dedede;
	text-align: center;
}
#msecondary {
	display: none;
	margin: 20px 0;
	-webkit-font-smoothing: antialiased;
}
#msecondary .item {
	font-family: HelveticaInserat-Roman;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	background: #666;
	border-bottom: 1px solid #fff;
}
#msecondary .item a {
	color: white;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	line-height: 36px;
	display: block;
	font-family: HelveticaInserat-Roman;
	font-size: 24px;
	text-shadow: 0 1px #121212;
	text-align: center;
}


/* MAIN LAYOUT */
body {
	margin: 0px;
	min-width: 240px;
	-webkit-text-size-adjust: none; /* The text size is not adjusted for Safari on iPhone */
	background-color: #FFFFFF;
	padding: 0px;
}
.ie7 body, .ie8 body {
	min-width: 860px; /* media queries are not supported in ie7/8 without a polyfill */
}
.main {
	background: #fff;
	min-height: 300px;
	padding-top: 40px;
	padding-right: 0;
	padding-left: 0;
}
a:link {
	text-decoration: none;
	color: #12438f;
	outline: none;
	cursor: pointer;
	
}
a:visited {
	text-decoration: none;
	color: #12438f;
	outline: none;
	cursor: pointer;
}
a:hover {
	color: #12438f;	
	text-decoration: none;	
}

a:active {
	text-decoration: none;
	color: #12438f;
	outline: none;
}
.inner {
	max-width: 960px;
	margin: 0 auto;/*padding: 0 30px;*/
}
.ie6 .inner {
	width: 960px;
}
.content-container {
	max-width: 100%;
}
.no-sidebar .content-container {
	float: left;
	width: 100%; /* makes content container full width when there is no sidebar */
}
.sidebar { /* this is the sidebar element */
	float: right;
	width: 26%;
	padding-left: 10px;
	margin-left: 10px;
	padding-right: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.sidebarblog { /* this is the sidebar element */
	float: right;
	width: 30%;
	padding-left: 4px;
	margin-left: 4px;
	padding-right: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.sidebarResearchPage { /* this is for research landing page */
	float: left;
	width: 27%;
	padding-left: 14px;
	padding-right: 6px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.no-sidebar .sidebar {
	display: none;
}
.miglobalbold {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/* HEADER */
.header {
	/*background: #161616;*/
	background: #004778;
	color: #ffffff;
}
.header .inner {
	padding-top: 10px;
	position: relative;
	min-height: 72px;
	max-width: 960px;
}
/* Brand */
header .brand, header .brand:hover {
	float: left;
	color: #fff;
	display: inline-block;
}
.brand h1 {
	margin: 0;
	padding: 0;
	font-size: 48px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: 600;
	font-stretch: normal; /* default value. No font stretching */
	line-height: 1em;
}
.brand p {
	color: #888;
	margin-bottom: 22px;
}
/* CONNECT icons */
#ConnectIcons {
	position: absolute;
	left: 78%;
	top: 45%;
}
#connect-icons {
	margin-right: 0px;
	margin-left: .60em;
	border: 1px solid #0065ab;
}
/* Search form */

.search-bar {
	position: absolute;
	right: 0px;
	top: 0px;
	float: right;
}
.search-bar .field {
	margin: 0;
	padding: 0;
	background: #004777;
	color: #004777;
}

.search-bar form input.text {
	width: 160px;
	height: 20px;
	padding: 5px 34px 5px 15px;
	color: #004777;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	border: 2px solid #0076bf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #fff;
}
/* positions the search button icon over the top of the search input */
.search-bar form input.action[type="submit"] {

	background-repeat: no-repeat;
	color: #004777;

}
.search-bar form input.action:hover[type="submit"] {
	background-repeat: no-repeat;
	color: #004777;
}
.search-bar form input.action {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	left: 98px;
	padding-top: 14px;
	top: 0;
	cursor: pointer;
	border: none;
	margin: 50px;
	background: none;
	/*font-family: 'WebSymbolsRegular';*/
	color: #fff;
	overflow: hidden;
}
.search-bar form input.active, .search-bar form input.action:hover {
	color: #fff;
	background: none;
}
.search-bar form input:focus, .header textarea:focus {
	outline: none; /* removes default browser outlining on focus */
}
.search-dropdown-icon {
	display: none; /* hides search-dropdown-icon when site is at full width - media queries set it to display:block when at mobile/tablet width */
}
/*  pillar */
#tagline p {
	background-color: #fff;
	color: #00ccff;
	font-size: 30px;
	width: 94%;
	font-weight: bold;
}
#taglinerel p {
	background-color: #fff;
	color: #00ccff;
	font-size: 25px;
	width: 99%;
	font-weight: bold;
}
.whatsnew {
	background-color: #fff;
	color: #004778;
	font-size: 30px;
	font-weight: bold;
	padding-top: 30px;
	height: 30px;
	text-transform: uppercase;
    font-family: "Arial Narrow", Arial, sans-serif;
}

#ConfTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5em;

}
.pillarrelated {
	background-color: #fff;
	color: #004778;
	font-size: 25px;
	font-weight: bold;
	padding-top: 30px;
	height: 30px;
	text-transform: uppercase;
}
.issues {
	background-color: #fff;
	color: #004778;
	font-size: 30px;
	font-weight: bold;
	padding-top: 30px;
	height: 30px;

}
#issuessmall {
	background-color: #fff;
	color: #959ca2;
	font-size: 18px;
}

.colorlinks a {
	background-color: #fff;
	color: #0090b6;
	font-weight: bold;
	font-size: 16px;
}
#blcolorlinks {
	background-color: #fff;
	color: #004778;
	font-weight: bold;
	font-size: 16px;
}
#viewall {
	background-color: #fff;
	color: #0090b6;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#pubscopy {
	background-color: #fff;
	color: #004778;
	font-size: 12px;
	line-height: 14px;
}
#pubspillar {
	background-color: #fff;
	color: #004778;
	font-size: 12px;
	font-weight: bold;
}
.PubContent {
	float: left;
}
.pubmaincover {
	border: 1px solid #000;
	height: 198px;
	width: 138px;
	float: left;
	margin-right: 10px;
}
.pubmaincover img {
     display: block;
}
.pubmaincoverpillar {
	border: 1px solid #000;
	height: 160px;
	width: 124px;

}
#publandingreadmore {
	font-size: 12px;
	background-color: #ffffff;
	padding: 4px;
	text-decoration: none;
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
}
#publandingreadmore:hover {
	font-size: 12px;
	color: #333;
	background-color: #eeeeee;
	text-shadow: 1px 1px 1px #FFF;
	padding: 4px;
	text-decoration: none;
	border: 1px solid #CCC;
	text-align: center;
	vertical-align: middle;
}


.horline {
	background-color: #999;
	margin-top:40px;
	height: 1px;
}
.colcenter {
	display: block;
	float: left;

}
.colcenter:first-child {
 margin-left: 0;

}

.centerlink {
    padding-bottom: 18px;
}
#centersfont,
ul li div.centerlink a
{
    font-family: HelveticaInserat-Roman;
	font-size: 22px;
	color: #004677;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom:10px;
}


#Navigation ul li div.centerlink a {
    font-size: 18px;
    transition: none;
}
#Navigation ul li div.centerlink a:hover {
    color: #004778;
}
#Navigation ul li div.centerlink a img {
    width: 120px;
}
/* end pillar */

/* search for vids and pubs */
#MainForm form {
	font-family: Arial, Helvetica, sans-serif;
	max-width: 912px;
	width: 100%;
	padding: 4px;
}
#MainForm .text {
	font-size: 12px;
	height: 10px;
	line-height: 10px;
}
#MainForm #DateTime {
	font-size: 12px;
	float: left;
	width: 170px;
	display: inline;
}
#MainForm .dropdown {
	font-size: 12px;
	float: left;
	width: 170px;
	display: inline;
}
#MainForm #Title {
	font-size: 12px;
	float: left;
	width: 140px;
	padding-top: 10px;
	padding-left: 20px;
	display: inline;
}
#MainForm #Event {
	font-size: 12px;
	float: left;
	padding-top: 10px;
	padding-left: 30px;
	width: 100px;
	display: inline;
}
#MainForm #Author {
	font-size: 12px;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	width: 100px;
	display: inline;
}
#MainForm #Issue {
	font-size: 12px;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	width: 220px;
	display: inline;
}
#MainForm #Selection {
	font-size: 12px;
	float: left;
	padding-top: 10px;
	padding-left: 30px;
	width: 180px;
	display: inline;
}
#MainForm #Speaker {
	font-size: 12px;
	float: left;
	padding-top: 10px;
	padding-left: 30px;
	width: 160px;
	display: inline;
}
#MainForm .Actions .action {
	background-color: #eeeeee;
	display: inline;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	border: 1px solid #d4d4d4;
	height: 20px;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #004777;
	text-shadow: 0 1px 1px white;
	margin: 0;
	text-decoration: none;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	text-transform: uppercase;
	float: right;
	width: 160px;
}
.paginationtop {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
}
#MainForm.publications #DateTime, #MainForm.publications #DateTime .dropdown {
	width: 140px;
}
#MainForm.publications #Author {
	width: 130px;
}
#MainForm.publications #Issue {
	width: 320px;
}
#MainForm.publications #Selection {
	width: 100px;
	padding-left: 20px;
}
/* NAVIGATION */

	/* Primary navigation */
.header .inner .unit {
	position: relative; /* used to position the main navigation */
}
/*.header .primary ul {
	    margin-left: 3%;
	}*/
/*.header .primary li {
	float: left;
	padding-bottom: 14px;
	margin: 0 5px;
	position: relative;
	white-space: nowrap;
}
.header .primary li a {
	color: #fff;
	font-size: 13px;
	font-family: 'HelveticaNeueBold';
	padding: 6px 8px;
	display: block;
}*/
.header .primary li a:hover {
	color: #fff;
	text-decoration: underline;
	outline: none;
}
.header .primary li.section a, .header .primary li.current a {
	color: #fff;
}
.header .primary li.section:after, .header .primary li.current:after {
	content: '}';
	/* adds triangle beneath current nav item ('}' is renders as a triangle when WebSymbolsRegular is set as the font) */
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	bottom: -7px;
	font-family: 'WebSymbolsRegular';
	font-size: 30px;
	color: #fff;
	text-align: center;
	line-height: 20px;
}
/* Tablet Navigation */
	/* When navigation and logo overlap tablet-nav is initialized */
.tablet-nav .brand p {
	margin-bottom: 0;
}
.tablet-nav .header .inner {
	padding-top: 20px;
}
.tablet-nav .header .primary ul {
	float: left;
	clear: both;
	position: relative;
	/*margin: 20px 0 0 -13px;*/
	margin: 20px 0 0 3%;
	white-space: nowrap;
	right: auto; /* resets the right property value that is set for the desktop site */
}
.tablet-nav .header .primary ul li {
	white-space: nowrap;
}
.tablet-nav .header .primary ul li a { /* there is no hover on touch devices so no transition on hover is necessary */
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}
.tablet-nav .footer .right {
	float: left;
	width: auto;
}
.tablet-nav .primary ul.dropdownContent {
	display: none !important;
	text-decoration: none;
}
/* Secondary navigation */
.main .secondary h3 {
	font-size: 20px;
	color: #fff;
	margin: 0px;
	/*font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #00b1fb;
}
.main .secondary {
	display: inline;
	margin: 0 auto;
	width: 100%;
	background: #00b1fb; /* Old browsers */
}
.main .secondary ul {
	padding: 0;
	margin: 0 auto;
}
.main .secondary td {
	border-top-width: 0px;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-bottom: 10px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.main .secondary li .arrow {
	color: #b80000;
	padding-right: 5px;
	display: block;
	font-size: 15px;
	line-height: 20px;
	position: absolute;
	left: 2px;
	top: 7px;
	-moz-transition: 0.2s; /* this transition moves the arrow from left:2px to left:6px */
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.main .secondary li a:hover .arrow {
	left: 6px; /* this sets the final position for the arrow transition */
}
.main .secondary td a { /* side nav link styling */
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 21px;
	color: #004778;
	text-shadow: 1px 1px 1px #FFFFFF;
	line-height: 46px;
	font-family: HelveticaInserat-Roman;
	background: #eee;
	border: 1px dotted #d2d3d5;
	margin:2px;
}
.main .secondary td a:hover { /* side nav link styling */
	
	background: #f6f6f6;
	
}

.main .secondary td .text {
	padding-left: 28px;
	display: block;
}
.main .secondary td.current a.current {
	color: #b80000;
	background-color: #fff;

}
.main .secondary td.currents a.currents {
	font-family: HelveticaInserat-Roman;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	background: #999;
	

}
#currents {
	font-family: HelveticaInserat-Roman;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	background: #666;
}
#currents:hover  {
	font-family: HelveticaInserat-Roman;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	background: #999;
}
.main .secondary td.section, .main .secondary td.current {
	background-color: #fff;
}
.main .secondary td.section a, .main .secondary td.current a {
	font-family: HelveticaInserat-Roman;
	color: #004778;
	text-shadow: 0px 1px 1px #FFFFFF;
	text-decoration: none;
	background: #ccc; /* Old browsers */
}
/* Secondary navigation 2-5 levels deep */
.main .secondary ul ul {
	display: none;
}
.secondary ul li.current ul, .secondary ul li.section ul { /* Only show child pages from selected parent */
	display: block;
}
.secondary li.current ul ul {
	display: none;
}
.main .secondary ul ul li a {
	padding-left: 10px;
} /* Indent all sidebar navigation levels*/
.main .secondary ul ul li a .arrow {
	left: 12px;
}
.main .secondary ul ul li a:hover .arrow {
	left: 16px;
}
.main .secondary ul ul ul li a {
	padding-left: 20px;
}
.main .secondary ul ul ul li a .arrow {
	left: 22px;
}
.main .secondary ul ul ul li a:hover .arrow {
	left: 26px;
	outline: none;
}
.main .secondary ul ul ul ul li a {
	padding-left: 30px;
}
.main .secondary ul ul ul ul li a .arrow {
	left: 32px;
	outline: none;
}
.main .secondary ul ul ul ul li a:hover .arrow {
	left: 36px;
	outline: none;
}
.main .secondary ul ul ul ul ul li a {
	padding-left: 40px;
}
.main .secondary ul ul ul ul ul li a .arrow {
	left: 32px;
}
.main .secondary ul ul ul ul ul li a:hover .arrow {
	left: 36px;
	outline: none;
}
.main .secondary li a:hover, .main .secondary li.section a:hover, .main .secondary li.current a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	background: #0059a2; /* Old browsers */
	background: -moz-linear-gradient(top, #0059a2 0%, #00b1fb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0059a2), color-stop(100%, #00b1fb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0059a2 0%, #00b1fb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0059a2 0%, #00b1fb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0059a2 0%, #00b1fb 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0059a2 0%, #00b1fb 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0059a2', endColorstr='#00b1fb', GradientType=0 ); /* IE6-9 */
}
.btn {
	width: 170px;
}
/* MIXED */
header:after, .main:after, #Root:after, .search-bar:after, header .inner:after, footer:after { /* clearfix */
	height: 0;
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}
.search-bar form input.action, .header .primary li a, .footer a { /* adds color transition when links/inputs on hover */
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}
.footer a.brand {
	color: #333;
	margin-left: 0;
}
.footer a.brand:hover {
	color: #B80000;
}
body h1 span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", Georgia;
	font-style: italic;
}
/************************************************************************************
DIVIDER
*************************************************************************************/
.module-divider {
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
}
.module-divider.dashed {
	border-style: dashed;
}
.module-divider.solid {
	border-style: solid;
}
.solidabout-divider {
	float: none;
	background-position: center 100%;
	display: block;
	margin-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.module-divider.dotted {
	border-style: dotted;
}
.gendotdiv {
	border-top-width: 1px;
	border-top-style: dotted;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top-color: #cccccc;
}
.gendotdiv65 {
	border-top-width: 1px;
	border-top-style: dotted;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top-color: #cccccc;
	width: 65%;
}
.sidebardotdiv {
	border-top-width: 1px;
	border-top-style: dotted;
	margin-top: 20px;
	margin-bottom: 0px;
	border-top-color: #cccccc;
}
.module-divider.double {
	border-style: double;
}
.module-divider .module-title {
	border: none;
}
.livediv {
	border-top-width: 1px;
	border-top-style: dotted;
	margin-top: 2px;
	margin-bottom: 0px;
	border-top-color: #cccccc;
}
/************************************************************************************
end DIVIDER
*************************************************************************************/
/* FOOTER */

.ftrbg {
	max-width: 100%;
	margin: 0 auto;
	padding: 15px;
	background: #004778;
	color: #FFF;
}
.message {
	font-family: Arial, Helvetica, sans-serif;
	/*color: #;*/
	padding: 11px 0;
	font-size: 19px;
	line-height: 1.5em;
	width: 62%;
}
.message.good {
	background-color: #ecf9d0;
	border-color: #8fbe00;
	color: green;
}
.message.bad {
	background-color: #f9d0d0;
	border-color: #cf0000;
	color: #b80000;
}
.message.warning, .message.validation {
	color: #333;
}
.ftr13 {
	color: #FFF;
	margin: 30px auto 0 auto;
	background: #004778;
}
.ftr13 a {
	color: #fff;
	font-weight: 600;
	font-size: 11px;
	line-height: 19px;
	display: inline-block;
	text-decoration: none !important;
	border-bottom: none !important
}
.ftr13 a:hover {
	color: #7ec0f1 !important;/*	border-bottom: dotted;
	border-bottom-color: #f7f7f7;
	border-bottom-width: 1px;
	outline:none;*/
}
.ftr13 .left {
	float: left;
	display: inline-block;
	margin-bottom: 10px;
}
.ftr13 .right {
	float: right !important;
	display: inline-block;
}
.ftr13 span {
	padding: 0 3px;
	color: #fff;
}
.ftr13 .line {
	clear: both;
	margin: 0 0 25px 0;
	padding: 0
}
.ftr13 .footerContent {
	margin: 0 auto;
	max-width: 960px;
	width: auto;
	padding-left: 0;
	padding-right: 0
}
.ftr13 h5 {
	display: inline-block;
	color: #dedede;
	padding: 15px 0 5px 0;
	margin-bottom: 5px
}
.ftr13 .mission {
	margin: 25px auto 40px auto;
	padding: 15px 0 5px 0;
	font-size: 22px;
	/*letter-spacing: .5px;*/
	font-weight: bold;
	line-height: 31px;
	max-width: 920px;
	text-align: center !important;
	text-shadow: 0px 2px 3px #002945;
}
.ftr13 .primary, .ftr13 .primary ul {
	display: block;
	margin: 0 auto;
	padding: 0;
}
.ftr13 .primary {
	padding: 0;
	text-align: left;
	float: left;
}
.ftr13 .primary li {
	display: inline-block;
}
.ftr13 .primary li a {
	color: #fff;
}
.ftr13 .primary li a:hover {
	color: #7ec0f1 !important;
}
.ftr13 small {
	display: block;
	float: right !important;
	text-align: right;
	color: #7ec0f1;
	font-weight: 700;
	padding-top: 10px;
}
.ie6 .footer .primary li, .ie7 .footer .primary li { /* this is a bugfix for ie6/7 */
	display: inline;
	zoom: 1;
	margin-right: 10px;
}
.ftr13 .primary li:after { /* adds '/' to separate the footer navigation items */
	padding: 0 3px 0 5px;
	content: '/';
	font-weight: 700;
	color: #7ec0f1;
}
.ftr13 .primary li:last-child:after {
	content: ''; /* makes sure last nav item doesn't have a '/' following it */
}
.ftr13 .arrow {
	padding: 0 8px 0 5px;
	color: #1a73b5;
	font-size: 13px;
}
.ftr13 .primary .nav-open-button {
	display: none;
	text-decoration: none; /* the footer includes the primary nav include - this makes sure the nav open close button doesn't show up */
}
#ftr13title {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-shadow: 0px 1px 1px #000000;
	cursor: pointer !important;
	font-weight: bold;
	text-transform: uppercase;
}
/* Search Results */
.typography .searchResults h1 {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.searchResults p.searchQuery {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
}
.searchResults ul#SearchResults {
	padding: 0;
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
}
.searchResults ul#SearchResults li {
	border-top: 1px solid #e5e5e5;
	padding: 0px 0;
	list-style-type: none;
}
.searchResults ul#SearchResults p {
	margin-bottom: 10px;
}
.searchResults #PageNumbers a {
	padding: 0 5px;
}
.searchResults #PageNumbers .pagination {
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 0;
	display: table; /* displays the pagination as a table so that elements stay inline and the middle column adjusts its size to accomodate and the right arrow stays to the right */
	width: 100%;
}
.searchResults #PageNumbers .pagination span {
	display: table-cell; /* each element in the pagination div displays as a table cell */
}
.searchResults #PageNumbers p {
	text-align: center;
	padding: 20px 0;
}
.searchResults #PageNumbers .next, .searchResults #PageNumbers .prev {
	font-size: 14px;
	padding: 0 20px;
	display: table-cell; /* each element in the pagination div displays as a table cell */
	vertical-align: middle;
	border-bottom: 0 !important;

}
.searchResults #PageNumbers .next {
	margin-left: 15px;
}
.searchResults #PageNumbers .prev {
	margin-right: 15px;

}
#searchArrow {
	color: #b3b3b3;
}
#prevnextblock {
	color: #6f6f6f;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #acc9e9;
}

#prevnextblock:hover {
	color: #004777;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #acc9e9;
}

#PageNum {
	color: #000;
	font-weight: bold;
	border: 2px solid #acc9e9;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
/* PAGE SPECIFIC LAYOUT - about-us */
.bqhz {
	max-width: 600px;
	float: none;
	background-color: #fff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	background-image: url(../images/about/aboutqtebtm.png);
	background-repeat: no-repeat;
	background-position: center 100%;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#bqhzcopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	max-width: 600px;
	line-height: 1.5em;
	float: none;
	background-color: #fff;
	padding-bottom: 10px;
	color: #333333;
	background-repeat: no-repeat;
	background-position: center 100%;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#bqhztopline {
	max-width: 600px;
	background-image: url(../images/about/aboutqtetop.png);
}
#aboutus-sidebar {
	line-height: 1.5em;
	color: #333;
	font-size: 12px;
}
#aboutsecheaders {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	text-decoration: none;
	font-weight: bold;
}
/* PAGE SPECIFIC LAYOUT - Speaking engagements */

.sespeaker {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 24px;
	padding-bottom: 18px;
	line-height: 1.5em;
	font-weight: bold;
}
/* global button styles */

.subscribe-now,
.mi-button {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #09215a;
	font-size: 16px;
	line-height: 30px;
	padding: 4px;
	border: 1px solid #000;
	width: 194px;
	background: #fff; /* Old browsers */
	text-decoration: none;
	font-weight: bold;
}
.subscribe-now:hover,
.mi-button:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #09215a;
	font-size: 16px;
	line-height: 30px;
	padding: 4px;
	border: 1px solid #000;
	width: 194px;
	background: #ccc; /* Old browsers */
	text-decoration: none;
	font-weight: bold;
}
/* DEVICE & RESPONSIVE LAYOUT */
.header .nav-open-button {
	display: none; /* removes the nav toggle button for desktop site */
}
#media-query-trigger {
	/* instead of detecting the width of the window in simple/javascript/script.js it detects the visibility of this element (which is set using media queries)
    instead to trigger the hiding/showing of nav and search in mobile mode */
	display: none;
	visibility: hidden;
}

/* BREAKPOINT 960px */

@media only screen and (max-width: 960px) {
.content img {
	max-width: 97%;
	height: auto;
}
.content-container, .sidebar {
	width: 100%; /* sidenav is now shown above the page content */
	margin-bottom: 30px;
}
.header .primary ul {
	margin-left: -12px;
	-webkit-padding-start: 0px; /* removes default webkit padding on ul items */
}

}

/* BREAKPOINT 640px */

/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 640px) {
body {
	max-width: 640px;
}
#media-query-trigger {
	visibility: visible;
}
/* Navigation*/
.main .secondary {
	display: none
}
#msecondary {
	display: block
}
.tablet-nav .header .brand {
	float: none;
	display: inline-block;
	margin-left: 0px;
	margin-bottom: 22px;
	display: block;
	width: 100%;
}
.brand img {
	display: block;
	float: left;
	width: 280px;
	padding-bottom: 40px;
	margin: 0 auto;
}
.brand h1 {
	font-size: 40px;
}
.brand h1 {
	padding-right: 100px; /* padding stops .brand text from overlapping the search and nav buttons */
}
.tablet-nav .header {
	padding: 0px;
}
.tablet-nav .header .inner {
	padding: 24px 0 0 0;
	min-height: 0;
}
.tablet-nav .header .primary .nav-open-button { /* styling and positioning of the nav toggle button */
	z-index: 100;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
	top: 35px;
	display: block;
	cursor: pointer;
	font-family: 'WebSymbolsRegular';
	font-size: 20px;
	color: #ededed;
}
.tablet-nav .header .primary ul {
	z-index: 10;
	position: relative;
	display: none; /* initially hiding the navigation */
	float: left;
	margin: 0;
	padding: 0;
	white-space: normal;
	width: 100%;
	height: 100%
}
.tablet-nav .header .primary ul li {
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
	position: relative;
	background-color: #FFFFFF;
	border-bottom: 1px solid #000;
	background-repeat: repeat;
}
.tablet-nav .header .primary ul li:after { /* creates the arrow for the primary nav links */
	content: '\003e';
	display: block;
	position: absolute;
	right: 20px;
	top: 0px;
	font-family: 'WebSymbolsRegular';
	font-size: 14px;
	color: #999;
	text-align: center;
	vertical-align: middle;
	line-height: 38px;
	background-color: #FFFFFF;
}
.tablet-nav .header .primary ul li a, .tablet-nav .header .primary ul li.current a, .tablet-nav .header .primary ul li.section a { /* styling the  top level nav links */
	font-family: Arial, Helvetica, sans-serif;
	color: #145789;
	background-color: #fff;
	background-repeat: repeat;
	margin-top: 0px;
	padding-left: 22px;
	line-height: 38px;
	text-align: left;
}
.tablet-nav .header .primary ul li.current a, .tablet-nav .header .primary ul li.section a {
	background-color: #FFF; /* makes background on current top level page slightly darker */
	background-repeat: repeat;
}
.tablet-nav .header .primary ul li a:hover {
	color: #333333;
	background-color: #FFF;
	background-repeat: repeat;
}
.tablet-nav .header .primary li.section:after, .tablet-nav .header .primary li.current:after {
	display: none; /* hides the primaryprimary arrow on current top level page */
	background-color: #FFF;
}
.tablet-nav .tablet-nav .header nav.primary ul li {
	padding: 0;
	background-color: #FFF;
}
/* CONNECT ICONS */
#ConnectIcons {
	display: none;
}
/* Search Form */
.search-bar { /* adds new styling to mobile search bar */
	width: 100%;
	position: relative;
	top: 0;
	right: 0;
	display: none; /* hides searchbar initially */
	padding: 20px 0;
	margin: 0;
	background-color: #E7E7E7;
}
.search-dropdown-icon { /* styling for search toggle button */
	display: block;
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 60px;
	top: 34px;
	font-family: 'WebSymbolsRegular';
	font-size: 20px;
	color: #ededed;
	text-align: center;
	line-height: 20px;
}
.search-bar form {
	margin: 0;
	width: 100%;
}
.search-bar form fieldset {
	padding: 0 18px;
	left: 0;
	right: 0;
	position: relative;
}
.search-bar div.field {
	margin-bottom: 0;
}
.search-bar form input.text {
	width: 89%; /* makes search input full width - allowing for space either side */
	max-width: 89%;
	padding: 8px 10% 8px 1%;
	text-indent: 15px;
	position: relative;
	display: block;
	right: 0;
	left: 0;
	border: 1px solid #e5e5e5;
	background: #fff;
	font-size: 17px;
	-moz-border-radius: 20px; /* increase border radius due to increased padding */
	border-radius: 20px;
}
.search-bar form input.action {
	right: 5%;
	top: 2px;
	font-size: 18px;
}
/* videosearch */

.videosearch1 { display:none}

#videosearch1 { display:none}

#MainForm .dropdown {
	font-size: 12px;
	float: left;
	width: 170px;
	display: show;
}
#MainForm .field .text {
	display:none;
}
#MainForm .left {
	display:none;
}
#MainForm  #Title {
display: none;
}
#MainForm  #Event {
	display: none;
}
#MainForm  #Author {
display: none;
}
#MainForm  #Issue {
	display: none;
}
#MainForm  #Selection {
display: none;
}
#MainForm  #Speaker {
	display: none;
}
#MainForm .Actions .action {
display:show;
float:left;

}

/* end video */

/* Main Content */
.main {
	padding: 20px 0 45px; /* decrease padding so that more content can fit on screen */
}
.content-container, .sidebar {
	width: 100%; /* sidenav is now shown above the page content */
	margin-bottom: 30px;
}
.typography h1 { /* decrease size of page heading due to smaller screen */
	font-size: 30px;
	line-height: 35px;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.typography p {
	font-size: 14px;
	line-height: 23px;
}
p.intro {
	font-size: 19px;
	line-height: 27px;
}
.main .inner {
	padding: 0 22px;
}
/* Secondry Nav */
.secondary li a {
	line-height: 24px;
}
.secondary li .arrow {
	line-height: 26px;
}
/* Footer */
.footer .right {
	float: left;
	width: 100%;
}
}

/* Print Styles */

/* Based on HTML5 boilerplate print styles */
@media print {
* {
	background: transparent !important;
	color: black !important;
	box-shadow: none !important;
	text-shadow: none !important;
	filter: none !important;
	-ms-filter: none !important;
}
a, a:visited {
	text-decoration: underline
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
/*
     * Don't show links for images, or javascript/internal links
     */

.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}
thead {
	display: table-header-group
}
tr, img {
	page-break-inside: avoid
}
img {
	max-width: 100% !important
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
 @page {
margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
/* Simple theme custom print styles */
.header, .footer, .nav-open-button, .search-bar, .search-dropdown-icon, nav.primary {
	display: none;
}
.colcenter {
	display: block;
	float: left;

}
.colcenter:first-child {
 margin-left: 0;

}
}


/****** FILE: themes/miTheme/css/MI.css *****/
/* FOUNDATION HELPERS FOR BASE */

.img-responsive {
	max-width: 100%;
	height: auto;
	background: none !important;
}

/* Fix header image for retina */

img.header-logo {
	height: 108px;
	margin: 8px 0 20px 0;
}


/* Nicer pagination layout */

.pagination {
	margin-bottom: 30px;
}

.pagination span a {
	padding: 8px 10px;
	margin: 0 3px 3px 0;
	background: #EFEFEF;
	color: #333;
	display: inline-block;
}

.pagination span.current a {
	background: #333;
	color: #FFF;
}

/* OTHER STYLES */

#LeftContent.twoCol {
	float: left;
	width: 46%;
	padding-left: 10px;
}

.twoColr {
	float: left;
	width: 46%;
	padding-left: 60px;
}

#containerWithSidebar #LeftContent {
	float: left;
	width: 68%;
	margin-right: 10px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #999;
}

/* faq styles */
.titlefaq {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	width: 90%;
	color: #000;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	padding-right: 14px;
	margin-left: 14px;
	margin-right: 14px;
	padding-left: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 1.5em;
	text-shadow: 0px 1px 1px #fff;
	font-size: 18px;
	vertical-align: middle;
	background-position: center center;
	display: block;
	border: 1px solid #ddd;
	font-weight: 700;
}

.faqanswer {
	padding-right: 16px;
	padding-left: 32px;
	padding-top: 14px;
	padding-bottom: 4px;
}

/* Commenting styles */
#comments-holder h4 { clear: both; }

.comments-holder ul.comments-list {
	margin: 0;
	padding: 0;
}

.comments-holder ul.comments-list li { list-style-type: none; }

/* blockquotes */

#blk {
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0;
	padding-left: 30px;
	background-color: transparent;
	background-repeat: no-repeat;
	padding-right: 0px;
	line-height: 1.5em;
	padding-top: 0px;
	text-indent: 0px;
	display: block;
	width: 200px;
	font-size: 14px;
	font-style: italic;
	background-image: url(../images/block-quote.png);
	background-position: 0px 0;
	font-family: Arial, Helvetica, sans-serif;
	overflow: visible;
}

/* grid nav */
#navsec { width: 100%; }

.nav1of5 { width: 20%; }

.navlast { /* lastUnit - Extends unit. Applied to the last child of every line. */
	float: none;
	width: auto;
	position: relative; /* Bug fix for IE6 - Internet Explorer 6 and below wouldn't fail on properties that were prefixed with non-alphanumeric characters.
	meaning that anything prefixed with _ wouldn't be picked up by any other browsers */
	left: 0px;
	margin-right: 0px;
}
.connect .upper { min-height: 225px; }

.connect p { color: #000; }

.connect img { border: none }

.connect .heading {
	clear: both;
	color: #12438F;
	padding-top: 17px;
	padding-bottom: 15px;
	border-top: 2px solid #009bda;
	border-bottom: 2px solid #009bda;
	font-size: 19px;
	font-weight: 700
}

.connect .heading a {
	color: #12438F;
	text-decoration: none
}

.connect .heading a:hover {
	text-decoration: none;
	color: #009bda;
	transition: all .3s ease;
	-moz-transition: all .3s ease; /* Firefox 4 */
	-webkit-transition: all .3s ease; /* Safari and Chrome */
	-o-transition: all .3s ease;  /* Opera */
}

.connect .heading2 {
	border-top: 3px double #ccc;
	border-bottom: 3px double #ccc;
	font-size: 19px;
	padding: 10px 0;
	color: #12438F;
	font-weight: 600;
}

.connect h3 {
	display: inline-block;
	font-weight: 600;
	font-size: 19px;
	letter-spacing:-.5px;
}

.connect h3 a {
	color: #009bda;
}

.connect h3 a:hover {
	color: #000;
	text-decoration: none;
	transition: all .3s ease;
	-moz-transition: all .3s ease; /* Firefox 4 */
	-webkit-transition: all .3s ease; /* Safari and Chrome */
	-o-transition: all .3s ease;
}

.connect .image {
	float: left;
	display: inline-block;
	max-width: 50px;
	margin-bottom: 5px;
	margin-right: 2px;
}

.connect .left { clear: left; }

.connect .btn a {
	display: inline-block;
	text-align: left;
	max-width: 185px;
	margin: 5px;
	text-decoration: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(250,250,250,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(250,250,250,0.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(250,250,250,0.4);
}

.connect .btn a:hover {
	opacity: 0.8;
	transition: all .3s ease;
	-moz-transition: all .3s ease; /* Firefox 4 */
	-webkit-transition: all .3s ease; /* Safari and Chrome */
	-o-transition: all .3s ease;  /* Opera */
}

.connect .hash a {
	font-size: 17px;
	line-height: 20px;
	padding: 10px 5px 5px 5px;
	min-width: 220px;
	border: 1px solid #002B46;
	font-weight: 600;
	border-top-right-radius: .75em;
	border-bottom-left-radius: .75em;
	-webkit-border-top-right-radius: .75em; /* Safari */
	-webkit-border-bottom-left-radius: .75em; /* Safari */
	-moz-border-top-right-radius: .75em; /* moz */
	-moz-border-bottom-left-radius: .75em; /* moz */
	-o-border-top-right-radius: .75em; /* opera */
	-o-border-bottom-left-radius: .75em; /* opera */
	color: #fff;
	background: #004778;
	cursor: pointer !important;
	text-shadow: 1px 1px #000000;
}

.connect .hash a:hover {
	background-color: #009bda;
	opacity: 1;
	border: 1px solid #128EC0;
}

.connect .dl {
	float: left;
	display: inline-block;
	padding: 0 5px 5px 0;
}
/* pw */
.pw-blurb {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:4px;
	padding-right:4px;
	}
.pw-headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 1.2em;
	margin-top: 14px;
	margin-bottom: 4px;
	background-position: left top;
	display: inline;
	font-weight: bold;
}
.pw-date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
}
.pw-desc {
	font-size: 14px;
	color: #555;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 4px;
	word-wrap: break-word;
}
.pw-floatimage {
	float: left;
    padding-right: 10px;

}
.pw-ourworkimage {
	position: relative;

}
.pw-overcopy {
	position: absolute;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.1em;
	ffont-family: Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-shadow: 2px 2px 2px #000;
	top: 525px;
	left: 10px;
	width:900px;
}
@media screen and (max-width: 640px) {
.pw-overcopy {
	position: absolute;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px #000;
	top: 70%;
	left: 10px;
	width: 95%;
	letter-spacing: 0px;
}
.pw-floatimage {
	display:none;

}
}




















/****** FILE: themes/miTheme/css/typography.css *****/
/** ----------------------------------------------------------
 *
 * Contains the generic theme typography styles
 *
 *    Include your notes or table of contents here
 *
 *    Include color hex's or values of your grid
 *      #333333             - body
 *      #6fbeff             - links, headings
 *      #D80000             - links on hover
 *      5px Vertical grid   - based on multiples of 5px, eg 10px, 15px, 20px, 25px...
 *
 *    @author Your Name <email@gmail.com>
 *
 * ------------------------------------------------------- */

/* TEMPLATE CUSTOM FONTS */
  /* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 20, 2012 06:04:25 AM America/New_York */

  /* add your own custom fonts here */

@font-face {
	font-family: 'HelveticaNeue';
	src: url('../webfonts/helveticaneue-webfont.eot');
	src: url('../webfonts/helveticaneue-webfont.eot?#iefix') format('embedded-opentype'),  url('../webfonts/helveticaneue-webfont.woff') format('woff'),  url('../webfonts/helveticaneue-webfont.ttf') format('truetype'),  url('../webfonts/helveticaneue-webfont.svg#HelveticaNeue') format('svg');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
@font-face {
	font-family: 'HelveticaNeue-italic';
	src: url('../webfonts/helveticaneue-italic-webfont.eot');
	src: url('../webfonts/helveticaneue-italic-webfont?#iefix') format('embedded-opentype'), url('../webfonts/helveticaneue-italic-webfont.woff') format('woff'), url('../webfonts/helveticaneue-italic-webfont.ttf') format('truetype'), url('../webfonts/helveticaneue-italic-webfont#HelveticaNeue-italic') format('svg');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
@font-face {
	font-family: 'HelveticaNeueBold';
	src: url('../webfonts/helveticaneuebold-webfont.eot');
	src: url('../webfonts/helveticaneuebold-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/helveticaneuebold-webfont.woff') format('woff'), url('../webfonts/HelveticaNeueBold.ttf') format('truetype'), url('../webfonts/helveticaneuebold-webfont.svg#HelveticaNeueBold') format('svg');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
@font-face {
	font-family: 'helvetica-neue-73';
	src: url('../webfonts/helvetica-neue-73.eot');
	src: url('../webfonts/helvetica-neue-73.eot?#iefix') format('embedded-opentype'), url('../webfonts/helvetica-neue-73.woff') format('woff'), url('../webfonts/helvetica-neue-73.ttf') format('truetype'), url('../webfonts/helvetica-neue-73.svg#helvetica-neue-73') format('svg');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
@font-face {
	font-family: 'HelveticaInserat-Roman';
	src: url('../webfonts/HelveticaInserat-Roman.eot');
	src: url('../webfonts/HelveticaInserat-Roman.eot?#iefix') format('embedded-opentype'), url('../webfonts/HelveticaInserat-Roman.woff') format('woff'), url('../webfonts/HelveticaInserat-Roman.ttf') format('truetype'), url('../webfonts/HelveticaInserat-Roman#HelveticaInserat-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
@font-face {
	font-family: 'CamboRegular';
	src: url('../webfonts/Cambo-Regular-webfont.eot');
	src: url('../webfonts/Cambo-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/Cambo-Regular-webfont.woff') format('woff'), url('../webfonts/Cambo-Regular-webfont.ttf') format('truetype'), url('../webfonts/Cambo-Regular-webfont.svg#CamboRegular') format('svg');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
@font-face {
	font-family: 'WebSymbolsRegular';
	src: url('../webfonts/websymbols-regular-webfont.eot');
	src: url('../webfonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/websymbols-regular-webfont.woff') format('woff'), url('../webfonts/websymbols-regular-webfont.ttf') format('truetype'), url('../webfonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
/* BASE TYPOGRPHY */

/* These are the default styles for the Simple theme */
body {
	font-size: 14px; /* This overrides the browsers default font size */
	line-height: 20px; /* If you change the font-size make sure you change the line-height value as well - the usual ratio is around 1.5 (font-size x 1.5 = line-height) */
	margin-bottom: 0px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}
body a {
	text-decoration: none;
} /* this removes the underline from all links */
body a:link {
	-webkit-tap-highlight-color: #6fbeff
} /* this sets the highlight color when links are tapped on Safari (browser) on iPhone */
/* HEADERS */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif; /* This references one of the custom @font-face fonts - the other fonts that are referenced are fallbacks for browsers that don't support @fontface */
	font-weight: normal;
	margin-bottom: 10px;
	color: #000;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	-webkit-font-smoothing: antialiased;
}
h1 {
	font-size: 36px;
	line-height: 45px;
	margin: 0 0 25px 0;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
}
h2 {
	font-size: 28px;
	line-height: 35px;
	margin-bottom: 15px;
	font-weight: bold;
}
h3 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: bold;
}
h4 {
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 5px;
	font-weight: bold;
}
h5 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
	font-weight: bold;
}
h6 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	font-weight: bold;
}
/* PARAGRAGHS */
.typography p {
	font-size: 11pt;
	line-height: 1.5em;
	margin: 0 0 20px;
}
.typography .intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 20px;
}
.typography em {
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.em {
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

::selection, ::-moz-selection { /* Applies style to highlighted portion of a page */
 background: #6fbeff;
 color: #fff;
 text-shadow: none;
}
/* LINKS */
/*.typography a, 
.typography a.intro {
    color: #6fbeff;
    text-decoration: none;
}
  .typography a:hover { 
    color: #D80000;
    border-bottom: 1px dashed #6fbeff;
  }*/
.typography a:focus {
}
/* LIST STYLES
-------------------------------------------- */
.typography ul, .typography ol, .typography dl {
	font-size: 11pt;
	line-height: 1.5em;
	margin: 0 0 20px 25px;
}
.typography ul li {
	font-size: 11pt;
	line-height: 1.5em;
	list-style-type: disc;
} /* adds disc style bullet to the list */
.typography li {
	font-size: 11pt;
	line-height: 1.5em;
	margin-bottom: 5px;
}
/* TABLE STYLES
-------------------------------------------- */

.typography table {
	border-collapse: collapse; /* borders are collapsed into a single border when possible */
	/*border: 1px solid #d4d4d4;*/
	border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
	/*margin: 0 0 10px;*/
	text-align: left;
}
.typography table tr:nth-child(even) {
	background-color: #ededed
}
.typography table tr.even,  .typography table th,  .typography thead td {
	background-color: #ededed
}
.typography table td,  .typography table th {
	/*padding: 2px 5px;*/
      /*border: 1px solid #d4d4d4;*/
	vertical-align: top;
}
.typography table th {
	font-weight: bold;
}
/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left
}
.typography .center {
	text-align: center
}
.typography .right {
	text-align: right
}
/* IMAGES 
-------------------------------------------- */
.typography img {
	/*border: 5px solid #d7d7d7;*/
	height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
	background: transparent url(../images/ajax-loader.gif) no-repeat center center;
}
.typography img.left {
	float: left;
	max-width: 50%;
	margin: 5px 20px 10px 0;
}
.typography img.right {
	float: right;
	max-width: 50%; /* Responsive width */
	margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
	float: left;
	margin-right: 100%;
	margin-bottom: 10px;
	clear: both;
}
.typography img.center {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 10px;
	clear: both;
}
.typography .captionImage {
	width: 100%;
	margin-top: 5px;
}
.typography .captionImage img {
	margin: 0;
}
.typography .captionImage.left {
	float: left;
	margin: 5px 30px 20px 0px;
}
.typography .captionImage.right {
	float: right;
	margin: 5px 0 20px 30px;
}
.typography .captionImage.left[style],  .typography .captionImage.right[style] {
	max-width: 50%; /* Overides core width to make responsive */
}
.typography .captionImage.left img,  .typography .captionImage.right img {
	float: none;
	max-width: none;
	width: 100%;
}
.typography .captionImage.left img {
	margin-right: -10px;
}
.typography .captionImage.right img {
	margin-left: -10px;
}
.typography .captionImage.right p {
	margin-left: -10px;
	text-align: left;
	margin-left: -10px;
}
.typography .captionImage.leftAlone {
	float: none;
	margin: 0 20px 20px 0px;
}
.typography .captionImage.center {
	margin: 0 auto 20px;
}
.typography .captionImage p {
	clear: both;
	margin: 5px 0;
	font-style: italic;
	color: #888;
}
/* BLOCKQUOTES
-------------------------------------------- */
.typography blockquote {
	font-family: Arial, Helvetica, sans-serif;
	color: #777;
	font-size: 15px;
	line-height: 25px;
	display: block;
	font-style: italic;
	margin: 0 0 20px;
	float: right;
	text-indent: 30px;
	width: 300px;
	margin-left: 5%;
	clear: both;
	background-color: transparent;
	background-image: url(../images/block-quote.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.typography blockquote p {
	font-size: 15px;
	line-height: 25px;
}
.typography pre {
	background: #F7F7F7;
	border: 1px solid #E4E4E4;
	font-family: Courier, monospace;
	margin: 0 0 20px 0;
	padding: 15px;
	clear: both;
}
/* custom BQs */
.bq1blogpage {
	border-left: 4px solid #247fcc;
	color: #247fcc;
	font-style: italic;
	margin: 30px 0 30px 15px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	background-color: #eeeeee;
}
.bq2blogpage {
	border-top: 4px solid #004777;
	border-bottom: 4px solid #004777;
	color: #FFFFFF;
	font-style: italic;
	margin: 30px 0 30px 15px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	background-color: #247fcc;
}

/* ADDRESS
-------------------------------------------- */
address {
	display: block;
	margin-bottom: 20px;
}


/****** FILE: themes/miTheme/css/form.css *****/
/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module.
 *
 ** ------------------------------------------------------- */


/* GENERIC FORMS
----------------------------------------------- */

form {
    max-width: 500px;
    width: 50%;
}
div.field {
    margin: 10px 0 15px;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 5px;
}
    form label.left {
        display: block;
        font-weight: bold;
    }
    form label.right {
        font-size: 12px;
        color: #888;
    }

form input.text,
form textarea,
form .textajaxuniquetext,   /* Not sure if this is used? */
form select {
    width: 100%;
    max-width: 400px;
    padding: 6px 5px;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #dad9d9;
}
    .ie7 form select { width: 400px; } /* fix for ie7's rendering of max-width property on select input */

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical; /* forces text area to be resized vertically only */
}


/* Radio and Checkbox */
.field .checkbox, .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}
    .checkbox label.right,
    .radio label.right {
        float: left;
    }


/* Messages */
form .message {
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
}
    form .good {
        background-color: #ecf9d0;
        border-color: #8fbe00;
    }
    form .bad, form .required {
        background-color: #f9d0d0;
        border-color: #cf0000;
        color: #b80000;
    }


/* ACTIONS */
.Actions {
    margin-bottom: 20px;
}
    a.btn, button, input[type="submit"], .Actions .action {
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	font-size: 12px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #004777;
	
    }
	
    a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {
        background: none;
		background-color: #004777;
        color: #ccc;
    }
    a.btn {
        line-height: 18px;
        margin-bottom: 10px;
    }
    a.btn:after {                     /* creates arrow in button */
        content: '\2192';
        padding-left: 10px;
    }
    .ie7 input.action {
	width: 0;                     /* IE table-cell margin fix */
	overflow: hidden;
    }
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    .ie7 .Actions .action {
        float: left;
    }
    .Actions:after {
        color: #B94A48;
        display: inline-block;
        font-weight: normal;
        margin-top: 9px;
    }
    #MemberLoginForm_LoginForm .Actions:after {
        display: none;
    }


/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    #Remember {
        min-height: 20px;
    }
    #ForgotPassword {
        clear: left;
    }
    #MemberLoginForm_LostPasswordForm .Actions:after {
        display: none;
    }

    /* Search / Login */
    .header form .middleColumn {
        /* float: none;
        width: 100% !important; */
    }




/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */

/*Generic and mixed*/
.FormHeading {
    clear: both;
    padding-top: 15px;
}
form .date .middleColumn input {
    /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
    width: 114px;
}
.Actions input.resetformaction,
.Actions input.action-minor {                  /* Clear button */
    float: left;
    background-color: #888;
}
.Actions input.resetformaction:hover,
.Actions input.action-minor:hover {            /* Clear button */
    background-color: #aaa;
}

/* Labels */
.checkbox label.right {
    font-size: 13px;                            /* reset to default */
    color: #333;                                /* reset to default */
}
form .requiredField label.left:after { /* pseudo element adds an asterisk to a required fields label */
    color: #B94A48;
    content: "*";
    font-size: 14px;
    font-weight: normal;
    padding-left: 3px;
}

/* Radio / Checkbox */
form .checkboxset ul,
form .optionset ul {
    margin: 0;
}
    form .checkboxset li,
    form .optionset li {
        margin-bottom: 5px;
        list-style-type:none;
    }
    form div.checkbox:after { /* clearfix */
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    form .checkbox .checkbox { clear: both; }

/* Messages */
span.message {
    margin: 10px 0;
    display: block;
    max-width: 390px;
    clear: left;
}
div.holder-required {               /* This class needs to be changed - is used for both input and div */
    /* background-color: #f9d0d0;
    border: 1px solid #cf0000;
    padding: 10px;
    margin-left: -11px; */
}
form input.holder-required {        /* This class needs to be changed - is used for both input and div */
    border: 1px solid #cf0000; 
}

/* Error messages */
input:invalid,
textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
    -webkit-box-shadow: 0px 0px 5px red;
    box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}

/* To test - potentially not needed? */
.ss-uploadfield-item-info button{
    margin-top: 4px !important;
    float: left;
}
form .creditCardField input,
form input.currency,
form input.numeric {
    width: 50px;
}
form #DMYDate-month,
form #DMYDate-day {
    width: 25px
}




/* Responsive form styles
----------------------------------------------- */

@media only screen and (max-width: 700px) { 

    /* To test - potentially not needed? */
	.header form .middleColumn {
	    float: none;
	    width: 100% !important;
	}
	form label.left,
	#MemberLoginForm_LoginForm label {
	    margin-bottom: 8px
	}
	
}

@media only screen and (max-width: 900px) { 
    form {
        max-width: 100%;
    }
}

@media only screen and (min-width: 700px) { 

}


/****** FILE: themes/miTheme/css/Navigation.css *****/
.menu,.menu ul,.menu li,.menu a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	text-decoration: none;
}

.menu {
	position: relative;
	height: 30px;
	max-width: 920px;
	padding: 0;
	float: left;
	background: #004778;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-decoration: none;
	
}

.menu li {
    list-style: none;
    float: left;
    display: block;
    height: 40px;
	text-decoration: none;
}




/* Links */
.menu li a {
    padding: 0 14px;
    margin: 6px 0;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.menu li:first-child a {
    border-left: none;
}
.menu li:last-child a{
    border-right: none;
}
.menu li a {
    color: #bbb;
}
.menu li:hover > a {
    color: #fff;
}
.menu li > a:hover {
    color: #fff;
}
.menu li > a.current {
    color: #fff;
}
.menu li > a.section {
    color: #fff;
}

/* Sub Menu */
.menu ul {
	color: #333;
	position: absolute;
	width: 958px;
	top: 30px;
	left: 0;
	opacity: 0;
	background: #fff;
	text-decoration: none;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
	z-index: 1;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}
.menu li:hover > ul {
	opacity: 1;
	z-index: 9999;
	text-decoration: none;
}
.menu ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
	text-decoration: none;
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
.menu li:hover > ul li {
    height: 240px;
    padding: 10px;
    overflow: visible;
    padding: 0;
}
.menu ul li a {
    color: #145789;
    font-size: 12px;
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #353539;
}
.menu ul li:last-child a {
    border: none;
}
#basicnavlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.8 em;
	color:#004778;
	 }
.basicnavcopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #333333;
	text-decoration: none;
	 }
	 /* sub menu */

#nav-link {
	
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #004778;
	line-height: 1.6em;
	font-weight: bold;
}
.nav-link {
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #004778;
	line-height: 1.6em;
	font-weight: normal;
}
.navitalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	font-style: italic;
	text-decoration: none;
}
#tab-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	padding-left: 6px;
	padding-top: 16px;
	font-weight: bold;
	border: none;
	 }

#dd-width {
	width: 960px;
	float: left;
	z-index: 999;
	display: block;
	position: absolute;
	word-wrap: break-word;
}
#about-left {
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: left;
	vertical-align: top;
	text-decoration: none;
}

#about-right {
	
	font-size: 14px;
	word-break: normal|break-all|hyphenate;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#about-img {
	margin-left: 4px;
	float: right;
	height: 131px;
	width: 216px;
}
#research-left {
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-position: left top;
}
#researchright {
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #fff;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-position: left top;
}
#research-middle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999;
	padding: 10px;
	background-position: left top;
	font-weight: normal;
}
#research-right {
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-position: left top;
}
#research-featuredpub {
	margin: 10px;
	border: 1px solid #666;
}
#events-left {
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-position: left top;
}
#events-right {
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-position: left center;
}
#events-right img {
	padding-left: 20px;
	background-position: left middle;
}
#events-middle {
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-position: left center;
}
#events-middle img {
	padding-left: 20px;
	background-position: center center;
	
}
#middle-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	word-break: normal|break-all|hyphenate;
	padding: 10px;
	background-position: left top;
}
#events-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999;
	word-break: normal|break-all|hyphenate;
	padding: 10px;
	background-position: left top;
}
#centers-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999;
	word-break: normal|break-all|hyphenate;
	padding: 1px;
	background-position: left top;
	font-weight: normal;
}
#centers-copy-last {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	word-break: normal|break-all|hyphenate;
	padding: 1px;
	font-weight: normal;
	background-position: left top;
}
.centerscopy {
	 font-size:14px;
	 font-weight:normal;
	 line-height:1.5em;
	 color:#333333;

}
#newsroom-left {
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-position: left top;
}
#newsroom-middle {
	font-family: Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999;
	word-break: normal|break-all|hyphenate;
	padding: 10px;
	background-position: left top;
}
#newsroom-farright {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-position: left top;
}
#video-left {
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-position: left top;
	font-weight: normal;
}
#video-right {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-position: left top;
	font-weight: normal;
}
#video-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #004778;
	padding-right: 40px;
	padding-left: 40px;
	font-weight: normal;
}
#support-left {
	width: 321px;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#support-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #333;
	width: 637px;
	word-break: normal|break-all|hyphenate;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}

/****** FILE: themes/miTheme/lazyYT/lazyYT.css *****/
/*!
* lazyyt
* v0.3.4 - 2014-06-30
* Copyright (c) 2014 Tyler Pearson <ty.pearson@gmail.com> (http://tylerp.me); Licensed MIT %>
*/

.lazyYT-title {
    z-index: 100!important;
    color: #fff!important;
    font-family: sans-serif!important;
    font-size: 12px!important;
    top: 10px!important;
    left: 12px!important;
    position: absolute!important;
    margin: 0!important;
    padding: 0.5em!important;
    line-height: 1!important;
    font-style: normal!important;
    font-weight: normal!important;
    background-color: rgba(0,0,0,0.8)!important;
    border-radius: 0.5em!important;
}

.lazyYT-button {
    margin: 0!important;
    padding: 0!important;
    width: 60px!important;
    height: 41px!important;
    z-index: 100!important;
    position: absolute!important;
    top: 50%!important;
    margin-top: -22px!important;
    left: 50%!important;
    margin-left: -30px!important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAApCAYAAABp50paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABV9JREFUeNrcWk1IK1cUvrmZGBOjJvr6xKe+Slvroi6kK6GrUkSxO12IC6GgUFBcuOlC8GdRulERV3VRQV0IKhRU0NJupK3tpi1dCRaxffWHGjWZPJNnNJlMz9FzX+ZNkzylcxP1wMdMZiYz97vnu+ee+2Njmc0GyANwgANQDCgAuABOwGOAG6AAiuh+MV3Lo+fc9KyN3qGYvnEBSAA0QBTwAnBp+P0ccAxQ6bkw/T4HRABn9B+8F6f/ZiRktjJANaCSUE0kkVApoBDgAeQTIeM7dAKjAuiG6+b7wniKstgMv+2m5xMGslgZIUAAEAOcAv4GHAL+BDwDBNMRxvOPAZ8C3iUPOVNUiGaCfgOV3MZe9z5OlSDAUzxzQZXyC+BLwM+pCtMJGCTvCTJxOlpBxGpLVzF2ajqiMvyAzwDfGuXyPuALkmyY5KGZ5GVGri1duXRyVIyOPsA7gO9R/iIYtQLKiSy7Q6T+b2UkSN7vAT4U7QGDz9Mbtp/7SPySjh9gj8EpApeyh2/YoyicuhlvhuBkVU3n2jA/cBkJxyUVjBuipz2HEf0qYcKs5w1ify6DbFVVVbSrq0s9ODhQlpaWClRVdUtWUyqLE0cPEn5CXkhI8HC8ubk5ODw8XJBIJOJNTU2H/f39j/f29jxZDJI2Iowq9nJiLk1KZWWYqcKHOC9pa2t7c21tLdTR0XHgdDo1kng22rdGQaucU2YlraY1TRPJACrIXldXVzU/P+8YHR09rqysVIkwz1JWxjmNZqQRBimbBxdIvLyvr8+7uroabGxs9NP1bAS0fOmE09Q2SsxdX19fsbCw4BgcHNzzeDxhGrDItCJO2s52hiVIO3w+X+nIyEgxRPCjmpqaE8lp7VU/nCeTMASrTO++GrTDM8UQzStB4uHOzs5niqIkJLRrLIeTG2QkpVZtthu9Fgk6amtrn8zMzLgmJyePvV7vmcVl0kUuncfuhumkiIqenh7f4uJiAJKWMwuDmS4krdyxURKOYz0Qvd0NDQ1Ri9+tKIbh050Zx+q6fjg1NaWtr6/7SO5WvTuq0ABZuNyWY7L6ycnJ0dDQ0OXc3FxFJBKxW0w4opCEcmnYrDh4Vd3c3FS7u7t929vbj6ipWT3IuOREOFeeRQ/GQqGQf2xsLNDS0vIIyBbRdU2Cgl5K2pYD+SKpF1tbW0cDAwOu5eXlKkleNdqVpMMyk3eQaioJ6zCo8M/OzsZh6Fi0v79fYsi+ZNpzJByU6WHD4AEJ4QxpfHd392hiYuJyenq64vz8XGGvrlJIHSbix46lavc60xISVjc2NsK9vb0ukHKZYeIhG00I7WpeOirxQ3xnZwc99w90MaHx8fFAa2trMZAtYcl542wYOhbXoU7xox8BvmLJFTxLCRcWFkbb29tVv9+vrKyseOnj2SL6MqUEHAA+QcJ1gDl2PTcdldCexeKXCEq5GIrizOzvgC5OUTrI/rtua1ncYsl1nlzm7CjpCKcTld3vtaQbZVlY+SJoBR4wUeHIPUyykDBOwP8mZgTYw1pQQy755N2fsGlxurgO+JUmAxyGh/V7VgHmMjspNn0D+IEZZhOwDf/FrheOn7Lkdgexkm43vfB18rF8JuQGvYCD4DSUH69/B/gccJSqgG+z630euJb6Fv3JaSCfjpBm6McTFqWKNvbqPg6eIefXSbYXVAbc8PIH4EfA1+x620NGj2Cf7KMOG7cm4fi0hK5XUw0KiG1MeHQTHBZGVrFjJ0znuEXpjIItdnX7FHRPCeLeITPt4LmtBEWNiz1XYj7MxZJbmPIJpSy5pUlUXDrPxAzKiBBJN53vk9fE/q0okY4ZVBS7jaL+FWAA/y++OTUmOgsAAAAASUVORK5CYII=')!important;
}