/* @override http://v3.ccro.org/_ui/css/main.css */

/**********************************************************************************************

	CSS on Sails
	Title: CCRO
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: September 2009

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer
			2.7 Focus box
			2.8 Tabs
			2.9 Top banner
			2.10 Top
			2.11 Breadcrumbs

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #edeff2; color: black; font: 62.5%/1.5 "Arial", "Helvetica", sans-serif; text-align: center; }
h2 { color: #32609e; font-weight: bold; }
h3 em { font-style: normal; font-weight: normal; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #32609e; text-decoration: none; }
a:hover, a:active { color: #32609e; text-decoration: underline; }
.button { display: block; padding-left: 2px; float: left; background: #305e9b url(../images/bg_button.png) no-repeat; }
.button input, .button a { display: block; border: 0; background: url(../images/bg_button.png) top right no-repeat; color: #fff; padding: 0 9px 0 7px; float: left; height: 28px; line-height: 28px; font-weight: bold; font-size: 1.17em; text-decoration: none; text-transform: uppercase; margin: 0; }
.button a { padding: 0 13px 0 11px; }
.button a:visited, .button a:active, .button a:hover { color: #fff; }

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

.container { width: 960px; position: relative; margin: 0 auto; padding: 20px 0 38px 0; text-align: left; font-size: 1.2em; }
#content-wrapper { background: #fff url(../images/bg_content_wrapper.png) repeat-y; }
#content-wrapper .top { background: url(../images/bg_content_wrapper.png) -960px 0 no-repeat; }
#content-wrapper .bottom { background: url(../images/bg_content_wrapper.png) -1920px 100% no-repeat; padding: 38px 30px 25px 30px; }
.home #content-wrapper .bottom { padding-top: 25px; }
.topic #content-wrapper .bottom { padding: 40px 30px 150px 30px; }
.tabs #content-wrapper .bottom { padding-top: 20px; }
.content { width: 630px; float: right; }
.right-sidebar .content { float: left; }
.right-sidebar #sidebar { float: right; border-left: 1px solid #e4e7ea; padding-left: 10px; }
.no-sidebar .content { float: none; width: 900px; }
.no-sidebar #sidebar { display: none; }
#sidebar { width: 240px; float: left; }
#footer { clear: both; margin-top: 20px; padding-top: 20px; background: #305d9a url(../images/bg_footer.png) no-repeat; color: #d4deeb; font-size: 0.92em; }
#footer .inner { background: url(../images/bg_footer.png) bottom no-repeat; padding: 0 18px 15px 30px; }
iframe { border: none; background-color: white; margin-left: -20px;}


/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

#header { position: relative; height: 33px; margin-bottom: 7px; }
#header .site-name,
#header .site-name span { display: block; overflow: hidden; width: 207px; height: 33px; position: absolute; top: 0; left: 0; }
#header .site-name { position: relative; }
#header .site-name span { background: url('../images/logo.png') no-repeat; position: absolute; top: 0; left: 0; z-index: 10; }
#header a.site-name span { cursor: pointer; }
#header .slogan { position: absolute; top: 10px; left: 217px; color: #32609e; font: bold 0.83em/1.5 Tahoma, "Lucida Grande", lucida, sans-serif; }


/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/
#navigation { height: 46px; padding-bottom: 1px; margin-bottom: 20px; background: #305d9a url(../images/bg_navigation.png) top left no-repeat; color: #d4deeb; }
#navigation .main-nav { float: left; font: bold 0.92em/1.5 Tahoma, "Lucida Grande", lucida, sans-serif; }
#navigation .main-nav li { float: left; padding-right: 2px; background: url(../images/bg_navigation.png) 100% -47px no-repeat; }
#navigation .main-nav a { display: block; padding: 5px 29px; height: 36px; line-height: 36px; color: #d4deeb; text-align: center; }
#navigation .main-nav a.selected { background: url(../images/bg_navigation.png) 0 -94px no-repeat; }
#navigation .main-nav a:hover, #navigation .main-nav a.selected:hover { background: url(../images/bg_navigation.png) 0 -141px no-repeat; color: #fff; text-decoration: none; }
#navigation .main-nav .first a.selected { background: url(../images/bg_navigation.png) 0 -188px no-repeat; }
#navigation .main-nav .first a:hover { background: url(../images/bg_navigation.png) 0 -235px no-repeat; }

/* Sign in */
#navigation .sign-in { float: right; padding: 13px 31px 0 0; }
#navigation .sign-in li { float: right; }
#navigation .sign-in li li { float: none; }
#navigation .sign-in #sign-in-toggle { display: block; padding: 2px 3px; width: 61px; height: 19px; line-height: 19px; background: #f3f5f7 url(../images/bg_navigation.png) 0 -282px no-repeat; font: bold 0.92em/1.5 Tahoma, "Lucida Grande", lucida, sans-serif; color: #2f5b97; text-align: center; }
#navigation .sign-in #sign-out-toggle { display: block; padding: 2px 3px; width: 61px; height: 19px; line-height: 19px; background: #f3f5f7 url(../images/bg_navigation.png) 0 -282px no-repeat; font: bold 0.92em/1.5 Tahoma, "Lucida Grande", lucida, sans-serif; color: #2f5b97; text-align: center; }
#sign-in-box { display: none;  position: absolute; left: auto; z-index: 100; width: 308px; margin: 0 0 0 -236px; font-size: 0.92em; color: #797d84; }
#sign-in-box.display { display: block; }
#sign-in-box .top { width: 308px; height: 31px; background: url(../images/bg_sign_in.png) no-repeat; }
#sign-in-box .inner { background: url(../images/bg_sign_in_inner.png) repeat-y; padding: 0 19px 8px 19px; }
#sign-in-box .bottom { width: 308px; height: 8px; background: url(../images/bg_sign_in.png) bottom left no-repeat; }
#sign-in-box .username { margin-bottom: 8px; }
#sign-in-box .password { margin-bottom: 4px; }
#sign-in-box a { color: #2f5b97; }
#sign-in-box input { vertical-align: middle; }
#sign-in-box input.text { display: block; margin-top: 0; border: 1px solid #0e0e0e; background: #eff0f3 url(../images/bg_sign_in_text.gif) repeat-x; color: #4c4e52; padding: 7px 11px; width: 246px; font-size: 1em; }
#sign-in-box .checkbox { margin: 0 4px 0 0; }
#sign-in-box .submit { margin-top: 6px; }
#sign-in-box .submit ul { float: left; width: 180px; line-height: 1.33; }
#sign-in-box .submit input { display: block; float: right; width: 69px; height: 25px; line-height: 25px; margin-top: 2px; background: #2e5a97 url(../images/bg_sign_in_submit.png) no-repeat; color: #dee6f1; font: bold 0.92em/1.5 Tahoma, "Lucida Grande", lucida, sans-serif; border: 0; }

/* 2.4 Content
-----------------------------------------------------------------------------------------------*/
.content h1 { color: #b7bdc6; font-size: 2.5em; font-weight: normal; margin-bottom: 20px; line-height: 1.1; } 
.content h2 { font-size: 1.17em; margin-bottom: 16px; }
.content h2.underlined { font-weight: normal; color: #85898f; border-bottom: 1px solid #e4e7ea; padding: 0 0 0 2px; margin-bottom: 4px; }
.content h2.uppercase { text-transform: uppercase; font-weight: normal; color: #85898f; margin-bottom: 4px; }
.content h3 { margin-bottom: 0.5em; }
.content p { margin-bottom: 1.5em; }
.content .intro { border-bottom: 1px solid #cdd0d4; padding-bottom: 17px; margin: 0 -5px 20px 0; }
.content .intro p { color: #70747b; font-size: 1.33em; margin: 0; }
.content .intro p a { font-size: 0.75em; }
.content img.framed { border: 1px solid #dadcdf; padding: 2px; display: block; }

/* Member */
.member { margin-top: 19px; }
.member-first { margin-top: 0; }
.member .photo { float: left; display: block; border: 1px solid #d7dadd; padding: 2px; }
.member h3 { margin-left: 90px; }
.content .member p { margin: 0 0 0 90px; }

/* Meeting */
.meeting { margin: 25px 0 16px 4px; }
.meeting img.framed { float: left; }
.meeting p { margin: 12px 0 0 0; }
.meeting .inner { margin-left: 242px; }
.meeting .intro { font-size: 1.17em; padding: 0; border: 0; line-height: 1.29; margin: 0; }
.description { display: none; }
.description ul { margin: 0 0 0 17px; }
.description li { list-style: disc; margin-bottom: 5px; }
.description-opened { display: block; }
.toggle-adescription { font-size: 0.92em; background: url(../images/bg_toggle_description.gif) left center repeat-x; line-height: 1.25; }
.toggle-adescription a { display: block; float: left; padding: 4px 8px 4px 17px; background: #fff url(../images/bg_toggle_description_arrows.gif) 0 -36px no-repeat; }
.toggle-adescription a.collapse { background-position: 0 8px; }
.agenda h3 { color: #32609e; text-decoration: none; font-size: 1.2em; }

/* Documents */
.document { border-bottom: 1px solid #e4e7ea; padding-bottom: 18px; margin-bottom: 19px; }
.document .pic img { display: block; float: left; }
.document .pic img.border { border: 1px solid #e4e7ea; }
.document .inner { float: right; width: 514px; }
.no-sidebar .document .inner { float: right; width: 764px; }
.nopic .inner { float: none; width: 630px;}
.no-sidebar .nopic .inner { float: none; width: 900px;}
.document .inner h2 { line-height: 1.25; margin-bottom: 10px; }
.document .inner p { margin-bottom: 5px; }
.document .description { border-top: 1px solid #e4e7ea; padding-top: 5px; display: none; }
.document .description ul { margin: 0 0 0 17px; }
.document .description li { list-style: disc; margin-bottom: 5px; }
.document .description-opened { display: block; }
.document .toggle-description { font-size: 0.92em; background: url(../images/bg_toggle_description.gif) left center repeat-x; line-height: 1.25; }
.document .toggle-description a { display: block; float: left; padding: 4px 8px 4px 17px; background: #fff url(../images/bg_toggle_description_arrows.gif) 0 -36px no-repeat; }
.document .toggle-description a.collapse { background-position: 0 8px; }
.document .toggle-description-grey { font-size: 0.92em; background: url(../images/bg_toggle_description.gif) left center repeat-x; line-height: 1.25; }
.document .toggle-description-grey span { display: block; float: left; padding: 4px 8px 4px 17px; background: #fff url(../images/bg_toggle_description_arrows.gif) 0 -36px no-repeat; }
.document .toggle-description-grey span.collapse { background-position: 0 8px; }
.document .action { clear: both; margin-top: 8px; }
.document .action li { float: left; padding-right: 3px; background: url(../images/bg_document_action.png) right top no-repeat; margin-right: 14px; }
.document .action li a { font-size: 0.92em; display: block; background: url(../images/bg_document_action.png) left top no-repeat; }
.document .action li a strong { font-weight: normal; display: block; padding: 0 11px 0 31px; height: 26px; line-height: 26px; background: url(../images/ico_document_action.png) 8px 5px no-repeat; }
.document .action li.pdf a strong { background-position: 8px -35px; }
.document .action li.word a strong { background-position: 8px -75px; }
.document .action li.purchase { text-transform: uppercase; float: right; margin: 0; background: #2f5b97 url(../images/bg_document_action.png) right bottom no-repeat; }
.document .action li.purchase a { background: url(../images/bg_document_action.png) left bottom no-repeat; color: #d4deeb; font-size: 0.92em; }
.document .action li.purchase a strong { padding-left: 33px; background: none; }

/* Documents list */
.content ul.documents { margin: 5px 0 20px 0; }
.content ul.documents li { padding: 0 0 6px 16px; margin-bottom: 8px; border-bottom: 1px solid #e4e7ea; background: url(../images/bullet_sidebar.gif) 0 5px no-repeat; }
.content ul.documents li h3 { margin: 0; }
.content ul.documents li p { margin: 0; }
.content ul.documents p.size { font-size: 0.92em; color: #a4aab4; }
.content ul.documents ul { margin: 0 0 0 17px; }
.content ul.documents ul li { list-style: disc; margin: none; padding: none; margin-bottom: 5px; border: none; background: none; }
li.shade { background-color: #e3e3e3;}

/* Comment */
.content .comments { border-bottom: 1px solid #e4e7ea; margin-bottom: 25px; }
.content .comments p { margin-bottom: 1em; }
.content .comment { padding-bottom: 12px; border-bottom: 1px solid #e4e7ea; }
.content .comment input.text { border: 0; padding: 6px 4px; width: 255px; background: #f3f7fc url(../images/bg_comment_form.png) 0 -375px no-repeat; }
.content .comment textarea { font-size: 1em; border: 1px solid #f3e3fc; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px; width: 99%; height: 76px; background-color: #f3f7fc; display: block; margin-top: 8px; }
.content .comment .name { float: right; margin-top: 8px; }
.content .comment .submit { float: left; margin-top: 8px; }

/* Blue boxes */
.blue-boxes { background: #f3f7fc url(../images/bg_blue-boxes.png) no-repeat; width: 630px; padding-top: 2px; margin-bottom: 25px; }
.blue-boxes ul { background: url(../images/bg_blue-boxes.png) bottom no-repeat; }
.blue-boxes li.box { float: left; padding: 12px 5px 10px 21px; width: 183px; min-height: 105px; }
.blue-boxes li h2 { color: #2f5b97; font-size: 1.17em; font-weight: normal; text-transform: uppercase; margin-bottom: 8px; }
.blue-boxes ul ul { background: none; }
.blue-boxes li a strong { color: #2f5b97; }
.blue-boxes li p { margin: 0; }

/* Contact */
.contact { margin-bottom: 24px; }
.contact img.framed { float: left; }
.contact .blue-boxes { float: right; margin: 17px 0 0 0; }
.google-map { margin-bottom: 35px; }
.google-map img { display: block; }

/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/
#sidebar h2 { font-size: 1.17em; margin-bottom: 10px; }
#sidebar table { width: 100%; line-height: 1.45; }
#sidebar th { padding: 6px 15px 6px 12px; border-top: 1px solid #cdd0d4; }
#sidebar td { padding: 6px 0; border-top: 1px solid #cdd0d4; }
#sidebar tr.first th { border: 0; }
#sidebar tr.first td { border: 0; }
#sidebar .calendar { margin-bottom: 15px; }
#sidebar .calendar th { font-size: 0.75em; text-transform: uppercase; text-align: center; line-height: 1.0; }
#sidebar .calendar th strong { font-size: 2.22em; }
#sidebar .calendar td, #sidebar .groups td { font-size: 0.92em; }
#sidebar .calendar td a, #sidebar .groups td a { font-size: 1.09em; }
#sidebar .groups th { vertical-align: middle; padding: 7px 10px 7px 6px; }
#sidebar .groups td { padding: 7px 0; }
#sidebar ul { margin: 15px 0 25px 0; }
#sidebar li { padding: 0 0 6px 16px; margin-bottom: 8px; border-bottom: 1px solid #e4e7ea; background: url(../images/bullet_sidebar.gif) 0 5px no-repeat; }
#sidebar li h3 { margin: 0; }
#sidebar li p { margin: 0; }
#sidebar li p.date, #sidebar li p.size { font-size: 0.92em; }
#sidebar li p.date { color: #a4aab4; }
#sidebar .banner { line-height: 1.25; font-size: 0.92em; margin-top: 45px; }
#sidebar .banner a { display: block; width: 140px; height: 50px; padding: 25px 80px 5px 20px; color: #8d949e; }
#sidebar .banner a strong { font-size: 1.27em; text-transform: uppercase; }
#sidebar .banner-small-margin { margin-top: 25px; }
#sidebar .banner-working-groups a { background: url(../../_media/images/working-groups.jpg) no-repeat; }
.right-sidebar #sidebar ul { margin-bottom: 15px; }

/* Comments */
#sidebar h2 a { font-size: 0.71em; font-weight: normal; }
#sidebar form ul { margin: 0; }
#sidebar form li { padding: 0; background: none; border: 0; margin: 0 0 4px 0; }
#sidebar form input.text { background: #f3f7fc; border: 0; padding: 5px 4px 5px 4px; }
#sidebar form textarea { background: #f3f7fc; border: 0; font-size: 1em; padding: 4px; }
#sidebar form.comment input.text { width: 190px; background: #f3f7fc url(../images/bg_comment_form.png) no-repeat; }
#sidebar form.comment textarea { width: 230px; height: 121px; background: #f3f7fc url(../images/bg_comment_form.png) 0 -71px no-repeat; display: block; }
#sidebar form.comment li { margin: 0; }
#sidebar form.comment .name { margin-bottom: 4px; }
#sidebar form.comment .submit { margin-top: 6px; }
#sidebar form.comment .button { float: right; }
#sidebar ul.comments { margin-top: 5px; }
#sidebar div#sidebar-form-comments { display: none;}

/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/
#footer a { color: #d4deeb; }
#footer .vcard { float: left; width: 214px; padding-right: 20px; }
#footer .vcard h3 { margin-bottom: 4px; }
#footer ul { float: left; }
#footer .copy { float: right; margin-top: 10px; width: 300px; text-align: right; }
#footer .copy img { display: block; float: right; margin-bottom: 10px; }
#footer .copy p { margin: 0 11px 0 0; clear: both; }

/* 2.7 Focux box
-----------------------------------------------------------------------------------------------*/
#focus { margin-bottom: 20px; height: 429px; }
#focus .tab { position: relative; width: 960px; height: 359px; background: #70747b; }
#focus .tab .photo { display: block; }
#focus .tab .frame { position: absolute; top: 0; left: 0; display: block; z-index: 2; width: 960px; height: 359px; background: url(../images/bg_focus_frame.png) no-repeat; }
#focus .tab .text { position: absolute; bottom: 0; left: 0; z-index: 3; padding: 23px 30px 12px 30px; background: url(../images/bg_focus_text.png); color: #e3e7ec; }
#focus .tab .text h3 { font-size: 1.17em; color: #e3e7ec; margin-bottom: 5px; }
#focus .tab .text h3 a { color: #e3e7ec; }
#focus .tab .text p { font-size: 0.92em; line-height: 1.63; margin-bottom: 8px; }
#focus .tab .learn-more { text-align: right; line-height: 1.0; margin: 0; }
#focus .tab .learn-more a { display: block; float: right; padding: 1px 2px; width: 64px; background: url(../images/bg_learn_more.png) no-repeat; color: #fff; text-align: center; }
#focus .nav { background: #272727 url(../images/bg_focus_nav.png) no-repeat; padding: 1px 0; height: 70px; float: left; }
#focus .nav li { float: left; line-height: 1.33; padding-right: 2px; background: url(../images/border_focus_nav.gif) top right no-repeat; }
#focus .nav li a { display: block; padding: 20px 5px 5px 13px; width: 166px; color: #797d84; height: 45px; }
#focus .nav .ui-tabs-selected a, #focus .nav a:hover { background: #181818; color: #a6acb5; text-decoration: none; }
#focus .nav li#first-tab a { padding-left: 30px; }
#focus .nav li#first-tab.ui-tabs-selected a,  #focus .nav li#first-tab a:hover { background: #181818 url(../images/bg_focus_first_hover.png) left bottom no-repeat; }
#focus .all { background: #272727 url(../images/bg_focus_nav.png) top right no-repeat; padding: 1px 0; height: 70px; float: left; }
#focus .all a { display: block; padding: 20px 5px 5px 13px; width: 181px; color: #797d84; height: 45px; }
#focus .all a:hover { background: none; text-decoration: underline; }


/* 2.8 Tabs
-----------------------------------------------------------------------------------------------*/
.ui-tabs-hide { display: none; }
#tabs .nav { float: right; border-left: 1px solid #e4e7ea; }
#tabs .nav li { float: left; }
#tabs .nav a { display: block; padding: 10px 15px; border-top: 1px solid #e4e7ea; border-right: 1px solid #e4e7ea; font-weight: bold; background: #fff; color: #2f5b97; line-height: 1.25; }
#tabs .nav .ui-tabs-selected a { color: #9ea5ae; position: relative; margin-bottom: -1px; padding: 10px 15px 11px 15px; }
#tabs .tab { clear: both; width: 900px; margin: 0 -30px 20px -30px; padding: 25px 30px 0 30px; border-top: 1px solid #e4e7ea; }


#tabs-inactive .nav { float: right; border-left: 1px solid #e4e7ea; }
#tabs-inactive .nav li { float: left; }
#tabs-inactive .nav a { display: block; padding: 10px 15px; border-top: 1px solid #e4e7ea; border-right: 1px solid #e4e7ea; font-weight: bold; background: #fff; color: #2f5b97; line-height: 1.25; }
#tabs-inactive .nav .ui-tabs-selected a { color: #9ea5ae; position: relative; margin-bottom: -1px; padding: 10px 15px 11px 15px; }
#tabs-inactive .tab { clear: both; width: 900px; margin: 0 -30px 20px -30px; padding: 25px 30px 0 30px; border-top: 1px solid #e4e7ea; }


/* 2.9 Top banner
-----------------------------------------------------------------------------------------------*/
#top-banner { position: relative; margin: -10px 5px 13px 5px; }
#top-banner img { display: block; margin-top: 5px;}
#top-banner .frame { display: block; width: 955px; height: 144px; position: absolute; top: 0; left: 0; z-index: 1; background: url(../images/bg_top_banner_frame.png) no-repeat; }

/* 2.9 Warning
-----------------------------------------------------------------------------------------------*/
#warning { margin: 5px; padding-top: 10px; padding-bottom: 5px; }
#warning img { padding-right: 20px; padding-left: 40px; vertical-align: middle; }
#warning { border: 1px solid #FFCC33; display: block; width: 950px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 44px; text-align: left; background-color: #FFFFCC; }

/* 2.10 Top
-----------------------------------------------------------------------------------------------*/
#top { padding: 15px 18px 15px 30px; }
#top h1 { float: left; color: #b7bdc6; font-size: 2.5em; font-weight: normal; margin: 0; line-height: 1.0; width: 550px; }
#top .back { float: right; line-height: 1.0; width: 250px; text-align: right; margin: 17px 0 0 0; }
#top .back a { font-weight: bold; font-size: 1.17em; padding-left: 11px; background: url(../images/ico_arrow_back.gif) left center no-repeat; }

/* 2.11 Breadcrumbs
-----------------------------------------------------------------------------------------------*/
.breadcrumbs { float: left; font-weight: bold; color: #b7bdc6; text-transform: uppercase; margin: 10px 0 0 0; }


/* Added by Christopher 
-----------------------------------------------------------------------------------------------*/
table.pics td {padding:5px;}
table.pics { width: 100%;}
h2.agenda { color: #32609e; font-size: 1.3em;}


/* New Login */

.login input.text { font-size: 1em; border: 1px solid #f3e3fc; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px; padding: 6px 4px; width: 125px;  }
.login textarea { font-size: 1em; border: 1px solid #f3e3fc; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px; width: 99%; height: 76px; background-color: #f3f7fc; display: block; margin-top: 8px; }
.login .name { float: right; margin-top: 8px; }
.login input.submit  { width: 69px; height: 25px; margin-top: 2px; background: #2e5a97 url(../images/bg_sign_in_submit.png) no-repeat; color: #dee6f1; font: bold 0.92em/1.5 Tahoma, "Lucida Grande", lucida, sans-serif; border: 0; }



/***********************************************************************************************

	Print stylesheet

***********************************************************************************************/

/*
body { font: normal normal 12px/1.5em "Times New Roman", Times, serif; }
a[href]:after { content: " (" attr(href) ") "; font-size: 90%; }
a[href^="/"]:after { content: " (http://domain.com" attr(href) ") "; }
ol#accessibility-nav, .hide { display: none !important; }
*/

body { background: white;}
#header .site-name { display: none; }
.login {display: none;}
#navigation {display: none;}
#footer {display: none;}
#top-banner {display: none;}
form.comment {display: none;}
p {color: black; font-size: 1.6em;}

#sidebar tr { background-color: lightgrey; 
			filter:alpha(opacity=50);
			-moz-opacity:0.5;
			-khtml-opacity: 0.5;
			opacity: 0.5;
			}
#sidebar tr.selected { background-color: white;
						filter:alpha(opacity=100);
						-moz-opacity:1;
						-khtml-opacity: 1;
						opacity: 1;
						border: 2px solid black;
						}
.back { display: none;}

.content-wrapper { border: none;}

.content h3 { font-size: 1.8em; }

.content li { font-size: 1.6em;}
.content .podcast { display:none;}


/* Added by Wes (Directory print styles)
-----------------------------------------------------------------------------------------------*/

.member-profile #sidebar, .member-profile h1, .member-profile #member_search, .export { display: none; }
.member-profile .content { width: 900px; }
.member-profile .personal_info img, .member-profile .contact { float: left; }
.member-profile .personal_info img { margin-right: 20px; }
.member-profile h2 { margin-top: 25px; }
.member-profile .contact h2 { margin-top: auto; }