/*
structure:
LAYOUT DIVS 
NAVIGATION
LINKAGE
TEXT FORMATTING
SPECIAL TEXT FORMATTING
IMAGE FORMATTING
COMPONENTS
FORMS
TABLES
JQUERY & WIDGETS
MOBILE-SPECIFIC
IE10-SPECIFIC STYLES
*/

/*---------------*/
/*  LAYOUT DIVS  */
/*---------------*/

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

div.clearfix { clear: both; }

* { margin: 0; padding: 0; }
html { background: #333; }
body { font: 14px/1.286 'Trebuchet MS', Arial, Helvetica, sans-serif !important; color: #000; background-color: #333 !important; }

article, aside, figure, footer, header, nav, section { display: block; }

#page-wrap { margin: 0 auto; }
/*#header-wrap { min-width: 920px; }*/
#home #header-wrap { height: 531px; background-color: #666; width: 1025px; margin: 0 auto; }
#page-inner, header { width: 900px; margin: 0 auto; }
#home header { width: 100%; padding-top: 0px; position: relative; }
header { padding: 40px 0 0; }
#home #navigation { width: 900px; margin: 40px 63px 37px; position: absolute; top: 0; left: 150; }
#navigation { margin-bottom: 37px; position: relative; z-index: 1000; }
#logo { width: 251px; display: inline; float: left; margin: 16px 0 0 0px; }
#portal-nav { width: 893px; height: 42px; display: inline; float: right; background-color: rgba(0, 0, 0, .8); border-left: 7px solid #aa0000; margin-bottom: 0px; }
#persistent-nav { display: block; float: right; background-color: rgba(0, 0, 0, .5); padding: 6px 10px; }
#search-box { display: inline; float: right; }
#page-inner { background-color: white; }
#main-content { width: 100%; background-color: #e1e1e1; }
#main-column { background-color: white; width: 100%; padding-top: 16px; }
#main-column-two { background-color: white; float: left; width: 588px; padding: 16px 12px 34px 0; margin-top: -10px; }
#side-column { background-color: #e1e1e1; float: right; width: 264px; padding: 33px 18px 36px;  margin-top: -10px; }/* padding: 33px 18px */
#breadcrumbs { margin: 0 0 34px; color: #333; border-bottom: solid 1px #ccc; padding-bottom: 11px; float: left;width: 100%; }

/**** Main Content Grid ***/
.row { display: inline-block; margin-bottom: 36px; width: 100%; }
.row:last-child { margin-bottom: 0; }
.row-nomargin { display: inline-block; margin-bottom: 9px; width: 100%; }
/*.row:after {
	visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; 
} Unnecessary? */
.component, .copyblock  { display: inline; float: left; }
.copyblock { width: 100%; }
.one-column { width: 300px; }
/*.one-column-right { width: 270px; margin-left: 30px; }*/
/*.one-column-left { width: 258px; margin-right: 42px; }*/
.one-column-center { width: 276px; margin: 0px 12px; }
.one-column-left { margin-right: 23px; width: 277px; }
.one-column-right { margin-left: 23px; width: 277px; float: right; }
.onenhalf-column-right, .onenhalf-column-left { width: 439px; }
.onenhalf-column-right { margin-left: 11px; }
.onenhalf-column-left { margin-right: 11px; }
.two-columns { width: 588px; margin-right: 12px; }
.three-columns { width: 900px; }
.sidebar { width: 203px; padding: 0 36px 25px; }
.sidebarcomponent { display: block; margin-top: 23px; }
/*** Grid Styles End ***/

footer { margin: 10px 0 0px; clear: both; padding: 0 0 50px; }
#footer-bar { background: black; color: white; height: 65px; padding: 3px 50px 4px; margin:0 -62.5px;}
footer p { display: inline; }
#footer-branding { display: inline; float: left; padding: 4px 0 0 12px; }
#footer-nav { float: right; padding: 26px 24px 0 0; }
#footer-label{ float: right; padding: 26px 32px 0 0; }

/* Home Page Alert Banner */
#alert { background-color: #aa0000; min-height: 93px; }
#alert div { width: 900px; background: #aa0000 url('../images/breakingnews.png') top left no-repeat; margin: 0 auto; padding: 20px 0; }

/*---------------------------*/
/*  SPECIAL DIV FORMATTING   */
/*---------------------------*/
/*p.learnmorebtn { display:block; border-bottom-left-radius: .25em; -moz-border-radius-bottomleft: .25em; -webkit-border-bottom-left-radius: .25em;
	border-bottom-right-radius: .25em;  -moz-border-radius-bottomright: .25em; -webkit-border-bottom-right-radius: .25em;
	border-top-right-radius: .25em; -moz-border-radius-topright: .25em; -webkit-border-top-right-radius: .25em; border-top-left-radius: .25em; -moz-border-radius-topleft: .25em; -webkit-border-top-left-radius: .25em; padding: 11px 14px; font-size: 1.643em; color: #121212; font-weight: 400; } Feature needs to be finished - MEW 8-8-13 Not in use??*/

.bodycopy { padding-top: 15px; }	
.highlight-box { background-color: #f6f6f6; padding: 40px; min-height: 100px; border: 1px solid #eaeaea; }
		
/*---------------*/
/*---------------*/
/*  NAVIGATION   */
/*---------------*/

/* Portal Navigation Menu */
#portal-nav ul { float: right; padding: 0; }
#portal-nav li { display: inline; list-style-type: none; padding: 12px 24px 0 0; float: left; }
#portal-nav img.da-redright { float: left;}
#portal-nav ul li a
 { color: white; font-weight: bold; text-decoration: none; font-size: 1em; }
#portal-nav ul li a:hover { color: white; text-decoration: underline; }
#portal-nav li ul li a:hover { text-decoration: none; }

/* Departments Sub-Navigation */
#portal-nav li ul { display: block; visibility: hidden; background: black; min-width: 230px; position: absolute; top: 42px; right: -98px;	padding: 1px 0 0;	margin: 0; z-index: 150;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacy: 0.8;	opacity: 0.8;	
	border-bottom-left-radius: .25em; -moz-border-radius-bottomleft: .25em; -webkit-border-bottom-left-radius: .25em;
	border-bottom-right-radius: .25em;  -moz-border-radius-bottomright: .25em; -webkit-border-bottom-right-radius: .25em;
	border-top-right-radius: .25em; -moz-border-radius-topright: .25em; -webkit-border-top-right-radius: .25em; }
#portal-nav li ul li {	display: block;	margin: 0;	padding: 10px 30px;	border-bottom: 1px dotted #555; z-index: inherit; position: relative; width: 74%; }
#portal-nav li ul li:last-child {	border-bottom: none; }
#portal-nav li ul li:hover {	background: #aa0000; }
#portal-nav li ul li:first-child:hover {	border-top-right-radius: .25em;  -moz-border-radius-topright: .25em; -webkit-border-top-right-radius: .25em; }
#portal-nav li ul li:last-child:hover { border-bottom-left-radius: .25em; -moz-border-radius-bottomleft: .25em; -webkit-border-bottom-left-radius: .25em;
	border-bottom-right-radius: .25em; -moz-border-radius-bottomright: .25em; -webkit-border-bottom-right-radius: .25em; }
#portal-nav ul li.quicklinks { cursor: pointer; padding: 12px 0 12px 14px; border-left: 3px solid #aa0000; position: relative; }
#portal-nav ul li.quicklinks span { margin-right: 13px; color: white; font-weight: bold; font-size: 1em; }
#portal-nav ul li.quicklinks:hover span { text-decoration: underline; }
#portal-nav ul li.quicklinks > img { text-decoration: none; height: 18px; width: 18px; background-position: -160px -15px; float: right; margin: 0px 14px 0px 0px; }
#portal-nav ul li.quicklinks:hover > img { text-decoration: none; height: 18px; width: 18px; background-position: -178px -15px; float: right; margin: 0px 14px 0px 0px; }

/*UPDATE: "Find more" menu
Links under the "Find More" menu only launched if the user clicked on the text. By applying the padding to the anchor tag instead of the list item, 
the link will launch anywhere within the list item*/
#portal-nav li.quicklinks ul li{padding:0px; width:100%;}
#portal-nav ul li.quicklinks>ul>li>a{width:inherit; display:block; padding:10px 0px 10px 30px;}

/*UPDATE: Aligned left pop-out sub menus in page-navigation
List items are now aligned to include padding for items that do not have a left arrow*/
#page-nav ul.last>li>a:not(.left)>span{padding-left:20px;}
/*#portal-nav ul li.quicklinks ul li.here { background-color: #333;}*/

/*IE10 only*/
@media all and (-ms-high-contrast: none) {
	#portal-nav ul li.quicklinks > img, #portal-nav ul li.quicklinks:hover > img { margin-top: -18px; }
	#portal-nav ul li.quicklinks span { margin-right: 45px; }
	#portal-nav li ul { right: -69px; }
}
/*Webkit only: Chrome, Opera, etc.*/ 
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#portal-nav ul li.quicklinks > img, #portal-nav ul li.quicklinks:hover > img { margin-top: 0px; }
}
/*mozilla- and opera-only hacks*/
@-moz-document url-prefix() { 
	#portal-nav ul li.quicklinks > img, #portal-nav ul li.quicklinks:hover > img { margin-top: 0px; }
	}
@media not all and (-webkit-min-device-pixel-ratio:0) {
	#portal-nav ul li.quicklinks > img, #portal-nav ul li.quicklinks:hover > img { margin-top: 0px; }
	#portal-nav ul li.quicklinks span { margin-right: 13px; }
}

/* END Quicklinks sub-navigation */

/* END Portal Navigation */

#persistent-nav ul { float: right; padding-top: 4px; }
#persistent-nav li { display: inline; list-style-type: none; padding: 0 6px 0 0; }
#persistent-nav ul li a { color: #fff; font-size: 0.857em; text-decoration: none; }
#persistent-nav ul li a:hover { text-decoration: underline; }

/* Section (in-page) Navigation */
#page-nav ul li a
 { color: white; font-weight: bold; text-decoration: none; font-size: 1em; }
#page-nav ul li a:hover { color: white; text-decoration: underline; }
#portal-nav li ul li a:hover { text-decoration: none; }

#page-nav { background: #aa0000; height: 40px; z-index: 125; position: relative; }
#page-nav a { text-decoration: none; }
#page-nav > ul>li li { display: block; }
#page-nav ul { float: left; padding: 12px 0 9px; min-width: 100%; position: relative; }
#page-nav > ul>li { position: relative; display: inline; list-style-type: none; padding-bottom: 9px; margin-left: 7px; }
#page-nav > ul>li > a { padding: 6px 10px 4px; }
#page-nav > ul>li > a:hover { background: white; color: #aa0000; padding: 12px 10px 10px; text-decoration: none;}
/*To be changed to 'sub-nav-label' from page-nav-label. Allows the sub-sections label to maintain normal style while in the hover state.
Implemented in order to drive home the point that this is not a link to the user, but only a label to house the sub-pages that are
actual links*/
#page-nav > ul>li > a.page-nav-label { cursor:default; }
#page-nav > ul>li > a.page-nav-label:hover { background: #fff; color: #aa0000; padding: 12px 10px 10px; text-decoration: none;}
/* first-level drop-down */
#page-nav > ul>li > ul { 
	display: block; visibility: hidden; background: #aa0000; position: absolute; top: 26px; left: 0px; padding: 1px 0 0; margin: 0; z-index: 100; min-width: inherit;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); -moz-opacity: 0.95; -khtml-opacy: 0.95; opacity: 0.95;
	border-bottom-left-radius: .25em; -moz-border-radius-bottomleft: .25em; -webkit-border-bottom-left-radius: .25em;
	border-bottom-right-radius: .25em; -moz-border-radius-bottomright: .25em; -webkit-border-bottom-right-radius: .25em;}
#page-nav > ul>li > ul>li { position: relative; z-index: inherit; }
#page-nav > ul>li > ul>li > a { display: block; white-space: nowrap; margin: 0; padding: 10px 20px 10px 30px; border-bottom: 1px dotted #b73232; }
#page-nav > ul>li > ul>li > a.dropdown { background: url('../images/darkarrow.png') no-repeat top right; }
#page-nav > ul>li > ul>li > a.dropdown:hover { background: #000 url('../images/whitearrow.png') no-repeat top right; }
#page-nav > ul>li > ul>li > a.dropdown > span { padding-right: 20px; }
#page-nav > ul>li  > ul>li:last-child > a,
#page-nav > ul>li  > ul>li:last-child > a:hover, 
#page-nav > ul>li  > ul>li > ul>li:last-child > a { border-bottom: none; }
#page-nav > ul>li > ul>li > a:hover { background: #000; border-bottom-style: solid; text-decoration: none; }
#page-nav > ul>li > ul>li:last-child > a:hover {
	border-bottom-left-radius: .25em; -moz-border-radius-bottomleft: .25em; -webkit-border-bottom-left-radius: .25em;
	border-bottom-right-radius: .25em; -moz-border-radius-bottomright: .25em; -webkit-border-bottom-right-radius: .25em; }
#page-nav > ul>li > ul>li > a:hover img { background-position: -210px 0px; }
/* second-level drop-down fly-away */
#page-nav > ul>li > ul>li > ul { display: block; visibility: hidden; background: #000; position: absolute; top: 0; left: 100%; padding: 0; margin: 0; z-index: 100;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacy: 0.8; opacity: 0.8;
	border-bottom-left-radius: .25em; -moz-border-radius-bottomleft: .25em; -webkit-border-bottom-left-radius: .25em;
	border-bottom-right-radius: .25em; -moz-border-radius-bottomright: .25em; -webkit-border-bottom-right-radius: .25em;
	border-top-right-radius: .25em; -moz-border-radius-topright: .25em; -webkit-border-top-right-radius: .25em;}
#page-nav > ul>li > ul>li > ul>li { position:relative; z-index: inherit; }
/*Styles for menus that pop out on the left side*/
#page-nav > ul>li > ul>li > a.left{ background: url('../images/darkarrow-left.png') no-repeat top left; }
#page-nav > ul>li > ul>li > a.left:hover{ background: #000 url('../images/whitearrow-left.png') no-repeat top left; }
#page-nav > ul>li > ul>li > a.left > span { padding-left: 20px; }
#page-nav > ul>li > ul>li > ul.left { left:-100%; }
#page-nav > ul>li > ul>li > ul>li > a { display: block; white-space: nowrap; padding: 10px 20px 10px 30px; border-bottom: 1px dotted #555; margin: 0; }
/*#page-nav > ul>li > ul>li > ul>li > a.dropdown { background: url('../images/whitearrow.png') no-repeat top right; }
#page-nav > ul>li > ul>li > ul>li > a.dropdown:hover { background: #232323 url('../images/whitearrow.png') no-repeat top right; }*/
/*#page-nav > ul>li > ul>li > ul>li > a.dropdown > span { padding-right: 20px; }*/
#page-nav > ul>li > ul>li > ul>li > a:hover { background: #232323; border-bottom-style: solid; text-decoration: none; } 
#page-nav > ul>li > ul>li > ul>li:first-child > a:hover {
	border-top-right-radius: .25em; -moz-border-radius-topright: .25em; -webkit-border-top-right-radius: .25em; }
#page-nav > ul>li > ul>li > ul>li:last-child > a:hover { border-bottom: none;
	border-bottom-right-radius: .25em; -moz-border-radius-bottomright: .25em; -webkit-border-bottom-right-radius: .25em;
	border-bottom-left-radius: .25em; -moz-border-radius-bottomleft: .25em; -webkit-border-bottom-left-radius: .25em; }
/* END Section Navigation */

/* Breadcrumb Navigation */
#breadcrumbs ul { float: left; }
#breadcrumbs li:first-child a { text-decoration: none; }
#breadcrumbs a:hover > img { text-decoration: none; border: 0px; }
#breadcrumbs a { color: #333; margin-left: 5px; font-size: 0.857em; }
#breadcrumbs li:after { content: ">"; margin-left: 5px; }
#breadcrumbs ul li:last-child:after { content: ""; }
#breadcrumbs ul { list-style: none outside none; }
#breadcrumbs ul li { float: left; }
#breadcrumbs span { font-weight: bold; margin-left: 5px; font-size: 0.857em; }
/* END Breadcrumb Navigation */


/* In-Page Tabbed Navigation */
#tab-navigation { float: left; height: auto; color: #545454; border-bottom: 3px solid #bbb; width: 100%; margin-bottom: 30px; }
#tab-navigation ul { margin-left: 12px; padding: 9px 0 9px; }

#tab-navigation li { display: inline; list-style-type: none; width: 92px; }
#tab-navigation li:first-child { margin-right: 10px; }
#tab-navigation a { background: #bbb; text-decoration: none; color: #545454; font-weight: bold; padding: 12px 24px 12px 24px; }
#tab-navigation a.selected   { background: white; border: 1px solid #aaa; border-bottom: none; padding: 12px 24px 12px 24px;  }
#tab-navigation a:hover { background: #aaa; color: white; text-decoration: none; }
#tab-navigation a:hover.selected  { background: white; color: #545454; border: 1px solid #aaa; border-bottom: none; padding: 12px 24px 12px 24px;  }

/*
#page-nav > ul>li { position: relative; display: inline; list-style-type: none; padding-bottom: 9px; margin-left: 7px; }
#page-nav > ul>li > a { padding: 6px 10px 4px; }
#page-nav > ul>li > a:hover { background: white; color: #aa0000; padding: 12px 10px 10px; text-decoration: none;}*/


/* END Tabbed Navigation */

#footer-nav li { list-style-type: none; padding: 0 9px 0 0; display: inline; }	
footer a { text-decoration: none; }

/*---------------*/
/*    LINKAGE    */
/*---------------*/
a, .ui-widget-content a { color: #aa0000; text-decoration: underline; }
/*a, .ui-widget-content a { color: #aa0000; text-decoration: none; } /* MEW needs to be customized for something particular in News?? */
a:hover, .ui-widget-content a:hover { color: black; }
a img { border: none; }

h3 a, h4 a { text-decoration: none; }
h3 a:hover, h4 a:hover { text-decoration: underline; }

.copyblock ul.nav-inpage { margin-bottom: 20px; list-style: none; border-top: 1px solid #ddd; }
.copyblock ul.nav-inpage li{ border-bottom: 1px solid #ddd; font-size: 1.071em; padding: 3px 0; margin: 0; }
.copyblock ul.nav-inpage li ul { list-style: none; }
.copyblock ul.nav-inpage li li { text-indent: 12px; border-bottom: none; }
.copyblock ul.nav-inpage li a { color: #aa0000; display: block; text-decoration: none; }
.copyblock ul.nav-inpage li li a { font-size: 0.857em; }
.copyblock ul.nav-inpage li a:link,
.copyblock ul.nav-inpage li a:visited { color: #aa0000; }
.copyblock ul.nav-inpage li a:hover { color: #000; background: #f8f5f2; }*/

#side-column .nav-inpage ul { padding: 15px 20px 0 0; list-style: none; margin-left: 0; }
.nav-inpage ul { list-style: none; padding: 15px 20px 0 0; }
#side-column .nav-inpage li, .nav-inpage ul li  { border-bottom: 1px solid #aaa; padding: 3px 0 7px 10px; }
#side-column .nav-inpage h3, .nav-inpage ul h3 { margin: 20px 0 0 0; }
#side-column .nav-inpage a,
#side-column .nav-inpage a:hover,
.nav-inpage ul a, .nav-inpage ul a:hover  { text-decoration: none; }
#side-column .nav-inpage li:last-child,
.nav-inpage ul li:last-child { border-bottom: none; }

#logo img { border: none; margin-top: -4px; }

#footer-nav ul li a { font-size: 0.857em; color: white; }
#footer-label p a { color: #aa0000; }
#footer-nav ul li a:hover, #post-footer p a:hover, #footer-label p a:hover { text-decoration: underline; }


/*-----------------*/
/* TEXT FORMATTING */
/*-----------------*/
h1 { color: black; font-size: 1.714em; line-height: 1.2; padding-bottom: 10px; }
h2 { color: #aa0000; font-size: 1.571em; line-height: 1.2; padding-bottom: 9px; }
h3 { color: #aa0000; font-size: 1.286em; line-height: 1.2; }
h4 { font-size: 1em; color: black; font-weight: bold;  margin-top: 12px; }
h5 { font-size: 1em; letter-spacing: 1px; text-transform: uppercase; color: #666; margin: 5px 0; }

h1#sectiontitle, h1#sectiontitle a { color: white; font-size: 40px; line-height: 1.2; padding-bottom: 14px; font-weight: 200; text-decoration: none; }

h1.sectionfront a:hover { color: black; }
h1.sectionfront { margin-top: 22px; }

h1.profile-title { padding-bottom: 0px; margin-top: .5em; }

p { margin: .15em 0 1.25em 0; }
strong { font-weight: 600; }
.small { font-size: .857em; }
.de-emph { font-style: italic; color: #999; } 
p.intro, p.profile-title { font-size: 1.571em; font-weight: 400; color: #666; margin-bottom: 1.25em; }
p.intro .emph { color: #aa0000; }
p.profile-title { margin-bottom: 0px; }
#logo p { font-variant: small-caps; color: #fff; font-size: 25px; }
#logo a:link, #logo a:visited { color: #fff; text-decoration: none; }
#logo a:hover { color: #fff; }
footer p { font-size: 0.857em; color: white; }
#footer-branding p { font-size: 1.571em; font-weight: 200; }
#post-footer   { color: #666; text-align: center; display: block; margin-top: 11px; }
div.side-copy { }

#alert p { padding-left: 129px; font-size: 1.143em; color: white;}
#alert p a { text-decoration: underline; color: white; }
#alert p a:hover { color: black; }

#side-column ul { margin-left: 15px; }

.copyblock ul { margin: .15em 0 .5em 0; list-style: disc; }
.copyblock ol { margin: .15em 0 .5em .5em; }
.copyblock li { margin-left: 20px; padding: 3px 0; }
.copyblock ul li ul { list-style: circle; }
.copyblock dl { margin: .25em 0 .5em 0; }
.copyblock dt { font-weight: bold; margin-top: 5px; }
.copyblock dd { line-height: 1.143em; margin: 3px 0 10px 0; }

/*.component ul { list-style: disc outside none; margin: 0.15em 0 0.5em; padding: 0; }
.component li { font-size: .857em; line-height: 1.286em; margin: 0 0 0 20px; padding: 3px 0; }*/

table.double-column { margin: 10px 0; }
table.double-column td { vertical-align: top; }

hr { border: none; background: none; margin: .25em 0 1em 0; border-top: 1px solid #ccc; }

/*--------------------------------*/
/*     SPECIAL TEXT FORMATTING    */
/*--------------------------------*/

.sidebarcomponent h4 { margin-bottom: 9px;}

/*Feature needs to be finished*/
.carouseltext { position: absolute; } /*top: 140px; left: 80px;*/
.carouseltext p { background-color: #fff; padding: 5px 14px; margin-bottom: 21px; font-size: 1.643em; color: #121212; font-weight: 200; }
.carouseltext p em { color: #aa0000; font-style: normal; font-weight: bold; }

div.morebtn { background-color: #aa0000; float: right; padding: 10px 40px; }
div.morebtn a { text-decoration: none; color: white; }
div.morebtn:hover { background-color: #000; }

p.asterisk { color: #aa0000; }
p.date { letter-spacing: 1px; text-transform: uppercase; color: #666; margin: 5px 0; }
p.by-line { letter-spacing: 1px; color: #666; margin: 0 0 15px; }

ul.arrow { list-style-type: none; margin: 0; }
ul.arrow li { background-image:url('../images/dotarrow.png'); background-repeat: no-repeat; padding-left: 40px; padding-bottom: 20px; }

ul.topten-list { margin: 10px; padding: 0; list-style: none; }
ul.topten-list li { margin: 10px 0; padding: 3px 0 20px 20px; list-style: none; }
li.topten-1 { background: url(../../../images/design/numeral-01.png) no-repeat left top; }
li.topten-2 { background: url(../../../images/design/numeral-02.png) no-repeat left top; }
li.topten-3 { background: url(../../../images/design/numeral-03.png) no-repeat left top; }
li.topten-4 { background: url(../../../images/design/numeral-04.png) no-repeat left top; }
li.topten-5 { background: url(../../../images/design/numeral-05.png) no-repeat left top; }
li.topten-6 { background: url(../../../images/design/numeral-06.png) no-repeat left top; }
li.topten-7 { background: url(../../../images/design/numeral-07.png) no-repeat left top; }
li.topten-8 { background: url(../../../images/design/numeral-08.png) no-repeat left top; }
li.topten-9 { background: url(../../../images/design/numeral-09.png) no-repeat left top; }
li.topten-10 { background: url(../../../images/design/numeral-10.png) no-repeat left top; }

div.highlight-box { padding: 20px; background: #f8f5f2; border: 1px #000000 solid;
	background-color: #ffffff; width: 100%; }

p.prod-intro { font-size: 1.286em; font-weight: 400; margin: 28px 0 1.25em; }

div.article-contact { padding: 10px; border: 1px #999 solid; width: auto; }

.webinar-meta { display: block; }
.webinar-meta div:first-child { float: left; width: auto; margin-right: 100px; }
.webinar-thumb-header { float: right; margin-left: 15px; }

#side-column blockquote { margin: 30px 0 0 0; padding:  3px 0 0 7px; }
#side-column blockquote p { font-family: Georgia, "Times New Roman", serif; font-size: 1.143em; line-height: 1.643em; color: #666; margin: 0 0 5px 0; }
#side-column blockquote p.cite { font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; font-size: 0.714em; line-height: 1.286em; margin: 0 0 30px 0;
	color: #666; text-align: right; text-transform: uppercase; letter-spacing: 1px; }
blockquote.pullquote { font-size: 1.071em; line-height: 1.286em; font-style: italic; margin: 5px 0 9px 0; color: #666; text-indent: -0.5em; }

/*------------------*/
/* IMAGE FORMATTING */
/*------------------*/
#logo-print { display: none; }

div.photo-caption-right { margin: 5px 0 5px 10px; padding: 0; float: right; }
div.photo-caption-left { margin: 5px 10px 5px 0; padding: 0; float: left; }
div.photo-caption-right img,
div.photo-caption-left img,
div.photo-caption { /*border: 1px solid #ccc; padding: 3px;*/ }
div.photo-caption-right p,
div.photo-caption-left p,
p.photo-caption { font-size: 10px; color: #666; text-align: left; margin: 0 0 5px 2px; padding: 0; }

/* Sprites */
		    /* Specific Sprites - background-position: left top; */
.sprite { background-image: url('../images/sprites.png'); }
		.circlearrow { height: 21px; width: 21px; }
			.ca-reddown { background-position: 0px 0px; vertical-align: middle; margin: -2px 7px 0 5px; }
			.ca-whitedown { background-position: -21px 0px; margin: 0px 0 0; }
			.ca-redright { background-position: -42px 0px; }
			.ca-whiteright { background-position: -63px 0px; margin: -2px 0 0;}
			.ca-redleft { background-position: -84px 0px; }
			.ca-whiteleft { background-position: -105px 0px; }
		.boxarrow { height: 29px; width: 29px; }
			.ba-left { background-position: 0px -208px; }
			.ba-right { background-position: -32px -208px; }
		.socialmedia { height: 24px; width: 24px; vertical-align: middle; }
			.gray-facebook { background-position: 0px -21px; }
			.gray-linkedin { background-position: -24px -21px; }
			.gray-flickr { background-position: -48px -21px; }
			.gray-rss { background-position: -72px -21px; }
			.white-facebook { background-position: 0px -237px; width: 24px; }
			.white-linkedin { background-position: -24px -237px; }
			.white-flickr { background-position: -48px -237px; width: 25px; }
			.white-skype { background-position: -72px -237px; }
			.white-rss { background-position: -96px -237px; width: 25px; }
			.white-wordpress { background-position: -120px -237px; width: 25px; }
		.dotarrow { height: 24px; width: 29px; }
			.da-redright { background-position: -96px -21px; margin: 9px 0 0 12px; }
			.da-whiteright { background-position: -125px -21px; margin: 4px 30px 0 0; }
		.minidotarrow { height: 13px; width: 15px; }
			.mda-redright { background-position: -221px 0px; margin-top: 3px; }
		.chevron { height: 55px; width: 34px; }
			.ch-selectedleft { background-position: -236px -0px; }
			.ch-selectedright { background-position: -236px -55px; }
			.ch-left { background-position: -236px -110px; }
			.ch-right { background-position: -236px -165px; }
		.minichevron { height: 7px; width: 18px; }
			.mc-up { background-position: -154px -35px; }
			.mc-down { background-position: -173px -35px; }
			.mc-selectedup { background-position: -191px -35px; }
			.mc-selecteddown { background-position: -209px -35px; }
		.weearrow	{ height: 12px; width: 12px; }	
			.wa-dkdown { background-position: -134px -0px; vertical-align: middle;}
			.wa-whitedown  { background-position: -146px -0px; vertical-align: middle;}
			.wa-dkright  { background-position: -158px 0px; vertical-align: middle;}
			.wa-whiteright  { background-position: -170px 0px;vertical-align: middle;}
		.standard { height: 30px; width: 35px; }
				.redarrow   { background-position: 0px 0px; margin: 5px 0 0 8px; }
				.whitearrow { background-position: -35px 0px; margin: 0 29px 0 0; }
				.redccarrow-down   { background-position: -70px 0px; margin: -2px 7px 0 0; vertical-align: middle; }
				.whiteccarrow-down   { background-position: -105px 0px; margin: -8px 0 0 0; }
				.whiteccarrow-right   { background-position: -140px 0px; margin: -12px 0 0 0; vertical-align: middle; }
				.redccarrow-right   { background-position: -175px 0px; margin: -13px 0 0 0; }
				.whiteccarrow-left   { background-position: -140px -30px; margin: -13px 0 0 0; }
				.redccarrow-left   { background-position: -175px -30px; margin: -13px 0 0 0; }
				.facebook    { background-position: 0px -30px; }
				.linkedin    { background-position: -35px -30px; }
				.flickr      { background-position: -70px -30px; }
				.rss        { background-position: -105px -30px; }
		.numbers { height: 51px; width: 36px; margin: -1px 16px 0 5px; }
				.number-one  { background-position: 0px -45px; }
				.number-two  { background-position: -72px -45px; }
				.number-three  { background-position: -110px -45px; }
				.number-four  { background-position: -148px -45px; padding-right: 3px; }
				.number-five  { background-position: -189px -45px; }
				.number-six  { background-position: 0px -96px; }
				.number-seven  { background-position: -38px -96px; }
				.number-eight  { background-position: -78px -96px; }
				.number-nine  { background-position: -116px -96px; }
				.number-ten  { width: 72px; background-position: 0px -45px; }
			.twitterbird { height: 33px; width: 47px; margin: 11px 0px 12px 0px; }
				.twitterb-white { background-position: -185px -104px; }
				.twitterb-red { background-position: -187px -192px; }
			.linkicon { height: 19px; margin-left: 5px; margin-bottom: -5px; } /*  */
				.pdf { width: 14px; background-position: -197px -226px; }
				.doc { width: 13px; background-position: -257px -226px; }
				.link { width: 15px; background-position: -227px -226px; }
				#tab-navigation a:hover img.pdf { width: 14px; background-position: -182px -226px; }
				#tab-navigation a:hover img.doc { width: 13px; background-position: -244px -226px; }
				#tab-navigation a:hover img.link { width: 15px; background-position: -211px -226px; }
			/* misc. sizes */
				.spaceneedle { height: 48px; width: 32px; background-position: -152px -96px; }	
				.dropdown-red { height: 18px; width: 18px; background-position: -160px -16px; float: right; margin-right: 14px; }
				.dropdown-white { height: 18px; width: 18px; background-position: -178px -16px; }
				.footerlogo {  height: 48px; width: 199px; background-position: 0px -147px; margin: 3px 0 0 2px;}
				.homebread { height: 9px; width: 10px; background-position: -126px -0px; }
				.bannerbullet { height: 12px; width: 9px; background-position: -196px -0px;}
/* END Sprites */

#pagephotoleft { float: left; display: inline; margin: 0px 15px 10px 0px; }
#pagephotoright { float: right; display: inline; margin: 0px 0px 10px 15px; }

.photo-info { color: #666; text-align: left; font-size: .929em; }
.photo-info p.caption { font-size: 1.071em; margin: 0 0 5px 2px; }
.photo-info p.name { margin-top: 85%; font-weight: bold; }
.photo-info p.blurb { padding-top: 5px; border-top: 1px solid #9baeb5; }
.photo-info blockquote.pullquote { font-size: 1.071em; line-height: 1.286em; font-style: italic; margin: 5px 0 9px 0; color: #666; text-indent: -0.5em; }
.photo-info p.cite { border-top: 1px solid #fff; margin-bottom: 9px; padding-top: 3px; }

#side-column .side-photo { margin: 0 auto; }
#side-column .side-photo-full { margin: -33px 0 20px -18px; }
#side-column p.caption { font-size: 0.857em; line-height: 15px; padding: 0; color: #666; }
#side-column .side-photo .photo-info { padding: 0px; margin-bottom: 30px; }
#side-column .side-photo-full .photo-info { padding: 0px 15px; margin-bottom: 30px; }

img.float-left { margin: 0 5px 5px 0; padding: 3px; float: left; }
img.float-right { margin: 0 5px 5px 0; padding: 3px; float: right; }

/* Rotating jQuery Banner  */
#banner-container { width: 900px; height: 350px; margin: 0 auto; background: #fff; position: relative; }
    #banner { position: absolute; width: 900px; height: 350px; background-color: #fff; background: #f1f1f1; margin: 0px; z-index: 50; }
    #banner ul { position: absolute; top: 0; right: 0; bottom: 0; left: 0; list-style: none; overflow: hidden; }
    #banner li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
#banner-container a#prev-bannerlink,
#banner-container a#next-bannerlink{ border: none;  text-decoration: none; text-indent: -99999px; overflow: hidden; top: 148px; z-index: 100; position: absolute; }
    #prev-bannerlink { left: 21px; }
    #next-bannerlink { right: 21px; }
		#prev-bannerlink:hover { background-position: -236px -0px; }
		#next-bannerlink:hover { background-position: -236px -55px; }
#banner-container a.bannernav { color: white; border: none; text-decoration: none; text-indent: -99999px; overflow: hidden; top: 325px; left: 21px; z-index: 100; position: absolute; }

#banner div.morebtn { float: left; padding: 9px 10px; }
#banner div.morebtn a { text-decoration: none; color: white; font-weight: bold; }

#home #banner-container { width: 100%; z-index: 1; height: 531px; }
#home #banner { width: 100%; height: 530px; z-index: 1; }
#home #banner-container a#prev-bannerlink, #home #banner-container a#next-bannerlink { top: 231px; }
#home #banner li { position: absolute; left: 0; top: 0; min-width: 900px; min-height: 530px; }
#home li.carouselphoto { width: 100%; }
.carousel-content-wrap { margin: 175px auto 0px; width: 900px; background-color: none; }

#footer-branding img { display: inline; float: left; margin: 3px 0 0 2px; }

/*---------------*/
/*  COMPONENTS   */
/*---------------*/
/* Featurebox */
.featurebox { width: 277px; }
.featurebox h3 a { text-decoration: none; }
.featurebox h3 a:hover { color: #aa0000; text-decoration: underline; }
.sidebarcomponent .featurebox { margin: 0 0 0 -5px; border-bottom: 1px solid #ccc; padding: 25px 0px; }

/*Serialbox and Rotatorbox*/
.serialbox { position: relative; height: 160px; margin-top: 36px; }
.serialbox p { font-size: 1em; color: #333;  padding: 0 12px;  width: 130px; height: 6.5em; overflow: hidden; }
.serialbox p a { color: #333; text-decoration: none; }
.serialbox p a:hover { color: #000; text-decoration: underline; }
.serialbox a.more { font-size: .857em; position: absolute; bottom: 0px; left: 12px; }
.serialbox img { float: right; } /*position: absolute; right: 25px; top: 34px;*/
.students { background: #ccc url('../images/components/rotatorbox_OurStudents.png'); }
.students p { float: left; }
.question { background: #ccc url('../images/components/rotatorbox_Question.png'); }
/*.question p { float: right; }  top: 42px; left: 115px; width: 148px; */
.serialcontent { position: absolute; top: 40px; left: 12px; }
.question .serialcontent { top: 42px; left: 112px; }

/*In-Page QofWeek*/
.qofweek { margin-top: -36px; }
.qofweek img { float: right; }
.qofweek .content {float: left; }
.qofweek h5 { text-transform: none; font-size: 1.143em; color: #aa0000; }
.qofweek dt { font-size: 1.286em; font-weight: bold; }
.qofweek dd {font-size: 1.143em; color: #333; }

/*Social Media Bar*/
.socialmedia-wrap { background-color: #ddd; border-bottom: 1px solid #666; height: 100%; width:1025px; margin:0 auto; }
.socialmediabar { width: 900px; margin: 0 auto; background-color: #999; position: relative; }
.socialmediabar .feedicon { float: left; width: 80px; padding: 5px 0 3px 20px; }
.socialmediabar .feedicon a { display: inline; }
.socialmediabar .feedcontent { float: left; padding: 0 20px; background-color: #ccc; }
.socialmediabar .feedcontent iframe { margin-top: 0px; width: 100%; }
.socialmediabar .feedcontent p { height: 40px; margin: 20px 0; overflow: hidden; }
.socialmediabar .socialicons { float: right; height: 100%; }
.socialmediabar .feedbuttons { float: right; width: 90px; margin: 30px 0 0 10px; }
.socialmedibar .feedbuttons a { border: none; color: #fff; text-decoration: none; }
.socialmediabar .feedbuttons a:first-child { padding-right: 7px; }
.socialmediabar .socialiconwrap { position: absolute; display: inline-block; right: 0px; top: 50%; margin-top: -12px; height: 24px; text-align: center; line-height: 24px; }
.socialmediabar .socialicons { line-height: 0; }
.socialmediabar .socialicons a { margin-right: 25px; text-decoration: none; }
.socialmediabar .socialicons a:first-child { margin-left: 22px; }
.socialmediabar .socialicons a:last-child { margin-right: 22px; }
.socialmediabar .socialicons a img { border: none; vertical-align: middle; }

/* Events (Automatic) Feed */
.event-items .eventmonth { font-size: 2em; font-weight: 200; color: #ccc; text-transform: uppercase; position: absolute; top: 0; right: 0; }
.event-items .eventday { font-size: 2.5em; color: #ccc; position: absolute; top: 20px; right: 0;}
.event-items .event { width: 250px; position: relative; padding: 5px 40px 0 0; min-height: 60px; }
.event-items img { margin: 23px 0 0 134px; }
.event-items h4 { margin-top: 0; }
.event-items h5 { margin: 6px 0 0; }
.event-items h4 a { color: black; }
.event-items p { margin-bottom: .55em; }
.event-items a.more { font-weight: bold; font-size: .857em; }

/* Top Ten - MEW 8-8-13 Not currently in use. Needs to be updated. */
.topten { padding: 24px 23px 17px; background-color: #f1f1f1; }
.topten div { float: left; padding-right: 24px; }
.toptenlink a { font-size: 1.143em; }
.topten h2 { padding-bottom: 31px; font-size: 2.143em; }
.topten p { font-size: 1.429em; padding-top: 6px; }
.toptenlink { padding-top: 28px; }
.topten .redrarrow   { margin: 0 0px 0 10px; }

/* Sidebar Buttons */
/*.primarybtn { background-color: #aa0000; padding: 10px 0px; width: 100%; margin-bottom: 20px; }
.secondarybtn { width: 100%; margin-bottom: 20px; }
.secondarybtn div { display: inline; float: right; background-color: #666; padding: 7px 16px; width: 71%; }
.primarybtn p {  font-size: 1.643em; margin: 0; }
.secondarybtn div p { font-size: 1.1em; margin: 0; }
.primarybtn p,
.secondarybtn div p { text-wrap: normal; font-weight: 200; text-align: center; margin: 0; text-shadow: 2px 1px 3px #111, -1px -1px 3px #111; }
.primarybtn p a,
.secondarybtn div p a { color: #fff; text-decoration: none; }
.primarybtn p a:hover,
.secondarybtn div p a:hover { text-shadow: none;  }*/
a.primarybtn { background-color: #aa0000; padding: 10px 0px; width:100%; display:block; width: 100%;  font-size: 1.643em;  }
a.secondarybtn { background-color: #666; font-size:1.1em; padding:7px 16px; width:71%; float: right;}
a.primarybtn, a.secondarybtn { margin-bottom: 20px; text-shadow: 2px 1px 3px #111, -1px -1px 3px #111; text-align: center; color: #fff; text-decoration:none; }
a.primarybtn:hover, a.secondarybtn:hover { text-shadow: none; }

/* Partial Sidebar */
.partialsidebar { width: 100%; }

/* Component Scroller */
.componentscroller { width: 277px; position: relative; margin: 5px 0; }
.componentscrolleritems { overflow: hidden; }
.up-scroller-wrap { padding-bottom: 15px; }
.down-scroller-wrap { padding-top: 15px; }
a#up-scrollerlink,
a#down-scrollerlink{ border: none;  text-decoration: none; text-indent: -99999px; overflow: hidden; z-index: 100; position: absolute; left: 129px; }
a#up-scrollerlink { top: 0; }
a#up-scrollerlink { bottom: 0; }

/* Mini Feature */
.minifeature { height: 75px; margin-bottom: 12px; overflow: hidden; }
.minifeature:last-child { margin-bottom: 0; }
.minifeature img { width: 75px; height: 75px; float: left; margin-right: 18px; }
.minifeature h3 { font-size: 1em; padding-top: 7px; }
.minifeature h3 a { text-decoration: none; }
.minifeature h3 a:hover { text-decoration: underline; }
.minifeature p { font-size: .929em; line-height: 1.2; }

/* News (Manual) */
.newslist ul { list-style-type: none; margin: 17px 0 8px; }
.newslist img { display: inline-block; float: left; width: 16px; margin-top: 12px; }
.newslist li:first-child img { margin-top: 3px; }
.newslist li a { display: inline-block; float: right; width: 250px; color: #666; 
  font-size: 1em; text-decoration: none; padding: 9px 0 8px; 
	border-bottom: 1px solid #999;}
.newslist li:first-child a { padding-top: 0; }
.newslist li:last-child  a { padding-bottom: 0; border-bottom: none; }
.newslist a.more { font-weight: bold; font-size: .857em; }

/* News (Automatic) */
.newslistauto ul, #side-column .newslistauto ul { margin-left: 0px; list-style-type: none; }
.newslistauto li { overflow:auto; }
.newslistauto li p { color: #666; padding-left: 25px; }
.newslistauto img { display: inline-block; float: left; width: 16px; margin-top:3px; }
.newslistauto li a { display: inline-block; padding: 0px 0 0 10px; float: none; 
  border-bottom: none; font-size: 1em; color:#990000; text-decoration: underline; width:75%;}

/* Index Page List */

/* Product Pages */
.productlisting { padding: 40px 32px; } 
.productlisting:nth-child(odd) { background-color: #eee; }
.productlisting:nth-child(even) { background-color: #fff; }

.productlisting h2 a { text-decoration: none; }
.productlisting h2 a:hover { text-decoration: underline; }
.productlisting img { float: left; margin-right: 32px; }
.webinar-meta p { font-size: .857em; margin-bottom: 0px; }

/* News and Press Coverage */
.feature { padding:25px 35px 20px; width:auto; }
.feature .featureimg { float:left; margin-right:25px; max-width:50%; }
.feature:nth-child(odd) { background-color: #fff; border-top: 1px solid #ddd; }
.feature:nth-child(even) { background-color: #eee; border-top: 1px solid #ddd; }
.feature:last-child { border-bottom: 1px solid #ddd; }
.featuretext h2{padding:0;}

/* Profile Page */
#profile-education br { margin: 0 0 8px; }
#profile-specializations br { margin: 0 0 4px; }
.profile-photo { float:right; width: 25%; text-align: right; }
.profile-photo img { padding:0.25em 1em 0 0; }


/*---------------*/
/*     FORMS     */
/*---------------*/
#search-box input { height: 26px; border: none; padding: 0 5px; margin-left: 7px;
  border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

/*---------------*/
/*    TABLES     */
/*---------------*/
table.horizontal { border-top: 1px solid #ccc; }

table.horizontal td { vertical-align: top; }

#side-column table.horizontal { border-top: 1px solid #666; }

table.horizontal td, 
table.horizontal th { border-bottom: 1px solid #ccc; padding: 6px 2px 6px 1px; text-align: left; }

#side-column table.horizontal td  { font-size: 0.786em; border-bottom: 1px solid #666; margin: 0; padding: 6px 2px 6px 1px; text-align: left; }

#side-column table.horizontal th { font-size: 0.857em; border-bottom: 1px solid #666; margin: 0; padding: 6px 2px 6px 1px; text-align: left; font-weight: bold; }

/*--------------------*/
/*  JQUERY & WIDGETS  */
/*--------------------*/
iframe { z-index: 75; }

/* Accordion */
#accordion {}
.accordion { width: 100%; }
.ui-accordion .ui-accordion-header { font-weight: 600; }
.ui-widget { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1em; }
.ui-helper-reset { line-height: 1.2; }
.ui-state-active { background: #aa0000; color: white; border: 1px solid #610101; }
.ui-state-active a:link, .ui-state-active a, .ui-state-active a:visited { color: white; }
.ui-state-active a:link,
.ui-state-default a:link,
.ui-state-hover a:link { text-decoration: underline; }
.ui-accordion-header-active .ui-icon { background-image: url('../images/sprites.png'); padding: 0; height: 15px; width: 16px; }
.ui-icon-custom-white-triangle-s { background-position: -180px 0px; }
.ui-accordion .ui-accordion-content { padding-bottom: 15px; }
/*.ui-widget-content a  See Linkage section */

/* Twitter Feed */
.header .avatar { display: none; }

/*--------------------*/
/*  MOBILE ONLY       */
/*--------------------


}*/

/*-------------------------*/
/*  IE10-SPECIFIC STYLES   */
/*--------------------------*/

@media screen and (min-width:0\0) {
	#portal-nav li ul { right: -100px;	}
	#portal-nav li.quicklinks { padding: 13px 0px 13px 14px; }
	#portal-nav ul  li.quicklinks > a { padding-bottom: 4px; }
	#portal-nav ul  li.quicklinks a.hover { padding-bottom: 4px; }
	#portal-nav ul li.quicklinks > a img, #portal-nav ul li.quicklinks > a.hover img { margin-top: 0px; }

	#page-nav > ul > li > ul { margin-top: -2px; padding-top: 1px; }

	#page-nav > ul > li > a:hover { padding-top: 13px; }

	h1.sectionfront { font-weight: bold; }
}
