/* 
  HTML5 ✰ Boilerplate 
  
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

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;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

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; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */


body { *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }


ul, ol { margin-left: 0; }
ul { list-style-type: none;}
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
 
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
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; }

::-moz-selection{ background: #FDBD11; color:#fff; text-shadow: none; }
::selection { background:#FDBD11; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #ff9829; } 

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* =Non-semantic helper classes ===================================================*/

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers - css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders - www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after, .section:before, .section:after, .row:before, .row:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.section { position: relative;}
.clearfix:after, .section:after, .row:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix, .section, .row { zoom: 1; }

.clear { clear: both; }

.left { float: left; }
.right { float: right; }

/* bsm form reset */
#design_content, div.design_content { background-color: transparent; }/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/core/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/core/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/core/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/core/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/core/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/core/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/core/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/core/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/core/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/core/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/core/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/core/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/core/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #fff;
	background: #000;
	background-image: url('/core/fancybox/fancy_title_over.png');
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/core/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/core/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/core/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/core/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/core/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }/* VERSION 1.0 */
	

/* =============================================================================
   Building Blocks
   ========================================================================== */

.hlist, .vlist { margin: 0;}

/*-vlist :: vertical list  */
.vlist, .vlist ul, .vlist ol { padding: 0; list-style-type: none;}
.vlist li { margin: 0; padding: 0; clear: both; list-style-type: none; background: none;}
.vlist a { display: block; padding: .33333em 0;}

/*-hlist :: horizontal list  */
.hlist { padding: 0; list-style-type: none;}
.hlist li { margin: 0; padding: 0; list-style-type: none; float: left; background: none;}
.hlist a { float: left; display: block; text-decoration: none;}

/* =extend hlists and vlist */
.bullet li { background: url(/core/images/ui/blt_main.gif) no-repeat 0px 10px; padding-left: 12px; }
.rule li { border-bottom: 1px solid #ddd; }
.dotted li { border-bottom: 2px dotted #ddd; }
.rule li.last, .dotted li.last { border-bottom: none;}
.dashed li { background: url(../../core/images/ui/rule_dashed.gif) repeat-x left bottom; padding-bottom: .8333333em;}
.dashed .last { background: none;}

/* extend with icons before list items */
.icon img.icon { display: inline; vertical-align: baseline;}
.icon span { display: inline-block; width: 30px; float: left; padding: 0.33333em 0;} 
.icon a { display: inline-block;  float: left; text-decoration: none;} 
.icon li { padding-bottom: 0; overflow: hidden; zoom: 1; }

/* extend and remove underlines, extra spacing */

.no-deco li { text-decoration: none; padding: 0; line-height: 1.5833333em;}
.no-deco li span { padding: 0;}
.no-deco li a { padding: 0; text-decoration: none; }



/* =============================================================================
   Modules
   ========================================================================== */
   
.mod, .hd, .bd { position: relative; }
.mod-outer { }
.mod-inner { padding: 12px;}

.mod .promo { display: block; width: 100%; }

/* = add text button for "more" or "read/view more" */
a.more:link, a.more:visited { position: absolute; right: 0; top: 0; font-size: .91666667em; text-transform:none; font-weight: normal;}

/* =complex extends mod - gray background, padded */
.complex .bd { background: #e4e4e4 url(../../core/images/ui/ptn_g-lt.gif) repeat; padding: 0 1.16666667em 1.16666667em 1.16666667em;}
.complex .bd h2, .complex .bd h3, .complex .bd h4
.complex .bd .h2, .complex .bd .h3, .complex .bd .h4 { padding-top: 14px; padding-bottom: 10px; position: relative;}
.complex .bd h5, .complex .bd .h5 { padding-top: 14px;position: relative;}
.complex .bd a.more:link, .complex .bd a.more:visited { right: 0; top: 4px;}


/* =flush module extends mod - goes edge to edge with no padding */
.flush .mod-inner { padding: 0;}
.flush .bd { padding: 0;}
.flush .bd h4, .flush .bd .h4, .flush .bd h5, .flush .bd .h5, .flush .bd p { padding: .5em 1em;} 
.flush .bd .no-transform{text-transform:none; text-align:center}
/* =============================================================================
   Reused Graphic Conventions
   ========================================================================== */
   
/* =dashed line (hr) */
.h-dash, ul li.h-dash { background: url(../../core/images/ui/rule_dashed.gif) repeat-x left bottom; padding-bottom: 10px;}
.h-dash.last { background: none;}
/* for management page SF*/
.dash{background: url(/core/images/ui/rule_dashed.gif) repeat-x left bottom; padding-bottom: 10px; margin-bottom:10px;}
.dash.last{background:none;}
/*=dashed line (vr) */
ul.v-dash li { background: url(../../core/images/ui/rule_v-dashed.gif) repeat-y right top; }
ul.v-dash li.last { background: none;}

/* =drop shadow */ 
.boxshadow .shadow, #container { -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.boxshadow .innershadow, .boxshadow .contrast { -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.8); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.8); box-shadow: inner 0 0 5px rgba(0,0,0,.8); }


/* =top border */
.tb { border-top: 1px solid #ACACAC; }	  
  
/* contrast extends  */
.contrast { background: #e4e4e4 url(../../core/images/ui/ptn_bl.gif) repeat;}
.contrast a:link, .contrast a:visited { color: #fff; text-decoration: none;}
.contrast a:hover, .contrast a:active { color: #fff;}  
   
/* =============================================================================
   Breadcrumbs
   ========================================================================== */

	.breadcrumb { padding: 0; margin: 0;}
	.breadcrumb li{ display: inline;}
	.breadcrumb a {}
	
/* =============================================================================
   Buttons
   ========================================================================== */

.btn, a.btn:link, a.btn:visited { background: #006599; color: #fff; padding: .5em .83333333em; text-decoration: none; text-transform:uppercase; display: inline-block; margin: 1em 0;}
.btn:hover, a.btn:hover, a.btn:visited:hover { background: #e6ac0f;}

.borderradius .btn { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}


/* =============================================================================
   Accordions
   ========================================================================== */
   
   
/* =============================================================================
   Tabs
   ========================================================================== */
   
   
/* =============================================================================
   Media Blocks
   ========================================================================== */  
/* ====== media (requires mod.css) ====== */

.media{margin: 10px;}
.media:after, .bd:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.media .bd{display:table-cell; zoom:1; }
.media .bd > :first-child{margin-top:0; padding-top: 0;}
.media .bd > :last-child{margin-bottom:0;}
.media .img{float:left; margin-right: 10px;}
.media .img img{display:block;}
.media .imgExt{float:right; /*margin-left: 10px;*/}
.media .frame{border:5px solid #eee;}
.management-profile{margin:12px 0;}
.management-profile .frame{border:10px solid #eee;}

.related-content .media .bd > :first-child { margin-bottom: 8px;}
.related-content .media .tb { width: 66px; background: #f3f3f3;}
.related-content .media .img img { margin: 3px auto; max-width:100% }
.media .med img{ max-width:100% ;}

/* .ext extends media block */
.ext { margin: 10px 0; }
.ext .img { margin-right: 16px; margin-top: 0; margin-bottom: 0; padding-top: 0;}
.ext .bd { }

/* =============================================================================
   Search Results
   ========================================================================== */  
    .searchResultsHeader h3{font-size:14px;}
	.ektronSearch div.searchWrapper div.searchResults h4{text-transform:none;}
	.ektronSearch div#navbar ul.ektronPaging li{border:none; background:none;}

/* =============================================================================
   Sitemap 
   ========================================================================== */  
   .sitemap li{background:none;}
   .sitemap li a{font-weight:bold; font-size:17px; text-decoration:none; border-bottom:1px solid #ccc;}
   
   .sitemap ul li {padding-bottom:3px; padding-top:3px;}
   .sitemap ul li a{font-size:14px; border:none; font-weight:normal;}
   
	.sitemap ul ul li{background:url(/core/images/ui/bullet.gif) no-repeat scroll 0 0 transparent; padding-top:2px; padding-bottom:2px;}
	.sitemap ul ul li a{ font-size:12px}
/* =============================================================================
   Grid Galleries ..grid galleries are tiled grids of content. They may include any combination of images, text, links
   ========================================================================== */  
	.grid li { background: none;}
	.grid { clear: both; list-style-type: none; margin: 0; padding: 0;}
	.grid li { clear: both; margin: 0; list-style-type: none; padding: 0; }
	ul.grid div { text-align: center; }
	ul.grid li a { display: block;}
	ul.grid li img  { display: block; max-width: 100%; margin: 0 auto;}
	ul.grid .bd { display: block; max-width: 96%; margin: 2%; clear: both;}
	ul.grid .bd a:link { display: inline; border: none;}
	
	ul.tile-2 li, ul.tile-3 li, ul.tile-4 li, ul.tile-5 li { float: left; clear: none;}
	
	ul.tile-2 li { width: 46%; padding: 2%; }
	ul.tile-3 li { width: 29.33333%; padding: 2%;}
	ul.tile-4 li { width: 21%; padding: 2%;}
	ul.tile-5 li { width: 16%; padding: 2%; }
	
	/*= css3 
	ul.tile-5 li:nth-child(5n + 6) { clear: left; background: green;}*/
	
	/* =============================================================================
   Calendar - microformatted
   ========================================================================== */  
   
   .vevent .date-time { color: #333;} 
/* =============================================================================
   vCard - microformatted
   ========================================================================== */  
   .vcard { margin-top: .8333333em;}
   .vcard .tel, .vcard .email, .vcard .title {display: block;}
   .fn { color: #262626;}
   
/* =============================================================================
   video - responsive
   ========================================================================== */     
   .videoWrapper {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 25px;
     height: 0;
    }
    .videoWrapper iframe,
    .videoWrapper object,
    .videoWrapper embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
    }
    
    video {
	/*
	width: 100% !important;
	height: auto !important;
    */
	}
	
	.fullscreen {
        position : absolute;
        z-index  : 1000 !important;
        width    : 100%;
        height   : 100%;
        top      : 0;
        left     : 0;
    }

    .fullscreen video 
    {
        position: relative;
        width    : 100%;
        height   : 100%;
    }

 /*=IMAGESIZES
--------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------  */
	
	.size-1 { width: 100%; height: 330px; }
	.size-2 { width: 78.645833%; height: 279px; }
	.size-3 { width: 31.5625%; height: 116px; }
	.size-4 { width: 6.25%; height: 46px;}
	
	.size-1, .size-2, .size-3, .size-4 { display: block; overflow: hidden; }
	.size-1 img, .size-2 img, .size-3 img, .size-4 img { display: block; width: 100%; height: 100%;}
	
	.feature img { display: block; max-width: 100%;}
	.ie6 .feature img { width: 100%; }
	.figure b { display: block;}
	.figure img { max-width: 100%; display: block;}

	.feature { background: #e4e4e4 url(../../core/images/ui/ptn_g-lt.gif) repeat; overflow: hidden; width:100%; } 
	.ie6 .feature {	overflow: visible; }
	.feature .complex .bd { background: none; }
	.feature .mod {	float: none; }
	.rotation .figure { float: left; width:100%;}
	.ie6 .figure { float: none; }
	
 /*=FIGCAPTION
--------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------  */
	.fig-caption, .fig-caption .bd { padding: 0;} 
	.fig-caption .img-title h2 { color: #777; padding: 0 12px 0 24px; margin: 12px 0;}
	
	.img-desc p { color: #777; padding: 0 24px 0 12px; margin: 12px 0 8px; border-left: 1px solid #777; line-height: 1.3333333em;}
	

	
 /*=SLIDESHOWS
--------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------  */
	.feature{position:relative;}
	
	.ie6 .three-column .figure { width:755px; }
	
	.rotation{z-index:5; position:relative;}
	
	.pager-wrapper{position:absolute; z-index:10; width:100%; top:0px; }
	.pager-bar{position:absolute; bottom:0; z-index:10; clear:both; width:100%;}
	.pager .back, .pager .next, .pager ul {float:left;}
	
	.fig-caption .img-desc .btn{margin-right:1em; margin-top:0;}
	
 /*=STORIES
--------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------  */


/* =stories (title, image and floating block of text) - */

	.featured-story {
		margin-bottom: 2em;
		clear: both;
		}
	
	.featured-story img.feature {
		width: 140px;
		float: left;
		display: block;
		margin-right: 20px;
		padding: 4px;
		border: 1px solid #ddd;
		}
	
	.featured-story p, .featured-story p.callout,
	.featured-story h2, .featured-story h3, .featured-story h4, .featured-story h5 {
		clear: none;
		}


/* =============================================================================
   Extends - styles that extend other general classes
   ========================================================================== */   

/* =dashed extends vlists: dashed headings need more space */
.bd .dashed h2, .bd .dashed .h2 { padding-top: .47619048em;}	


/* VERSION 1.0
	Author: Dennis Kardys
	Contact: dkardys@wsol.com

	CONTENTS ----------

	RESET


	COLOR GUIDE

	BLACK:		#000000
	DARK GREY:	#777777
	LIGHT GREY:	#F3F3F3
	WHITE: 		#FFFFFF
	DARK BLUE:	#00629C
	YELLOW:		#F4BF08
	LIGHT BLUE: #C2E5F7

 */




/* 1. =import RESET and patterns CSS
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------  */



/* 4. =TEMPLATE ELEMENTS / PAGE COMPONENTS
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------  */

/* =body & container */

	body { background: #d6d6d6 url(/core/images/ui/ptn_g-dk.gif) repeat; }

/* =masthead */

	.masthead { background: #fff; }

/* =nav-utility  */
	.utility a:link { padding: 0 6px;}
	.utility a img { display: inline; vertical-align: middle;}

/* =search ----------------------------------------------------- */

	#nav-bar .search {
		background: #777777;
		width: 190px;
	}
	#nav-bar .btn-nav-search:hover .search { display: block; }
	.search label, .search-field { display: inline-block; line-height: 30px; color: #fff; float: left;}
	.search label { padding: 0 0.5em; height: 30px; }
	.search-field, input[type="text"].search-field{ width: 140px; height: 24px; line-height:24px; margin: 3px 0 0 0.5em; padding: 0 0 0 2px; background: none #999; border: none;}
	.ie6 .search input.search-field {background-color:#777; border:0;}
	.search-field:focus { background: #555;}
	.search-btn { display: inline-block; float: right; width: 37px; height: 30px; background: url(/core/images/ui/btn_search.gif) no-repeat left top; border: none; text-indent: -9999px;}

	.oldie #nav-bar .search { width: 170px; }
	.oldie #nav-bar .search-field { width: 120px; }

	}

/* = secton-banner ------------------------------------ */

	/* SF */
	.pager-wrapper{ font-family:Georgia, "Times New Roman", Times, serif;}
		.pager-bar{ background:rgba(51,51,51,.75); padding:10px 0;}
		.no-rgba .pager-bar{background:url(/core/images/ui/bg-pager-trans.png) repeat;}
		.pager{margin:auto;}
		.pager .back, .pager .next{font-style:italic; padding:0 6px; text-decoration:none;}
		.pager .back{border-right:1px solid #837c7c;}
		.pager .next{border-left:1px solid #837c7c;}
		.pager a, .pager a:link, .pager a:visited{
			color:#f4bf08; line-height:12px;
		}
		.pager a:hover{color:#fff;}
		.pager li{padding:0 4px;}

		.pager li a{
			text-indent:-9999px;
			background:url(/core/images/ui/pager-sprite.png) no-repeat bottom;
			padding:0;
			width:11px;
		}

		.pager li.selected a, .pager li a:hover{background:url(/core/images/ui/pager-sprite.png) no-repeat center 1px;}

/* =nav-main ------------------------------------------------ */

	.nav-bar { position: relative; background: #000000; z-index:100;}
	.nav-main { background: #000; float: left; }
	/* hovers and colors */
	.nav-main a:link, .nav-main a:visited { line-height: 2.5; padding: 0 1.3333333em 0 .83333333em; color: #C2E5F7; background: #000 url(/core/images/ui/bkg_nav.gif) no-repeat right bottom; }
	.oldie .nav-main a:link, .oldie .nav-main a:visited { padding: 0 1.3333333em 0 .5em; }
	.nav-main a:hover, .nav-main a:active { background-color: #333; color: #FFFFFF; background-position: right top;}
	/**/
	.nav-main .last a/*:link, .nav-main .last a:visited*/ { background: #000 url(/core/images/ui/bkg_nav-last.gif) no-repeat right bottom; }
	.nav-main .last a:hover, .nav-main .last a:visited:hover, .nav-main .last a:active{ background-color: #333; color: #FFFFFF; background-position: right top;}

	.nav-main .last ul a:link, .nav-main .last ul a:visited{background-color:#333; background-image:none}

/* =nav-section -------------------------------------------- */

	.nav-section { padding-bottom: 1px;background: #e9e3dc; }
	.nav-section ul { margin: 0; }
	.nav-section li { }
	.nav-section li a:link, .nav-section li a:visited { padding: .5em .5em .5em 1em; margin-bottom: 1px; background: #f0fcff url(/core/images/ui/bkg_nav-section-1.gif) repeat-y -600px 0; color: #50b3cf; text-decoration: none;}
	.nav-section li a:hover, .nav-section li a:active, 	.nav-section li a.selected:link, .nav-section li a.selected:visited {  background: #f0fcff url(/core/images/ui/bkg_nav-section-1.gif) repeat-y 0 0; color: #006599;}

	.nav-section ul.lvl2 li a:link, .nav-section ul.lvl2 li a:visited { background: #f8f8f8 url(/core/images/ui/bkg_nav-section.gif) repeat-y -600px 0; color: #777;}
	.nav-section ul.lvl2 li a:hover, .nav-section ul.lvl2 li a:hover, .nav-section ul.lvl2 li a.selected:link, .nav-section ul.lvl2 li a.selected:visited { background: #fff url(/core/images/ui/bkg_nav-section.gif) repeat-y 0 0; color: #222;}
	.nav-section ul.lvl2 li a.selected:link, .nav-section ul.lvl2 li a.selected:visited { margin-bottom: 0; }

	.nav-section ul.lvl3 li { background: #fff url(/core/images/ui/bkg_nav-section.gif) repeat-y 0 0; }
	.nav-section ul.lvl3 li a:link, .nav-section ul.lvl3 li a:visited { margin-bottom: 0; background: transparent url(/core/images/ui/bullet-dash.gif) no-repeat 1em .333em; padding: .166666em /* 2/12 */ .5em .166666em 2em; color: #777;}
	.nav-section ul.lvl3 li a:hover, .nav-section ul.lvl3 li a:active, .nav-section ul.lvl3 li.selected a:link, .nav-section ul.lvl3 li.selected a:visited { color: #000;}

	.nav-section ul.lvl3 li:last-child { padding-bottom: .5em;}
	/*.nav-section li li.selected li a:link, .nav-section li li.selected li a:visited { background: none; padding: .166666em /.5em .166666em 1em; color: #777;}
	.nav-section li li.selected a:last-child, .nav-section li li.selected li a:last-child { padding-bottom: .5em;}*/

/* donate ---------------------------------------------------- */

	.donate { display: block; position: fixed; right: 0px; top: 226px; z-index: 100; width: 54px; height: 108px; }
	.donate a:link, .donate a:visited { display: block; width: 54px; height: 108px; background: url(/core/images/ui/btn_donate.png) no-repeat right center; text-indent: -9999px; }
	.ie6 .donate { position: absolute; }
	.ie6 .donate a:link, .ie6 .donate a:visited { background: url(/core/images/ui/btn_donate.gif) no-repeat right center; }

/* =page-header */

	header, .header { background: #fff;}

/* =footer -- */

	.footer { padding-bottom: 3em;}
	.footer .inner { padding-top: 15px; text-align: center;}
	.nav-footer { display: block; margin: 0 auto; width: auto; text-align: center;}
	.nav-footer li { display: inline;}
	.nav-footer a { display: inline-block; margin: 0 .5em;}
	.copyright { margin-top: 1em; }


/* =GRID AND LAYOUT (DEFAULT)
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------  */

	/* general non-semantic layout conventions */

	#container { background: #e4e4e4 url(/core/images/ui/ptn_g-lt.gif) repeat; max-width: 960px; margin: 0 auto; position:relative }
		.ie6 #container{width:960px; margin:0 auto; }
	.oldie #container { border-left: 1px solid #CCC; border-right: 1px solid #CCC;}
	.inner { margin: 0 auto;}

	.content-wrapper { background: #fff; position: static;}

/* =PAGE COMPONENTS
-------------------------------------------------------------------- */

	.sponsors { background: #fff;}
	.sponsors li img { max-height: 78px; }

	/* added to the screen css, because this is custom to amfar sizes, and not reusable */
	ul.v-dash li { min-height: 71px;}

	.hlist a.active{color:#00629C; font-weight:bold;}
	.blogArchive{padding-left:12px;}
	.entry{padding:20px 0; border-bottom:1px solid #ddd;}
	.image_left{float:left; margin:0 14px 10px 0;}

/* =FOOTER
--------------------------------------------------------------------- */
	.footer li { padding-left: 0;}


/* =GENERAL TYPOGRAPHY
---------------------------------------------------------------------*/

	body, select, input, textarea { font: 12px/20px Arial,Verdana,sans-serif; color: #777;}

	/*= ff-dagny font */
	h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .nav-main, .breadcrumb { font-family: ff-dagny-web-pro-n4, ff-dagny-web-pro, helvetica, arial, sans-serif; font-weight: 400; }

	p { margin: .66666667em 0; color: #525252;}
	.mod p{ color: #777;}

	strong { color: #333;}

	h1, h2, h3, h4, h5 { position: relative; font-weight: normal;}
	h1, h2, .h1, .h2 { line-height: 1;}
	h1, .h1 { font-size: 3em; color: #000; font-weight: 200; padding-top: .44444444em; margin-bottom: .77777778em; font-family:ff-dagny-web-pro-n2, ff-dagny-web-pro, helvetica, sans-serif;} /* (36px ..36/12) */
	h1 strong, .h1 strong { font-weight: 700; font-family: ff-dagny-web-pro-n7, ff-dagny-web-pro, helvetica, sans-serif; display: block;}

	h2, .h2, .h2 a, h2 a { font-size: 1.75em; color: #00629C; text-decoration: none;} /* (21px ..21/12) */

	h3, .h3 { font-size: 1.3333em;} /* (16px ..16/12) */
	h4, .h4 { font-size: 1em; color: #00629C; font-weight: bold; text-transform: uppercase; padding-bottom: .5em;}


	.breadcrumb li { font-size: 1.75em; font-weight: 200; }
	.breadcrumb a:link { color: #00629C; text-decoration: none;}
	.nav-main a:link, .nav-main a:visited { font-weight: 700;}
	.org-title { float: left; font-size: 1.075em; color: #00629C; /*font-weight: bold;*/ margin: 0; padding-left: 1em; padding-bottom: 1em;} /* (14px ..14/12) */
	.org-title strong { color: #F4BF08;}

	ul { margin-bottom: .5em;}
	ul li { line-height: 1.5em; background: url(/core/images/ui/bullet.gif) no-repeat; padding-left: 1.5em;}
	.masthead li, .footer li { background: none;}
	.bar{border-right:1px solid #777; margin-right: 4px; padding-right: 4px;}

	/* things that are small */
	.small { font-size: .91666667em; /* (11px ..11/12) */}
	.tiny { font-size: .83333333em; /* (10px ..10/12) */}

	/* things that are big */
	/*
	.quotation-text { padding-top: 1em; padding-right: 20%; margin-bottom: .5em; font-size: 1.3333333em; line-height: 1.333333em; color: #058BB1; background: url(/core/images/ui/rule_dashed.gif) repeat-x left top; }
	.quotation-caption { display: block; margin: .5em 0 0 0; padding-bottom: 1.133333em;}
    */
	.quotation-no-caption { display: block; margin: 0 0 0 0; padding-bottom: 1em; height: 6px; background: url(/core/images/ui/rule_dashed.gif) repeat-x left center; }

	/*things that are uppercase */
	.search, .btn { text-transform: uppercase;}

	.byline, .caption, .detail, .quotation-caption { font-style: italic; color: #9e9e9e;}
	.byline { margin: 1em 0;}

	/* image and caption styles for work area */
	.block-right-1-2, .block-right-1-3, .block-right-1-4,
	.block-left-1-2, .block-left-1-3, .block-left-1-4 { display: block; font-style: italic; font-size: 11px; color: #666; line-height: 1.4em;}

	.block-right-1-2 img, .block-right-1-3 img, .block-right-1-4 img,
	.block-left-1-2 img, .block-left-1-3 img, .block-left-1-4 img { display: block; padding: 0; margin: 0 0 1em 0; max-width:100%;}

	.block-right-1-2 span, .block-right-1-3 span, .block-right-1-4 span,
	.block-left-1-2 span, .block-left-1-3 span, .block-left-1-4 span { display: block; margin: .666667em 0;}

	/*.block-right-1-2, .block-right-1-3, .block-right-1-4 { float: right; padding: 2.5% 0 2.5% 2.5%; }
	.block-left-1-2, .block-left-1-3, .block-left-1-4 { float: left; padding: 2.5% 2.5% 2.5% 0; }

	.block-right-1-2, .block-left-1-2 { width: 47.50%; }
	.block-right-1-3, .block-left-1-3  { width: 30%; }
	.block-right-1-4, .block-left-1-4 { width: 22.50%; }
		*/
/* =LINKS
---------------------------------------------------------------------*/

	a:link { color: #777;}
	a:visited { color: #777; }
	a:hover { color: #0e779b; }
	a:active { color: #0e779b; }

	.utility a:link, .utility a:visited { color: #058BB1; font-weight: bold;}

	/* links that are H2 links, or things that look like H2s but aren't page sub-headings */
	h2 a:link, h2 a.link:visited, a.h2:link, a.h2:visited  { color: #00629C; font-weight: normal;}

	/* h5 and h5 links */
	h5, .h5, h5 a:link, h5 a:visited { font-weight: 700; color: #333; padding-top: .833333em; font-family:ff-dagny-web-pro-n7, ff-dagny-web-pro, helvetica, sans-serif; }
	.h5{padding-top:.6em;} /* so it aligns with hlist link items SF*/


/*= ektron calendar*/
	#dvCalendar .calendar { border: none; width: 177px;}
	.calendar a:link, .calendar a:visited { text-decoration: none; }
	.calendar .otherMonth { background: #fff;}
	.calendar .dayLink { background: #ccc;}
	.calendar .eventDay { background: #c2e5f8;}
	.calendar .eventDay a:link, .calendar .eventDay a:visited { color: #0186b3 !important;}
	.calendar .selectedDay { background: #006599 !important;  color: #fff;}
	.calendar td, .calendar th { line-height: 25px; font-weight: bold;}
	.calendar td.otherMonth, .calendar td.dayLink, .calendar td.eventDay, .calendar td.selectedDay, .calendar th { border: 1px solid #fff;}
	.calendar th { background: #ddd; border-top: none;}
	.calendar td:nth-of-type(7n + 0), .calendar th:nth-of-type(7n + 0) { border-right: none !important; }
	.calendar td:nth-of-type(7n + 1), .calendar th:nth-of-type(7n + 1) { border-left: none !important; }

	.ie7 .calendar .calendar td, .ie6 .calendar .calendar td { position: relative; left: -28px;}
	.ie7 .calendar .calendar .nextPrev, .ie6 .calendar .calendar .nextPrev { position: static; left: 0; cursor: pointer; }

	.calendar .calendar { position: relative; display: block; color: #00629C; text-transform: uppercase; font-weight: bold;}
	.calendar .calendar td { display: block; text-align: left; float: left;}
	.calendar .calendar .nextPrev { width: 0; height: 0;}
	.calendar .calendar .nextPrev span{ display: block; text-indent: -9999px; width: 16px; height: 15px; position: absolute; top: 6px; background-image: url(/core/images/ui/sprite_next-prev.gif); background-repeat: no-repeat;}
	.calendar .calendar .nextPrev span.next { right: 0; background-position:right center; }
	.calendar .calendar .nextPrev span.prev { right: 20px; background-position:left center;}


	.sitemap ul ul li a{color:#00629C;}
	.sitemap ul ul li a:hover{text-decoration:underline;}
/*= ektron full calendar*/ /* -------- SF */

	.event-type{margin:.65em 0 1em;}
	.event-type tr{float:left; margin: 0 0.5em 0.9em 0;}
	.event-type label{display:inline;}
		.event-type span{padding:3px 8px; color:#111;}
		.event-type span.DarkBlue, .event-type span.DarkGreen, .event-type span.DarkRed,
		.event-type span.Violet{color:#eee;}
			.event-type input{margin-right:5px;}

	.LightBlue{background-color:#D8F0FC;}
	.Blue{background-color:#BDD1ED;}
	.DarkBlue{background-color:#222D3E}
	.Red{background-color:#E7BBBB}
	.DarkRed{background-color:#3C1F1F;}
	.Green{background-color:#D4EBBA;}
	.DarkGreen{background-color:#303E1E;}
	.Orange{background-color:#EBD4B6;}
	.Pink{background-color:#EFDDFF;}
	.Violet{background-color:#520548;}
	.Yellow{background-color:#FEF2B0}

	/* fixes */
	.RadScheduler .rsHeader ul li{background:none;}
	.RadScheduler .rsHeader h2{line-height:30px;}

/*= ektron search */
.ektronSearch div.searchWrapper { border: 1px solid #ccc;}
.ektronSearch ul.searchNavigation li { background: none; padding: 0; border-color: #ccc;}
.ektronSearch ul.searchNavigation li a:link, .ektronSearch ul.searchNavigation li a:visited { color: #006599;  background: #f3f3f3;}
.ektronSearch div.searchWrapper div.searchResultsHeader h3 { background: #f3f3f3; }
.ektronSearch ul.searchNavigation li a.selected:link { background: #fff; color: #058BB1;}
.ektronSearch div.searchWrapper div.searchResults h4 a:link, .ektronSearch div.searchWrapper div.searchResults h4 a:visited { font-size: 1.5em; color: #058BB1;}

/*= ektron Forms */

	ol.design_list_vertical {
		margin-left: 1em !important;
	}

		ol.design_list_vertical li {
			padding: 0.5em 0;
		}

			ol.design_list_vertical li input {
				margin-right: 0.25em;
			}

			ol.design_list_vertical li label {
				display: inline;
			}

	ol.design_list_horizontal {
	}

		ol.design_list_horizontal li {
			display: inline-block; *display: inline; *zoom: 1;
			margin-right: 1em;
		}

			ol.design_list_horizontal li input {
				margin-right: 0.25em;
			}

			ol.design_list_horizontal li label {
				display: inline;
			}

	label{font-weight:bold; display:block; color:#333;}

	.styled-select select{
		background:transparent;
		padding:5px;
		border:none;
		width:282px;
		-webkit-appearance: none;
	}

	.styled-select{
		background:#e8e8e8 url(/core/images/ui/select-arrow.gif) no-repeat right;
		overflow:hidden;
		width:254px;
		height:30px;
		border:1px solid #dbdada;
		}

	input[type="text"],input[type="password"]{border:1px solid #e9e3dc; background:#f8f8f8; padding-top:5px; padding-bottom:5px;}

	/*bsm */
	a.link-blue {
        font-weight: bold;
        color: #00629C;
        text-decoration: none;
    }
	a.link-blue:hover { color: #FDBD11; }

/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}




.nav-main ul {
	border-left: none;
}

.nav-main ul li{
	background: #333;
	border-bottom: 1px solid #444;
}
/* style the sub level links */
.nav-main ul a:link, .nav-main ul a:visited 
{
	background-color: #333;
	background-image: none;
	color: #919191;
	text-transform: none;
    }
    

* html .nav-main a:hover
{
	background-color: #333; color: #FFFFFF; background-position: right top;
}
 
.nav-main :hover > a 
{
	background-color: #333; color: #FFFFFF; background-position: right top;

}
.nav-main ul :hover > a {
	background: #333;
	color: #fff;
}

* html .nav-main ul ul a:hover {  }
    
.nav-main ul ul li:hover { position:relative;}
    
.nav-main ul ul :hover > a {  }

.nav-main ul ul ul a, .nav-main ul ul ul a:visited { }

* html .nav-main ul ul ul a:hover {}
    
.nav-main ul ul ul :hover > a { }

.nav-main ul ul ul ul a:hover { }

.nav-main ul ul ul ul a, .nav-main ul ul ul ul a:visited { }
	


/* ================================= */

#horizontalNav { width: 100%; clear: both; }

.nav-main { position: relative; z-index: 5000; }

/* style the sub-level lists */
ul.nav-main ul 
{
    width:216px;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
ul.nav-main li 
{}

/* style the sub level list items */
ul.nav-main ul li 
{
    width:216px;
	display:block;
}

/* style the links for the top level */

.nav-main a, .nav-main a:visited 
{

}
	
/* style the sub level links */
ul.nav-main ul a:link, ul.nav-main ul a:visited 
{
    display:block;
    /*width:200px;*/
    height:100%;
    line-height:1.25em; 
    padding: .5em .66666667em;
}


/** html .nav-main ul ul a, * html .nav-main ul ul a:visited  {width:14em; w\idth:12em;}*/


/* style the table so that it takes no part in the layout - required for IE to work */
.nav-main table 
{
    position:absolute; 
    left:1px; 
    top:0; 
    width:0; 
    height:0; 
    font-size:12px; 
    z-index:-1;
}

* html .nav-main a:hover { position:relative; z-index:100; }
    
.nav-main li:hover { position:relative; }
    
* html ul.nav-main ul a:hover { position:relative; z-index:5110; }
    
ul.nav-main ul li:hover { position:relative; }
    
* html ul.nav-main ul ul a:hover { position:relative; z-index:5120; }

ul.nav-main ul ul ul a:hover { position:relative; z-index:5130; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
ul.nav-main ul {
    visibility:hidden;
    position:absolute;
    height:0;
    top: 2.5em;
    left:0;
    width:216px;
}

/* position the third level flyout menu */
ul.nav-main ul ul
{
    left:210px;
    top:0;
    width:185px;

}

/* make the second level visible when hover on first level list OR link */
ul.nav-main :hover ul
{
    visibility:visible; 
    height:auto; 
    padding-bottom:3em; 
}

/* keep the third level hidden when you hover on first level list OR link */

ul.nav-main :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */

ul.nav-main :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */

ul.nav-main :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */

ul.nav-main :hover ul :hover ul :hover ul {visibility:visible;}
/* VERSION 1.0 */
	

.hlist { padding: 0; list-style-type: none;}
.hlist li {  float: left; clear: none;}
.hlist a { float: left; display: inline-block; padding: 6px; }

.access { display: none; }
.last { margin-right: 0 !important;}

.vlist last {}
.hlist last { margin-right: 0;}

.cb-pad { padding: 12px; }
/* bsm per email */
.page-tools { padding: 8px; }
	
/* =MASTHEAD AND BRANDING 
===============================================================    */

	.masthead { padding: 0 2%;}
	.masthead .inner { position: relative; }

/* =title and social media links */
	.org { padding-top: 1.5em; }
	.masthead .title { float: left; margin: 0;}
	.sm { float: left; padding-left: .5em;}
	.sm li { margin-right: .25em; }	
	.sm a { display: block; height: 18px; padding: 0;}

/* =site branding */
	a.logo { display: block;}
	a.logo img { display: block;}		
	

/* =global nav */
	.nav-global { float: none; clear: both; padding: 0 0 1em 0;}
	.nav-global ul { margin: 0;}
	.nav-global li { border-left: 1px solid #F4BF08; padding-right: 1em;}
	.nav-global li li { border-left: none; padding: 0;}
	.nav-global li a { padding: 0 0 0 1.2em;}

/* =related-content */
	

/* =CONTENT WRAPPER 
===============================================================    */
	.content-wrapper { padding: 2%; }

/* 
=============================================================== 
=MEDIA QUERY - 480 and under
===============================================================    
@media screen and (max-width: 480px) {
	.collapsible li { float: none; clear: both;}
	.collapsible a { float: none; }
	
	.sponsors li { width: 50%; margin: 0; float: left; clear: none;}
	.sponsors a img { display: block; max-width: 100%; }
	
	.ext .bd, .ext .img { clear: both; float: none;}
}
*/
/* 
=============================================================== 
=MEDIA QUERY - 600px and up 
===============================================================    */
		
/*@media screen and (min-width: 601px) {*/
	#container {
		min-width:960px;
	}

	/*=CONTENT-WRAPPER */

	.content-wrapper { padding: 0 0 4.166666667em 0; line-height: 1.3333333em; }		
	.home .content-wrapper { padding-top: .46666667%; padding-right: .46666667%; padding-left: .46666667%; }
	.three-column .content-wrapper { background: #fff url(../../core/images/ui/bkg_3-col.gif) repeat-y;}
	.side-column-left .content-wrapper { background: #fff url(../../core/images/ui/bkg_col-left.gif) repeat-y;}
	.side-column-right .content-wrapper { background: #fff url(../../core/images/ui/bkg_col-right.gif) right top repeat-y;}
	
	/*= INSIDE-WRAPPER */
	.side-column-left .insideWrapper, .three-column .insideWrapper, 
	.side-column-right .main { float: left; width: 78.645833%; }
	
		
	/*= GRID + COLUMNS */
	.size1of4 { width: 25%; float: left;}
	.size1of3 { width: 33.333333333%; float: left;}
	.size1of2 { width: 50%; float: left;}
	.ie6 .size1of2, .ie7 .size1of2 { width: 49.5%; }
	.size2of3 { width: 66.666667%; float: left;}
	.size3of4 { width: 75%; float: left;}
	.size1of1 { width: 100%; float: left;}	
	
	
	/*= PREDEFINED COLUMNS */
	#content-1, .side-column-right #content-2 { width: 21.354167%;}	
	.three-column #content-2 { width: 27.94701952%; }
	.three-column .main { width: 72.05298048%; }
	.three-column .featured-gallery { float: left; width: 78.645833%; }	
	
	/*= SECTION NAV */

	
	/*= PADDING */
	.three-column #content-2 .mod { padding-left: 10px; }
	.side-column-right #content-2 .mod { padding-left: 5px; }
	.size1of3 .mod-inner { padding: 2.5%; }
	.hpadding { padding: 10px 12px 10px 0;}
	.main .cb-pad { margin: 1em 0; padding: 0 1em 0 2em; }
	.main .related-content { margin-top: 2em;}	
	
	
	/*= FLOATS */
	.mod, .column, .breadcrumb { float: left; }
	.full-width .column { float: none; }
	.search, .utility { float: right;}
	
	/*= MASTHEAD */
	.masthead { padding: 0;}	
	.org { float: right; min-width: 320px;}
	.nav-global li { width: 132px; margin-right: 8px;}
	.nav-global ul { float:none;}
	.nav-global li li { float: none; width: auto; border-left: none; margin-right: 0; line-height: 14px;}
	.nav-global li li a { float: none; } 
	a.logo { float: left;}

	.breadcrumb { padding-top: 1.888898em;}
	
/*}*/




/* 
=============================================================== 
=PRINT STYLES * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
===============================================================    
*/

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
 /* a:after { content: " (" attr(href) ")"; } */
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  #content-1, #content-2, #nav-bar{display:none;}
  .side-column-left .insideWrapper, .three-column .insideWrapper, .side-column-right .main{width:100%;}
  #mainContent, .main, .three-column .main{width:100%;}
}
h1
{
    font-size: 3em;
    font-weight: 200;
}

h2 
{
    font-size: 1.75em;
    color: #00629C;
}

h3
{
    font-size: 1.3333em;
}

h4
{
    font-size: 1em;
    color: #00629C;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: .5em;
}

h5 
{
    font-weight: bold;
    color: #333;
}

.byline, .caption, .detail, .quotation-caption 
{ 
    font-style: italic;
    color: #9e9e9e;
}

.byline {}
.caption {}
.detail {}

.quotation-text, .quotation-text-right
{
    /*background: url("/core/images/ui/rule_dashed.gif") repeat-x scroll left top transparent;*/
    /*border-bottom: 1px dotted #AAAAAA;*/
    border-top: 1px dotted #AAAAAA;
    color: #058BB1;
    font-size: 1.33333em;
    line-height: 1.33333em;
    margin: 0;
    margin-right: 1em !important;
    /*padding-right: 20%;*/
    padding: 1em 0;
    display: block;
    width: 30%;
    float: left;
}

.quotation-text{}
.quotation-text-right
{
    float: right;
    margin-right: 0;
    margin-left: 1em !important;    
}

.quotation-caption
{
    display: block;
    margin: 0.5em 0 0;
    padding-bottom: 1.13333em;    
}
	
.block-right-1-2{float: right; padding: 2.5% 0 2.5% 2.5%; width: 47.50%;} 
.block-right-1-3{float: right; padding: 2.5% 0 2.5% 2.5%; width: 30%;} 
.block-right-1-4 { float: right; padding: 2.5% 0 2.5% 2.5%; width: 22.50%;}
	
.block-left-1-2{float: left; padding: 2.5% 2.5% 2.5% 0; width: 47.50%;} 
.block-left-1-3{float: left; padding: 2.5% 2.5% 2.5% 0; width: 30%;} 
.block-left-1-4 { float: left; padding: 2.5% 2.5% 2.5% 0; width: 22.50%;}


.blue 
{
    color: #0186B3;
}

.dark-blue
{
    color: #00629C;
}

.frame
{
    border:5px solid #eee;
}

.uppercase { text-transform: uppercase; }
.btn {}
.vlist {}
.link-blue{}