/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
  line-height: 1.5;
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked img. */
a img { border: none; }

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #333;
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: Georgia, "Times New Roman", serif; font-weight: normal; color: #333; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.75em; }
h2 { font-size: 1.67em; line-height: 1em; margin-bottom: 0.75em; }
h2.section-heading { font-size: 1.67em; line-height: 34px; margin: 0; border-top: 5px solid #CCCCBF; border-bottom: 1px solid #CCCCBF; padding-left: 10px; }
h2.section-heading span { float: right; margin-right: 10px; color: #666; }
.sub-section-heading { margin: 10px 10px 10px 0; }
.sub-section-heading img { display: block; float: right; }
h2.tabfont { font-size: 1.33em; margin-bottom: 0.42em;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h3.regular { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1em; margin-bottom: 0.3em; margin-top: 5px; line-height: 1.2em;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     { color: #D48700; }
a           { color: #467F9C; text-decoration: none;}

blockquote  { color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

.main-column p { margin-left: 10px; }

p.first { margin-top: 20px; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
/*ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }*/

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 20px 10px; }
dt       	{ margin-top: 5px; margin-bottom: 5px; }
dd          { margin-bottom: 10px; }
dd img		{ margin-right: 10px; }

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* Forms
--------------------------------------------------------------*/
.generic-form p { margin-left: 10px; clear: left; }
form ul		{ list-style: none; padding: 20px 0 0 10px; }
form ul	li	{ float: left; width: 312px; margin-bottom: 20px; }
fieldset	{ border: 0; }
legend		{ display: none;}
label.block-label	{ display: block; font-weight: bold; margin-bottom: 5px;}
.required	{ color: red; }
input.textbox { width: 238px; padding: 6px 0; text-indent: 10px; background: #FFF url(../img/textbox-bg.gif) repeat-x; border: 1px solid #CCCCBF; }
select.textbox { width: 238px; padding: 5px 0; text-indent: 3px; padding-right: 10px; background: #FFF url(../img/textbox-bg.gif) repeat-x; border: 1px solid #CCCCBF; }
textarea.textbox { border: 1px solid #CCCCBF; width: 238px; height: 200px; background: #FFF url(../img/textbox-bg.gif) repeat-x; }
.submit-area { float: left; width: 635px; border-top: 1px solid #CCCCBF; background: #F1F1EE; }
.submit-area p { float: left; margin: 0 0 0 10px; line-height: 38px;}
.submit-area .position-button { float: right; }
.submit-area .position-button .button { margin: 0; padding: 10px; background-color: #D48700; border: 0; color: #FFF; font-size: 1.17em; font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; cursor: pointer; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.reset		{ clear: both; }
a:active 	{ outline:none; }
:focus 		{ -moz-outline-style:none; }
/* reduce line height on p for tight areas */
.reduce		{ line-height: 1.3em; }
.add-left-margin { margin-left: 10px; }
.stripe		{ background: #F0F0EC; }
.to-upper 	{ text-transform: uppercase; }
.title-case { text-transform: capitalize; }

/* Tabs
--------------------------------------------------------------- */

/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:1.2em;
	font-family: Georgia, "Times New Roman", serif;
	display:block;
	padding:5px 10px;	
	text-decoration:none;
	height:18px;
	background-color:#efefef;
	color:#467F9C;
	margin-right:2px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#467F9C;
	color:#FFF;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#FFF;
	border-bottom:2px solid #FFF;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
div.css-panes > div {
	display:none;
	min-height:150px;
	/*padding:15px 20px;*/
	background-color:#FFF;	
}

/* Scrolling News Items
----------------------------------------------------------------------*/
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 310px;	 
	width: 416px;
}

/* root element for scrollable items */
.vertical .items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;
	margin: 0px;
}

/* the action buttons above the latest news section on the home page */
#latest-actions { float: right; width: 42px; margin: 8px 10px 0 0; }
#latest-actions a { cursor:pointer; }

a.prevPage, a.nextPage { display: block; width: 18px; height: 18px; }
a.prevPage{ float: left; background: url(../img/nav-controls.png) no-repeat 0 0; }
a.nextPage { float: right; background: url(../img/nav-controls.png) no-repeat 0 -18px; }

a.prevPage:hover { background: url(../img/nav-controls.png) no-repeat -18px 0; }
a.nextPage:hover { background: url(../img/nav-controls.png) no-repeat -18px -18px; }

a.prevPage:active { background: url(../img/nav-controls.png) no-repeat -36px 0; }
a.nextPage:active { background: url(../img/nav-controls.png) no-repeat -36px -18px; }



.disabled {
	visibility:hidden;		
}

.home-latest {
	position: relative;
	height: 310px;
}

.text-over-image {
	width: 416px;
	position: absolute;
	bottom: 0;
	background: url(../img/white-semi-transparent-bg.png);
	padding-top: 5px;
}
.text-over-image div {
	position: static;
	display: inline;
}
.text-over-image h2, .text-over-image p {
	margin: 0;
	padding: 0;
}

.text-over-image img {
	float:left;
}

.text-over-image h2 {
	font-size: 1.5em; line-height: 1.1; margin: 0 10px 5px 10px;
}
.text-over-image p {
	margin: 0 10px 10px 10px;
	line-height: 1.3em;
}
.text-over-image p a {
	font-weight: bold;
}
.article .article-header-over-image h2.text-no-image, .article .article-header-over-image h3.text-no-image {
	color: #333;
}

/* Feature Roller
-----------------------------------------------------------------*/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.feature-roller {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 635px;
	height:190px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.feature-roller .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/* single scrollable item */
.feature-roller .feature-intro {
	float:left;
	margin: 10px 10px 0 10px;
	cursor:pointer;
	width:138px;
	/*height:75px;*/
	padding-bottom: 10px;
}
.feature-roller .feature-intro p {
	margin-bottom: 10px;
}
/* active item */
.feature-roller .active {
	/*border:2px solid #000;*/
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
.feature-roller {
	float:left;	
}

#feature-actions { float: right; width: 42px; margin: 8px 10px 0 0; }
#feature-actions a { cursor:pointer; }

/* prev, next, prevPage and nextPage buttons */
#feature-actions a.browse {
	background:url(../img/nav-controls.png) no-repeat;
	display:block;
	width:18px;
	height:18px;
	margin:0;
	cursor:pointer;
}

/* right */
#feature-actions a.right 		{ background-position: 0 -54px; }
#feature-actions a.right:hover 	{ background-position: -18px -54px; }
#feature-actions a.right:active { background-position: -36px -54px; } 


/* left */
#feature-actions a.left			{ background-position: 0 -36px; } 
#feature-actions a.left:hover  	{ background-position: -18px -36px; }
#feature-actions a.left:active  { background-position: -36px -36px; }

 
a.up, a.down		{ 
	float: none;
	margin: 10px 50px;
}


a.up:hover  	{ background-position:-20px 0; }
a.up:active  	{ background-position:-190px 0; }

a.down 			{ background-position: 0 -20px; }
a.down:hover  	{ background-position:-20px -20px; }
a.down:active  	{ background-position:-190px -20px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}
/* Form elements

-----------------------------------------------------------------*/

.global-search {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	height: 30px;
}
.search-button {
	margin: 0 -1px -1px -1px;
	padding: 0;
	background-color: #D48700;
	border: 0;
	width: 76px;
	height: 30px;
	color: #FFF;
	font-size: 1.17em;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	cursor: pointer;
}
input.global-searchbox {
	width: 197px;
	margin: 0 -1px -1px -1px;
	font-size: 12px;
	padding: 6px 0 6px 20px;
	height: 17px;
	border: 0;
	border-bottom: 1px solid #F0F0F0;
	background: #FCFCFC url(../img/search-icon.gif) no-repeat 5px 50%;
	vertical-align: top;
	/*font-style: italic;*/
	color: #333;
}

/* Site Structure classes

-----------------------------------------------------------------*/

.header-wrapper {width: 970px; margin: 0 auto; }
.header-wrapper h1 { float: left; margin: 0.6em 0 0.6em 10px; }
.masthead { float: left; height: 95px; }
.branding { margin: 15px 0 0 10px;}
.top-banner img { float: right; }
.global-nav { float: left; width: 970px; list-style: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0; padding: 0; }
.global-nav li { float: left; display: inline; padding: 8px 5px 8px 5px; }
.global-nav li a {font-size: 1.17em; font-weight: bold; padding: 3px 5px 3px 5px; line-height: 1em;}
.global-nav li a:hover {color: #FFF; background: #D48700;}
.global-nav li a.active {color: #FFF; background: #467F9C;}
.toolbar {float: left; display: inline; width: 970px; background: #F0F0F0;}
.breadcrumbs { float: left; line-height: 30px; margin-left: 10px; }
.start { color: #999; }
.social-tools { float: right; list-style: none; margin: 0 8px 0 0; padding: 0; vertical-align: middle; }
.social-tools li { float: right; margin: 7px 8px 0 0; }
.login-area { float: right; height: 43px; margin: 5px 0; line-height: 21px; padding-left: 10px; border-left: 1px solid #CCC; text-align: right; }
.content-outer-wrapper { clear: left; width: 100%; background: url(../img/content-background.png) repeat-x;  }
.content-wrapper { width: 970px; margin: 0 auto; padding: 20px 0 30px 0; }
.main-column { float: left; display: inline; width: 635px; margin-right: 21px; }
.main-one-third { float: left; width: 198px; border-bottom: 1px solid #CCCCBF; margin-bottom: 20px; }
.remove-bottom { border-bottom: 0; margin-bottom: 0; }
.main-two-thirds { float: left; width: 416px; margin-right: 21px; border-bottom: 1px solid #CCCCBF; margin-bottom: 20px; }
.main-full-width { clear: left; border-bottom: 1px solid #CCCCBF; margin-bottom: 20px; }
.main-half-width { float: left; width: 307px; margin-right: 21px; border-bottom: 1px solid #CCCCBF; margin-bottom: 20px; }
.last-column { margin: 0; }
.sub-column { float: left; width: 314px; }
.content-container { padding: 10px; background: #CCCCBF; margin-bottom: 20px; }
.feature-intro p { line-height: 1.3em; }
.association img { display: block; float:right; margin-top: 7px;}

.head-row { }

.rows span.format-date { margin-left: 0; }
.rows a { font-weight: bold; }

span.format-date {
	font-size: 0.92em;
	margin: 0 10px 0 10px;
	color: #666;
	text-transform: uppercase;
}
.format-date span {
	font-weight: bold;
	color: #333;
}

.column-footer-link { border-top: 1px solid #CCCCBF; padding: 5px 0 5px 10px; }

.content-list {
	float: left;
	width: 314px;
	border-top: 5px solid #CCCCBF;
	border-bottom: 1px solid #CCCCBF;
	background: #EAEAE8;
	margin-bottom: 10px;
}
.content-list h2 { font-size: 1.67em; line-height: 34px; margin: 0; padding-left: 10px; color: #666666; }
.content-list ul { list-style: none; margin: 0; padding: 0; }
.content-list ul li { padding: 0; }
.content-list ul li a { line-height: 16px; text-transform: uppercase; }
.content-list-full-width ul { float: left; width: 142px; margin-right: 10px; }
.content-list .last-column { margin: 0; }
.content-list h3 { font-size: 11px; margin-bottom: 6px; }
.content-list li { font-size: 10px; }
.content-list h3 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; color: #333; border-top: 1px solid #CCCCBF; padding-top: 9px; }
.content-list-full-width { float: left; display: inline; margin: 0 10px 0 10px; width: 294px; padding: 0 0 10px 0; }
.content-list-half-width { float: left; display: inline; margin: 0 10px 0 10px; width: 142px; padding: 0 0 10px 0; }

.advert { background: #E1E1E1; padding: 7px 0; clear: left; margin: 0 0 10px 0; }
.advert a { display: block; text-align: center; }

.article p { margin-left: 10px; }
.article .article-header-over-image { position: relative; margin-bottom: 20px; }
.article .article-header-over-image h2 { font-size: 2em; color: #FFF; margin: 10px 0 5px 10px;}	
.article .article-header-over-image h3 { font-size: 1.2em; color: #FFF; margin-left: 10px; line-height: 1.3em;}
.article .article-header-over-image div {
	width: 635px;
	position: absolute;
	bottom: 0;
	background: url(../img/black-semi-transparent-bg.png);
	padding-top: 5px;
}
.paging-tools { margin: 20px 0; padding: 8px 10px; border-top: 1px solid #CCCCBF; border-bottom: 1px solid #CCCCBF; }

blockquote.big-quote {
  float: right;
  margin: 0 20px 20px 20px;
  font: 1.5em/1.6em Georgia, "Times New Roman", Times, serif;
  width: 190px;
  background: url(../img/close-quote.gif) no-repeat right bottom;
  padding: 10px 0 10px 18px;
  text-indent: -18px;
  border-top: 1px solid #CCCCBF;
  border-bottom: 1px solid #CCCCBF;
  color: #999;
}


blockquote.big-quote:first-letter {
  background: url(../img/open-quote.gif) no-repeat left top;
  padding-left: 18px;
  font: italic 1.6em Georgia, "Times New Roman", Times, serif;
}

#show-hide-feature-list {
	padding-left: 10px;
	margin-bottom: 20px;
}
#show-hide-feature-list ul { float: left; list-style: none; }
#show-hide-feature-list ul li { float: left; list-style: none; width: 190px; margin-right: 10px; }
#show-hide-feature-list ul li a { font-size: 0.92em; text-transform: uppercase; }
.toggler { margin-bottom: 10px; }
.toggler a { display: block;  border: 1px solid #CCCCBF; padding: 5px 10px 5px 38px; font-weight: bold; }
.toggle-button { background: url(../img/toggle.png) no-repeat 0 -5px; }
.toggle-button-active { background-position: 0 -45px; }

.list-features-with-descriptions { float: left; list-style: none; width: 290px; margin-right: 20px; }
.list-features-with-descriptions h3 { margin-bottom: 0.2em;}

.list-features { list-style: none; }
.list-features li { border-bottom: 1px solid #CCCCBF; padding: 10px 0 10px 0; }
.list-features li img {float: left; }
.list-features h3, .list-features p { margin-left: 148px; }
.list-features h3 { margin-bottom: 5px; }
.list-features p { margin-bottom: 0; }

/* Footer
-----------------------------------------------------*/

.footer-outer-wrapper { background: #333; margin-top: 30px; }
.footer-wrapper { width: 970px; margin: 0 auto; color: #FFF; padding-top: 20px; }
.footer-wrapper .main-half-width { border-bottom: 0; }
.footer-wrapper h2 { color: #666; margin-bottom: 0; }
.strip { clear: left; width: 970px; background: #000; }
.strip p, .strip ul li { float: left; padding: 5px 0 5px 10px; color: #666; }
.strip ul li a { color: #FFF; }
.strip ul li a:hover { text-decoration: underline; }
.strip ul { float: right; list-style: none; margin-right: 10px; }
.big { font-size: 2em; margin: 0; }

/* END: Footer */


/* FlowPlayer
-------------------------------------------------------*/

div.overlay {
	padding:40px;	
	width:576px;  
	display:none;
	background-image:url(../img/overlay/white.png);	
}

div.overlay div.close {
	background:url(../img/overlay/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

div.overlay a {
	height:450px;
	display:block;
}

#player {  }

button {
	background: none;
	color: #fff;
	font-weight: bold;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	width: auto;
	overflow: visible;
	outline: 0;
}

button.video {
	
}

button.video img{
	margin: 0px;
	padding: 0px;
}

button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

.business-desk-news {
	list-style: none;
	margin-top: 20px;
}

.business-desk-news img {
	margin: 0 10px 10px 10px;
}

.business-desk-news h3, .business-desk-news p {
	margin-left: 10px;
}