/******************************************************************************
 * MaRS Site Screen Stylesheet
 *
 *
 *****************************************************************************/

/******************************************************************************
* Yahoo! Reset CSS
*****************************************************************************/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body{color:#000;background:#f3f6f9;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup,sub{line-height:-1px;vertical-align:text-top;}

sub{vertical-align:text-bottom;}

input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/******************************************************************************
 * Template
 *****************************************************************************/
#template {margin: 0px auto; width: 954px; padding-top: 50px; }

/* fonts */
#template { font-family: Arial, sans-serif; font-size: 12pt; }
#template.small-text { font-size: 16px; }
#template.medium-text { font-size: 18px; } 
#template.large-text { font-size: 22px; }

/******************************************************************************
 * Header
 *****************************************************************************/
#header { height: 160px; padding: 0 0 0 300px; overflow: hidden; position: relative; width: 640px;display: none; }
#header a { color: #006ab6; font-weight: bold; text-decoration: none; }
#header a:hover { color: #999; }
#header h1 { background: url(images/header.h1.gif) no-repeat; font-size: 0; height: 56px; left: 0; position: absolute; text-indent: -9999px; top: 0px; width: 196px; }
#header h2 { background: url(images/header.h2.gif) no-repeat; font-size: 0; height: 12px; left: 0; position: absolute; text-indent: -9999px; top: 62px; width: 246px; }

#header-menu { float: left; margin: 0 70px 0 0; min-height: 160px; position: relative; width: 140px; }
#header-menu li { border-bottom: 1px dotted #a5aaaf; padding: 4px 0; }

#header-links { float: left; position: relative; width: 150px; }
#header-links li { background: url(images/li-triangle-circle.gif) 0 5px no-repeat; padding: 3px 0 5px 16px; }
#header-links li a { font-weight: normal; font-size: 8pt; }

#blog-callout { position: relative; float: left; width: 300px; padding-top: 6px; }
#blog-callout dt { color: #006ab6; display: inline; font-weight: bold; margin: 0 8px 0 0; }
#blog-callout dd { display: inline; line-height: 20px; }
#blog-callout dd a { background: url(images/rss-icon.png) top right no-repeat; font-size: 8pt; font-weight: normal; padding: 4px 25px 4px 0;}

#site-search-form { position: absolute; height: 160px; width: 240px; right: 0; top: 0; }

/* IE6 fix in stylesheet - doubling of right side margin with a float bug */ 
#site-search-form div.labelled-text-field { float: left; font-size: 16px; height: 28px; line-height: 24px; margin: 0 2px 0 0; position: relative; }

#site-search-form div.labelled-text-field label { display: none; }

#site-search-submit { background: #055a96 url(images/div.link-callout.png) 50% 50% no-repeat; border: none; cursor: pointer; line-height: 28px; height: 28px; width: 28px; text-indent: -9999px; }
#site-search-submit:hover { background: #055a96 url(images/div.link-callout-hover.png) 50% 50% no-repeat; border: none; cursor: pointer; line-height: 28px; height: 28px; width: 28px; text-indent: -9999px; }

#search-term { background: #fff; border: 2px solid #d9d9d9; height: 17px; width: 195px; padding-top:4px; padding-bottom: 4px; padding-left: 5px; }

#advanced-search { background: url(images/li-triangle-circle.gif) no-repeat; margin: 8px 0 0 0; padding: 0 0 5px 16px; display: block; font-size: 8pt; font-weight: normal !important; }

#text-resizer { position: absolute !important; top: 90px !important; right: 0 !important; }
#text-resizer dt { color: #006ab6 !important; display: inline !important; font-size: 9px !important; }
#text-resizer dd { display: inline !important; margin: 0 0 0 3px; }
#text-resizer dd a { padding: 0 0 2px 0 !important; }
#text-resizer dd a.small-text { font-size: 10px !important; }
#text-resizer dd a.medium-text { font-size: 14px !important; }
#text-resizer dd a.large-text { font-size: 18px !important; }
#text-resizer dd a.selected { border-bottom: 2px solid #006ab6 !important; }

/******************************************************************************
 * Content
 *****************************************************************************/
 
#content { overflow: hidden; padding: 0 0 0 0; width: 100%; }
#content a { color: #006ab6; text-decoration: none; }
#content a:hover { color: #999; }

/******************************************************************************
 * Common elements
 *****************************************************************************/
#main-content { clear: both; float: left; position: relative; width: 100%;padding-right: 20px;}
#main-content h2 { color: #666666; font-size: 36px; font-weight: bold; margin: 0 20px 15px 0; }
#main-content h3 { color: #666666; font-family: Arial, sans-serif; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; }
#main-content h4 { color: #666666; font-family: Arial, sans-serif; font-size: 26px; font-weight: bold; margin: 0 0 10px 0; line-height: 32px; }
#main-content p { line-height: 16px; }
#main-content strong { font-weight: bold; }
#main-content li {list-style: inside;}
#main-content img { margin: 0 10px 10px 0px; }

#main-content div.regular-section { background: #ffffff; border: 2px solid #dae5ec; margin: 0 0 25px 0; padding: 25px; position: relative; width: 570px; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height:50px; }
#main-content div.regular-section h3 { color: #666666; font-family: Arial, sans-serif; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; }
#main-content div.regular-section p { margin: 0 0 10px 0; }
#main-content div.regular-section ul.section-link-list { overflow: hidden; margin: 0 0 10px 0; position: relative; width: 570px; }
#main-content div.regular-section ul.section-link-list li { float: left; min-width: 200px; max-width: 240px; list-style: disc outside none; margin: 0 0 0 20px; }
#main-content div.regular-section ul li { list-style:inside;list-style-type:disc; }
#main-content div.regular-section ul.section-link-list li a { font-weight: bold; }
#main-content div.regular-section img { margin: 0 10px 10px 0px; }


#main-content div.author { color: #666666; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; }
#main-content div.tags { color: #666666; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; }
#main-content div.tags a { font-size: 11px; font-weight: bold; }

#main-content div.tabs { margin: 0 0 25px 0; }
#main-content div.tabs ul.tabs { overflow: hidden; position: relative; position: relative; top: 2px; }
#main-content div.tabs ul.tabs li { background: #ffffff; border: 2px solid #dae5ec; border-width: 2px 2px 6px 2px; float: left; padding: 18px 20px 14px 20px; -moz-border-radius: 4px 4px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; z-index: 100; position: relative; top: 4px; min-width: 110px; font-size: 16px; list-style: none; }
#main-content div.tabs td.read-more { background: url(images/a.see-all.gif) 0 3px no-repeat; color:#666; font-size: 10px; padding: 1px 0 0 15px; }
#main-content div.tabs ul.tabs li a { font-weight: bold; }
#main-content div.tabs ul.tabs li a:hover { color: #999; }
#main-content div.tabs ul.tabs li.ui-tabs-selected { border-bottom: 4px solid #ffffff; color: #666666; }
#main-content div.tabs ul.tabs li.ui-tabs-selected a { color: #666666; }
#main-content div.tabs ul.tabs li.ui-tabs-selected a:hover { color: #666666; }
#main-content div.tabs .ui-tabs-hide { display: none; }
#main-content div.tabs div.tabbed-section { background: #ffffff; border: 2px solid #dae5ec; padding: 25px; position: relative; width: 570px; -moz-border-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; z-index:9;}
#main-content div.tabs div.tabbed-section div.regular-content h3 { color: #666666; font-weight: bold; font-size: 18px; margin: 0 0 10px 0; }
#main-content div.tabs div.tabbed-section div.regular-content .alignright { float: right; }
#main-content div.tabs div.tabbed-section div.regular-content p { margin: 0 0 10px 0; }
#main-content div.tabs div.tabbed-section div.hl-img-dbl-list { float: left; width: 50%; }
#main-content div.tabs div.tabbed-section div.hl-img-dbl-list h3 { color: #666666; font-weight: bold; font-size: 18px; margin: 0 0 10px 0; }
#main-content div.tabs div.tabbed-section div.hl-img-dbl-list img { display: block; margin: 0 0 10px 0; }
#main-content div.tabs div.tabbed-section div.hl-img-dbl-list dl { float: left; width: 45%; }
#main-content div.tabs div.tabbed-section div.hl-img-dbl-list dl dt { color: #666666; font-weight: bold; margin: 0 0 5px 0; }
#main-content div.tabs div.tabbed-section div.hl-img-dbl-list dl dd { color: #006ab6; display: list-item; margin: 0 0 5px 15px; list-style: disc outside none; }
#main-content div.tabs div.tabbed-section div.hl-img-dbl-list a.read-more { background: url(images/a.see-all.gif) 0 45% no-repeat; font-weight: bold; padding: 0 0 0 15px; }
#main-content div.tabs div.tabbed-section div.hl-img-blurb-list { float: left; width: 50%; }
#main-content div.tabs div.tabbed-section div.hl-img-blurb-list h3 { color: #666666; font-weight: bold; font-size: 18px; margin: 0 0 10px 0; }
#main-content div.tabs div.tabbed-section div.hl-img-blurb-list img { display: block; margin: 0 0 10px 0; }
#main-content div.tabs div.tabbed-section div.hl-img-blurb-list dl dt { color: #666666; font-weight: bold; margin: 0 0 5px 0; }
#main-content div.tabs div.tabbed-section div.hl-img-blurb-list dl dd { color: #006ab6; display: list-item; margin: 0 0 5px 15px; list-style: disc outside none; }
#main-content div.tabs div.tabbed-section div.hl-img-blurb-list a.read-more { background: url(images/a.see-all.gif) 0 45% no-repeat; font-weight: bold; padding: 0 0 0 15px; }
#main-content div.tabs div.tabbed-section li { list-style: none;}
#main-content dl.regular-section { background: #ffffff; border: 2px solid #dae5ec; margin: 0 0 25px 0; padding: 25px; position: relative; overflow: hidden; width: 570px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#main-content dl.regular-section dt { font-weight: bold; }
#main-content div.headed-section div.header h3 { color: #666666; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; margin: 0 0 10px 0; }
#main-content div.headed-section div.section-content { background: #ffffff; border: 2px solid #dae5ec; margin: 0 0 25px 0; padding: 25px; position: relative; overflow: hidden; width: 570px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#main-content div.headed-section div.section-content ul.section-link-list { overflow: hidden; position: relative; }
#main-content div.headed-section div.section-content ul.section-link-list li { float: left; margin: 0 0 10px 0; width: 190px; }
#main-content div.headed-section div.section-content ul.section-link-list li a { font-weight: bold; }
#main-content div.content-detail { line-height: 1.4; padding: 0 20px 0 0; }
#main-content div.content-detail h3 { color: #666666; font-family: Arial, sans-serif; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; }
#main-content div.content-detail h4 { font-weight: bold; margin: 0 0 10px 0; }
#main-content div.content-detail p { margin: 0 0 10px 0; }
#main-content div.content-detail strong { font-weight: bold; }
#main-content div.content-detail a { font-weight: bold; }
#main-content div.content-detail em { font-style: italic; }
#main-content div.content-detail ul { margin: 0 0 10px 0; }
#main-content div.content-detail ul li { margin: 0 0 10px 20px; list-style: disc inside none; }
#main-content div.content-detail ol li { margin: 0 0 10px 20px; list-style-type: decimal; }
#main-content div.content-detail dl { margin: 0 0 10px 0; }
#main-content div.content-detail dl dt { font-weight: bold; }
#main-content div.content-detail .alignright { float: right; }
#main-content div.content-detail img.alignright { margin: 0 0 10px 10px; }
#main-content div.content-detail img { margin: 0 10px 10px 0px; }

#main-content div.headed-callout { position: relative; width: 303px; float:left; }
#main-content div.headed-callout div.header h3 { color: #666666; font-family: Arial, sans-serif; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; }
#main-content div.headed-callout div.header a.see-all { background: url(images/a.see-all.gif) 0 45% no-repeat; font-weight: bold; padding: 0 0 0 15px; position: absolute; top: 8px; right: 10px; }
#main-content div.headed-callout a { font-weight:bold; }
#main-content div.callout-content { background: #ffffff; border: 2px solid #dae5ec; margin: 0 0 25px 0; padding: 15px 25px 15px 15px; position: relative; overflow: hidden; width: 260px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#main-content div.headed-callout ul li { margin: 0 0 5px 20px; list-style: disc outside none; }

#main-content div.headed-callout div.callout-content ul li { background: url(images/li-triangle-circle.gif) 0 5px no-repeat; display: block; list-style-type: none !important; padding: 3px 0 5px 16px; position: relative; min-height: 1.0em; }
#main-content div.headed-callout div.callout-content h4 { font-weight: bold; margin: 0 0 10px 0; }
#main-content div.headed-callout div.callout-content p { margin: 0 0 10px 0; }
#main-content div.headed-callout div.callout-content strong { font-weight: bold; }
#main-content div.headed-callout div.callout-content em { text-transform: italic; }
#main-content div.headed-callout div.callout-content a.read-more { background: url(images/a.see-all.gif) 0 45% no-repeat; font-weight: bold; padding: 0 0 0 15px; }
#main-content div.headed-callout div.callout-content img { display: block; margin: 0 0 20px 0; }
#main-content div.headed-callout ul { margin: 0 0 10px 0; }
#main-content div.headed-callout ul li { margin: 0 0 5px 20px; list-style: disc outside none; }
#main-content div.headed-callout ul li a { background: url(images/a.see-all.gif) 0 45% no-repeat; font-weight: bold; padding: 0 0 0 15px; }

#secondary-content { color: #666666; float: left; width: 313px;display: none; }
#secondary-content div.regular-callout { background: #ffffff; border: 2px solid #dae5ec; margin: 0 0 25px 0; padding: 15px; position: relative; overflow: hidden; width: 279px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#secondary-content div.regular-callout ul { margin: 0 0 10px 0; }
#secondary-content div.regular-callout ul li { margin: 0 0 0 20px; list-style: disc outside none; }
#secondary-content div.link-callout { background: #ffffff url(images/div.link-callout.png) 260px 50% no-repeat; border: 2px solid #dae5ec; margin: 0 0 25px 0; padding: 5px 15px; position: relative; overflow: hidden; width: 279px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#secondary-content div.link-callout:hover { background: #ffffff url(images/div.link-callout-hover.png) 260px 50% no-repeat; border: 2px solid #dae5ec; margin: 0 0 25px 0; padding: 5px 15px; position: relative; overflow: hidden; width: 279px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#secondary-content div.link-callout:hover a { color: #999 !important; }
#secondary-content div.link-callout a { font-weight: bold; font-size:16px; }
#secondary-content div.headed-callout { position: relative; width: 313px; }
#secondary-content div.headed-callout div.header h3 { color: #666666; font-family: Arial, sans-serif; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; }
#secondary-content div.headed-callout div.header a.see-all { background: url(images/a.see-all.gif) 0 45% no-repeat; font-weight: bold; padding: 0 0 0 15px; position: absolute; top: 5px; right: 0; }
#secondary-content div.callout-content { background: #ffffff; border: 2px solid #dae5ec; margin: 0 0 25px 0; padding: 15px 25px 15px 24px; position: relative; overflow: hidden; width: 260px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#secondary-content div.callout-content-paginate { background: #ffffff; border: 2px solid #dae5ec; margin: 0 0 5px 0; padding: 15px 25px 15px 24px; position: relative; overflow: hidden; width: 260px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#mars-on-the-web { margin-bottom: -15px; }
#secondary-content div.headed-callout div.callout-content h4 { font-weight: bold; margin: 0 0 10px 0; }
#secondary-content div.headed-callout div.callout-content p { margin: 0 0 10px 0; }
#secondary-content div.headed-callout div.callout-content li { list-style: none; margin-left: -5px; }
#secondary-content div.headed-callout div.callout-content strong { font-weight: bold; }
#secondary-content div.headed-callout div.callout-content em { text-transform: italic; }
#secondary-content div.headed-callout div.callout-content a.read-more { background: url(images/a.see-all.gif) 0 45% no-repeat; font-weight: bold; padding: 0 0 0 15px; }
#secondary-content div.headed-callout div.callout-content img { display: block; margin: 0 0 10px 0; }
#secondary-content div.headed-callout ul { margin: 0 0 10px 0; }
#secondary-content div.headed-callout ul li { margin: 0 0 5px 20px; list-style: disc outside none; }
#secondary-content div.headed-callout ul li a { background: url(images/a.see-all.gif) 0 45% no-repeat; font-weight: bold; padding: 0 0 0 15px; }
#secondary-content div.home-event-callout { background: #ffffff; border: 2px solid #dae5ec; margin: 0 0 2px 0; padding: 15px 45px 15px 24px; position: relative; overflow: hidden; width: 240px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#secondary-content div.home-event-callout:hover { background: #006ab6; color: #ffffff; border: 2px solid #006ab6; margin: 0 0 2px 0; padding: 15px 45px 15px 24px; position: relative; overflow: hidden; width: 240px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#secondary-content div.home-event-callout:hover a { color: #ffffff;}
#secondary-content div.headed-callout ul.link-list li { margin: 0 0 5px 0; list-style: none; }
#secondary-content div.regular-callout ul.link-list li { margin: 0 0 5px 0; list-style: none; }

#video-thumbnail { background: #000000; width: 300px; height: 168px; position: relative; cursor: pointer; left: -20px; }
#video-player { background: #000000; width: 640px; height: 320px; position: absolute; top: 50px; left: -500px; display: none; }


/******************************************************************************
 * Footer
 *****************************************************************************/
 
#footer { background: #ffffff; border: 2px solid #dae5ec; overflow: hidden; padding: 30px 20px 30px 40px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 890px;display: none; }
#footer a { color: #006ab6; text-decoration: none; }
#footer-logo { float: left; }
#footer-links { float: left; font-size: 8pt; width: 160px; padding: 0 0 0 40px; overflow: hidden; position: relative; }
#footer-links h3 { color: #006ab6; font-size: 10pt; font-weight: bold; margin: 0 0 5px 0; }

#footer-links li a span.icon { display: block; float: left; width: 20px; text-align: center; }
#mars-on-the-internet { float: left; margin: 0 30px 0 0; width: 140px; }
#mars-on-the-internet li { margin: 0 0 5px 0; }
#mars-on-the-internet li a { font-weight: normal; }

#newsletter-signup { float: left; overflow: hidden; position: relative; width: 270px; }
#newsletter-signup h3 { color: #666666; font-size: 12pt; font-weight: bold; margin: 0 0 20px 0; }
#newsletter-signup-form div.labelled-text-field { float: left; font-size: 14pt; margin: 0 2px 0 0; position: relative; }
#newsletter-signup-form div.labelled-text-field label { color: #666666; font-size: 9pt; margin: 0 0 10px 0; }
#newsletter-email-address { background: #fff; border: 2px solid #d9d9d9; height: 24px; width: 236px; }

#newsletter-signup-submit { background: #055a96 url(images/div.link-callout.png) 50% 50% no-repeat; border: none; cursor: pointer; line-height: 28px; height: 28px; position: absolute; bottom: 0; right: 0; width: 28px; text-indent: -9999px; z-index: 999;}
#newsletter-signup-submit:hover { background: #055a96 url(images/div.link-callout-hover.png) 50% 50% no-repeat; border: none; cursor: pointer; line-height: 28px; height: 28px; position: absolute; bottom: 0; right: 0; width: 28px; text-indent: -9999px; }

#support-mars { border-left: 1px solid #000; color: #666; float: left; margin: 0 100px 0 0; padding: 0 0 0 20px; position: relative; top: 15px; }
#support-mars p { margin: 0 0 5px 0; }


/******************************************************************************
 * Legal Footer
 *****************************************************************************/
 
#legal-footer { font-size: 7pt; padding: 15px 0 0 0; }
#legal-footer a { color: #006ab6; text-decoration: none; }
#legal-footer ul.mars-information { float: right; }
#legal-footer ul.mars-information li { display: inline; margin: 0 0 0 15px; }

#copyright { color: #a7a9ab; float: left; }

/******************************************************************************
 * Pager
 *****************************************************************************/
 
#content .main-content div.pager { font-weight: bold; font-size: 10px; margin: 0 0 5px 0; text-align: center; }
#content .main-content div.pager a.jump-link { background: #ffffff; border: 2px solid #dae5ec; border-bottom: 2px solid #c3ced4; display: inline-block; line-height: 13px; margin: 0 5px 0 0; -moz-border-radius: 7px; -webkit-border-radius: 8px; width: 14px; height: 14px; vertical-align: middle; }
#content .main-content div.pager a.jump-link.selected { background: #056cb1; color: #ffffff; border: 1px solid #056cb1; }
#content .main-content div.pager a.previous { color: #ffffff; font-size: 20px; font-weight: bold; margin: 0 15px 0 0; vertical-align: middle; }
#content .main-content div.pager a.next { color: #056cb1; font-size: 20px; font-weight: bold; margin: 0 0 0 10px; vertical-align: middle; }
#content .main-content div.pager-info { color: #666666; font-weight: bold; font-size: 10px; text-align: center; }

/******************************************************************************
 * Events
 *****************************************************************************/
div.download-resource { background: bottom center url(images/div.download-resource.png) repeat-x; padding: 10px 0; }
div.download-resource strong { color: #666666; font-size: 10px; text-transform: uppercase; }
div.download-resource a { background: top right url(images/div.download-resource.a.png) no-repeat; display: block; font-weight: bold; padding: 0 50px 0 0; }

div.download-resource div.blog { background: url(images/div.blog.png) no-repeat; padding: 0 0 0 24px; }
div.download-resource div.presentation { background: url(images/div.presentation.png) no-repeat; padding: 0 0 0 24px; }
div.download-resource div.video { background: url(images/div.video.png) no-repeat; padding: 0 0 0 24px; }
div.download-resource div.facebook { background: url(images/div.facebook.png) no-repeat; padding: 0 0 0 24px; }

input.calendar { background: url(images/input.calendar.png) top right no-repeat; border: 2px solid #d9d9d9; height: 24px; padding: 0 5px; width: 100px;}

input.search-button { background: #055a96 url(images/search-details-submit.png) 50% 50% no-repeat; border: none; cursor: pointer; line-height: 28px; height: 28px; width: 98px; text-indent: -9999px; }

/******************************************************************************
 * Global classes
 *****************************************************************************/
 
.default { font-family: Arial, sans-serif; font-size: 12px; line-height: 1.4; }
.default h3 { color: #666666; font-family: Arial, sans-serif; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; }
.default h4 { font-weight: bold; margin: 0 0 10px 0; }
.default p { margin: 0 0 10px 0; }
.default strong { font-weight: bold; }
.default a { font-weight: bold; }
.default em { text-transform: italic; }
.default ul { margin: 0 0 10px 0; }
/* PJ 2009 07 23 Removed because it interfered with third-width working .default ul li { margin: 0 0 10px 20px; list-style: disc outside none; }*/
.default ul li { list-style: disc inside none; }
.default dl { margin: 0 0 10px 0; }
.default dl dt { font-weight: bold; }
.default .alignright { float: right; }
.default img.alignright { margin: 0 0 10px 10px; }

.half-width { float: left; width: 50%; }
.third-width { float: left; width: 33%; }
.ctr { overflow: hidden; }
.bordered { border: 2px solid #000; }

div.button { background: #0663a3 url(images/div.link-callout.png) right 50% no-repeat; display: inline-block; font-weight: bold; font-size: 16px; padding: 5px 30px 5px 10px; border:none; }
div.button:hover { background: #888888 url(images/div.link-callout-hover.png) right 50% no-repeat; display: inline-block; font-weight: bold; font-size: 16px; padding: 5px 30px 5px 10px; }
div.button a { color: #ffffff !important; }

div.button-feature {color:#0663a3; background: #fefefe url(images/div.link-feature.png) right 50% no-repeat; display: inline-block; font-weight: bold; font-size: 16px; padding: 5px 30px 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div.button-feature:hover { color: #fff; background: #888888 url(images/div.link-callout-hover.png) right 50% no-repeat; display: inline-block; font-weight: bold; font-size: 16px; padding: 5px 30px 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div.button-feature:hover a { color: #fff !important; }
div.button-feature a { color: #0663a3 !important; }
div.button-feature a:hover { color: #fff !important; }

#button { background: #0663a3 url(images/div.link-callout.png) right 50% no-repeat; display: inline-block; font-weight: bold; font-size: 16px; padding: 5px 30px 5px 10px; color:#fff; }
#button:hover { background: #888888 url(images/div.link-callout-hover.png) right 50% no-repeat; display: inline-block; font-weight: bold; font-size: 16px; padding: 5px 30px 5px 10px; color:#fff; }

#button a { color: #ffffff !important; }

ul.no-bullets li { list-style: none; }
ul.bullets li { list-style: disc outside none; }

div.rotator div.rotation-state-unselected { display: none; }


/******************************************************************************
 * Horizontal Slider
 *****************************************************************************/
 
div.horizontal-slider div.page-set { min-height: 200px; }
div.horizontal-slider a.slide-left { font-size: 20px; position: absolute; left: 5px; top: 80px; }
div.horizontal-slider a.slide-right { font-size: 20px; position: absolute; right: 5px; top: 80px; }

/******************************************************************************
 * Accordian styles
 *****************************************************************************/
 
div.accordion { margin: 0 0 15px 0; width: 314px; }
h3.accordion { color: #666666; font-family: Arial, sans-serif; font-size: 20px; font-weight: bold; margin: 0 0 10px 0;  width: 250px;}
h4.ui-accordion-header { background: #ffffff; border: 2px solid #dae5ec; font-size: 14px; font-weight: bold; margin: 0; padding: 15px 25px 15px 24px; position: relative; overflow: hidden; width: 250px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
h4.ui-accordion-header.ui-state-active { position:relative; left: -20px; border: 2px solid #dae5ec; border-bottom: none; background: #fff url(images/accordian-default.png) left 50% no-repeat; padding: 10px 30px 10px 30px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; width: 250px; }
h4.ui-accordion-header.ui-state-default { position:relative; left: -20px; border: 2px solid #dae5ec; background: #fff url(images/accordian-hover.png) left 50% no-repeat; padding: 10px 30px 10px 30px; width: 250px; }
div.ui-accordion-content-active { position:relative; background: #ffffff; border: 2px solid #dae5ec; border-top: none; margin: 0; padding: 15px 30px 0px 30px; position: relative; overflow: hidden; width: 250px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }

/******************************************************************************
 * Remedial stylesheet for IE6. Fixes outright bugs but does not try to
 * replicate styles implemented with CSS3 in the main stylesheet (e.g., rounded
 * corners).
 *****************************************************************************/

/* doubling of right side margin with a float bug */
body.ie6 #site-search-form div.labelled-text-field { margin: 0 1px 0 0; }


#blog-main div.blog-main { background: #f5fafd; border: 2px solid #dae5ec; padding: 25px; position: relative; overflow: hidden; width: 570px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


#secondary-content a { font-weight: bold; }
#secondary-content #content-right div.st-tag-cloud a { font-weight: normal; }
#secondary-content #content-right div.st-tag-cloud a:hover { color: #999 !important;}
#secondary-content div.headed-callout div.st-tag-cloud a { font-weight: normal; }
#secondary-content div.headed-callout div.st-tag-cloud a:hover { color: #999 !important;}
#secondary-content div.tabs { margin: 0 0 25px 0; }
#secondary-content div.tabs ul.tabs { overflow: hidden; position: relative; position: relative; top: 2px; }
#secondary-content div.tabs ul.tabs li { background: #ffffff; border: 2px solid #dae5ec; border-width: 2px 2px 6px 2px; float: left; padding: 14px 20px 12px 20px; -moz-border-radius: 4px 4px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; z-index: 100; position: relative; top: 4px; font-size: 12px; }
#secondary-content div.tabs ul.tabs li a { font-weight: bold; }
#secondary-content div.tabs ul.tabs li.ui-tabs-selected { border-bottom: 4px solid #ffffff; }
#secondary-content div.tabs ul.tabs li.ui-tabs-selected a { color: #666666; }
#secondary-content div.tabs ul.tabs li.ui-tabs-selected a:hover { color: #666666; }
#secondary-content div.tabs .ui-tabs-hide { display: none; }
#secondary-content div.tabs div.tabbed-section { background: #ffffff; border: 2px solid #dae5ec; min-height: 200px; padding: 25px; position: relative; overflow: hidden; width: 260px; -moz-border-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; }

#secondary-content div.tabs div.tabbed-section div.regular-content h3 { color: #666666; font-weight: bold; font-size: 18px; margin: 0 0 10px 0; }
#secondary-content div.tabs div.tabbed-section div.regular-content .alignright { float: right; }
#secondary-content div.tabs div.tabbed-section div.regular-content p { margin: 0 0 10px 0; }

#secondary-content div.tabs div.tabbed-section ul li { background: url(images/a.see-all.gif) 0 4px  no-repeat; font-weight: bold; padding: 0 0 0 15px; list-style: none; margin: 5px 0 5px 0; }

#secondary-content div.tabs div.tabbed-section div.hl-img-dbl-list { float: left; width: 50%; }
#secondary-content div.tabs div.tabbed-section div.hl-img-dbl-list h3 { color: #666666; font-weight: bold; font-size: 18px; margin: 0 0 10px 0; }
#secondary-content div.tabs div.tabbed-section div.hl-img-dbl-list img { display: block; margin: 0 0 10px 0; }
#secondary-content div.tabs div.tabbed-section div.hl-img-dbl-list dl { float: left; width: 45%; }
#secondary-content div.tabs div.tabbed-section div.hl-img-dbl-list dl dt { color: #666666; font-weight: bold; margin: 0 0 5px 0; }
#secondary-content div.tabs div.tabbed-section div.hl-img-dbl-list dl dd { color: #006ab6; display: list-item; margin: 0 0 5px 15px; list-style: disc outside none; }
#secondary-content div.tabs div.tabbed-section div.hl-img-dbl-list a.read-more { background: url(images/a.see-all.gif) 0 45% no-repeat; font-weight: bold; padding: 0 0 0 15px; }

#secondary-content div.tabs div.tabbed-section div.hl-img-blurb-list { float: left; width: 50%; }
#secondary-content div.tabs div.tabbed-section div.hl-img-blurb-list h3 { color: #666666; font-weight: bold; font-size: 18px; margin: 0 0 10px 0; }
#secondary-content div.tabs div.tabbed-section div.hl-img-blurb-list img { display: block; margin: 0 0 10px 0; }
#secondary-content div.tabs div.tabbed-section div.hl-img-blurb-list dl dt { color: #666666; font-weight: bold; margin: 0 0 5px 0; }
#secondary-content div.tabs div.tabbed-section div.hl-img-blurb-list dl dd { color: #006ab6; display: list-item; margin: 0 0 5px 15px; list-style: disc outside none; }
#secondary-content div.tabs div.tabbed-section div.hl-img-blurb-list a.read-more { background: url(images/a.see-all.gif) 0 45% no-repeat; font-weight: bold; padding: 0 0 0 15px; }
#secondary-content div.header h3 { color: #666666; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; margin: 0 0 8px 0; }

#home-navigation { height:44px;width:948px;background-color:#006ab6;border: 1px solid #3b70b2; }

div.pagination-controls { text-align:center; width: 320px; margin: 0 auto; padding-top: 10px; padding-bottom: 10px;}
div.pagination-controls a.pagination-link { background: url(images/pagination-circle-off.png) 100% 100% no-repeat; border: none; cursor: pointer; display: inline-block; vertical-align: bottom; font-size: 0; height: 10px; width: 9px; margin: 1px 1px 3px 1px; text-indent: -9999px}
div.pagination-controls a.pagination-link:hover { background: url(images/pagination-circle-on.png) 100% 100% no-repeat; }
div.pagination-controls a.selected { background: url(images/pagination-circle-on.png) 100% 100% no-repeat !important; }

div.pagination-controls div.pagination-previous-link,
div.pagination-controls div.pagination-next-link { color: #006ab6; display: inline-block; height: 10px; padding: 0 4px; }

div.pagination-controls div.pagination-previous-link:hover,
div.pagination-controls div.pagination-next-link:hover { color: #666666;}


div.pagination-controls a.pagination-link-number { background: url(images/pagination-circle-number-off.png) 100% 100% no-repeat; border: none; cursor: pointer; display: inline-block; height: 18px; width: 17px; margin: -4px 3px 3px 3px !important; color: #fff; font-size: 9px;}
div.pagination-controls a.pagination-link-number:hover { background: url(images/pagination-circle-number-on.png) 100% 100% no-repeat; color: #fff !important; }
div.pagination-controls a.selected-number { background: url(images/pagination-circle-number-on.png) 100% 100% no-repeat !important; color:#fff !important; }

div.pagination-controls a.pagination-previous-link-number,
div.pagination-controls a.pagination-next-link-number { color: #006ab6; display: inline-block; font-size: 20px; height: 10px; padding: 0 4px;  }

div.pagination-controls a.pagination-previous-link-number:hover,
div.pagination-controls a.pagination-next-link-number:hover { color: #666666; font-size: 20px;}
.status-text { font-size:10px; color:#666666 !important; margin-top: 10px !important; display: block;  }

#pagination-circles-text { padding-left: 15px; font-weight: bold; }

#form-input { height:28px; width:510px; background-color:#f3f8fc; border: 2px solid #d9d9d9; color: #333; padding: 6px 0 0 6px; font-size: 16px; }
#form-title { color:#006ab6;font-size:18px;font-weight:normal;margin-bottom:10px; }
#form-dropdown {background-color: #f3f8fc; height: 36px; min-width: 250px; padding: 3px; border: 2px #d9d9d9 solid; color: #333; font-size: 16px;}
#form-asterix { color:#006ab6;font-size:18px;font-weight:normal; }
#form-textarea {height:97px;width:510px; background-color:#f3f8fc; border: 2px solid #d9d9d9; color: #333; padding: 6px 0 0 6px; font-size: 16px;}

input.text { height:28px; width:510px; background-color:#f3f8fc; border: 2px solid #d9d9d9; color: #333; padding: 6px 0 0 6px; font-size: 16px; }
textarea.text {height:97px;width:510px; background-color:#f3f8fc; border: 2px solid #d9d9d9; color: #333; padding: 6px 0 0 6px; font-size: 16px;}

a.see-all { background: url(images/a.see-all.gif) 0 45% no-repeat; font-weight: bold; padding: 0 0 0 15px; }

/******************************************************************************
 * Styled Tables
 *****************************************************************************/
table.styled { border: 1px solid #e1ebf4; }
table.styled td { padding: 10px 20px;}
table.styled td a { color: #3b7396; text-decoration: none; }
table.styled td.odd { background: #f7fbfe; }
table.styled td.even { background: #ecf3fb; }
table.styled td { border-bottom: 1px solid #e1ebf4; }

#main-content ul.search-topic li, #secondary-content ul.search-topic li { background: url(images/li-triangle-circle.gif) 0 5px no-repeat; display: block; list-style-type: none !important; padding: 3px 0 5px 16px; position: relative; min-height: 1.0em; }
#secondary-content div.headed-callout ul.search-topic li a { background: none; padding: 0; }
#main-content a.see-all.search-topic { margin-right: 25px; }

a.play-button.large { display: block; width: 260px; height: 146px; position: relative; }
a.play-button.medium { display: block; width: 114px; height: 86px; position: relative;  }
a.play-button span.play-button { position: absolute; left: 0; top: 0; width: 100%; background: url(images/play-button.png) 50% 50% no-repeat !important; display: block; z-index: 1; }
a.play-button.medium span.play-button { height: 86px; width: 114px; }
a.play-button.large span.play-button { height: 146px; width: 260px; }
a.play-button img { z-index: -1 !important; }

/******************************************************************************
 * Related Items
 *****************************************************************************/
p.related-item { vertical-align: top; width: 100%; margin: 0 0 15px 0; position: relative; overflow: hidden }
p.related-item a.play-button { float: left; margin: 0 5px 0 0 }

/******************************************************************************
 * Events
 *****************************************************************************/
div.featured-event { background: #006ab6; color: #ffffff; padding: 30px; }
div.featured-event a { color: #fff !important; }
div.featured-event h3 { color: #fff !important; }
div.featured-event div.button-feature a { color: rgb(0,106,182) !important; }
div.featured-event div.button-feature a:hover { color: #fff !important; }

#sf-menu { display: none;}
#sf-menu-1 { display: none; }
#sf-menu-2 { display: none; }
#sf-menu-3 { display: none; }
#sf-menu-4 { display: none; }
.sf-menu { display: none;}

#discussion { display: none;}

#main-content img { display: none;}

.wp-caption-text { display: none; }