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

	CSS on Sails v3.0.2
	Title	: CEDA
	Author	: XHTMLized (http://www.xhtmlized.com/)
	Date	: August 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 Footer	
			2.6 Sub footer
			2.7 Modules
			2.8 Forms
			2.9 Tables
	3. NOTES
			3.1 Endnotes
			3.2 Superscript

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


/* 	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,
	.upcoming-events .title:after,
	.upcoming-events ul li:after,
	.title-page:after,
	.sidebar-nav li:after,
	.content .article li:after,
	.content .view-events-by li:after,
	.content .list-events li:after,
	.primary .title-events:after,
	.form:after,
	.form li:after,
	.footer-inner:after,
	.features ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
/* 	1.4 Default Styles
-----------------------------------------------------------------------------------------------*/	

	body { font: 62.5%/1.3 Arial, Helvetica, sans-serif; text-align: center; color: #333; background: #ccc; }
	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; }
	
	.content a, .content a:visited { font-weight: bold; text-decoration: underline; color: #036; }
	.content a:hover, .content a:active { text-decoration: none; color: #036; }
	
	.content h2 a, .content h3 a, .content h4 a  { color: #282627; }
	
	.content h1 {  }
	
	.content h2 { padding: 0 0 8px 0; font-size: 2em; line-height: 1.5em; font-weight: normal; color: #282627; }
	.content .primary h2 { margin: 0 0 12px 0; padding: 0 0 3px 0; border-bottom: 1px solid #d4d4d4; }
	
	.content h3 { padding: 0 0 15px 0; font-size: 1.8em; line-height: 20px; font-weight: normal; color: #282627; }

	.content h4 { padding: 0 0 5px 0; font-size: 1.2em; line-height: 1.33em; font-weight: bold; color: #282627; }
	.content h4 a:link, .content h4 a:active, .content h4 a:visited { color: #282627; font-weight: normal; }
	
	
	.content .primary h2 a, .content h3 a, .content h4 a  { font-weight: normal; }
	
	.content p, .content li,
	.fullcontent p, .fullcontent li{ padding: 0 0 15px 0; font-size: 1.2em; line-height: 1.33em; font-weight: normal; color: #282627; }
	
	.content ul { margin: 0 0 0 10px; }
	.content ul li { padding: 0 0 15px 15px; background: url(/css/images/ico-arrow-black-r.png) no-repeat 0 1px; }

	.fullcontent h2 { padding: 0 0 8px 0; font-size: 2em; line-height: 1.5em; font-weight: normal; color: #282627; }
	.fullcontent .fullprimary h2 { margin: 0 0 12px 0; padding: 0 0 3px 0; border-bottom: 2px solid #d4d4d4; }

	.wrapper-table { padding: 5px 0 20px 0; }
	.wrapper-table table { width: 100%; font-size: 1.2em; font-weight: normal; color: #383838; }
	.wrapper-table table th { height: 25px; padding: 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold; color: #fff; vertical-align: middle; background: #383838; }
	.wrapper-table table th.date { border-left: 1px solid #383838; }
	.wrapper-table table th.location { border-right: 1px solid #383838; }
	.wrapper-table table td { height: 35px; padding: 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; vertical-align: middle; background: #fff; }
	.wrapper-table table td.date { border-left: 1px solid #ccc; }
	.wrapper-table table .alt td { background: #d6d6d6; }
	.wrapper-table table .date { width: 120px; }
	.wrapper-table table .title { width: 330px; }
	.wrapper-table table .location { width: 120px; }


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


/* 	2.1 Structure
-----------------------------------------------------------------------------------------------*/	
	
	.container { position: relative; width: 952px; margin: 0 auto; font-size: 1em; text-align: left; background: #ccc; }
	.header { position: relative; z-index: 100; width: 952px; height: 115px; overflow: hidden; background: #fff url(/css/images/bg-header.png) repeat-x 0 0; }
	.content { position: relative; z-index: 1; float: right; width: 952px; padding: 30px 0 0 0; background: #fff; }
	.fullcontent { position: relative; z-index: 1; padding: 10px 10px 0px 0px; background: #fff; font-size:1.1em;}
	.page-home .content { width: 902px; padding: 25px 25px 0 25px; }
	.primary { float: left; width: 675px; padding: 0 25px 30px 30px; background: url(/css/images/rule-spacer-content.png) repeat-y 100% 0; }
	.secondary { float: right; width: 170px; padding: 0 30px 0 0; }
	.footer { clear: both; width: 952px; padding: 0 0 5px 0; background: #1a1a1a url(/css/images/bg-footer.png) no-repeat center bottom; }
	.footer-inner { width: 902px; padding: 25px 20px 25px 30px; background: #1a1a1a url(/css/images/bg-footer-inner.png) repeat-x left bottom; }
	
	.sub-footer { width: 563px; height: 30px; margin: 30px 0 0 0; background: #383838 url(/css/images/bg-sub-footer.png) no-repeat right top; }
	
	.line-bottom { width: 100%; height: 30px; margin: -30px 0 0 0; border-bottom: 10px solid #1a1a1a; text-align: center; }
	.line-bottom-inner { height: 30px; width: 50%; background: #383838; }
	
/* 	2.2 Header
-----------------------------------------------------------------------------------------------*/	
	
	/* logo */
	.header .site-name, 
	.header .site-name span { display: block; position: absolute; width: 202px; height: 81px; overflow: hidden; }
	.header .site-name { top: 18px; left: 32px; }
	.header .site-name span { top: 0; left: 0; z-index: 10; background: url(/css/images/logo.png) no-repeat; }
	.header a.site-name span { cursor: pointer; }
	
	.header h2 { font-size: 18pt; text-align: right; padding: 20px 10px 0 0;}
	
	/* primary navigation */
	.header .primary-navigation { position: absolute; top: 20px; left: 380px; height: 11px; }
	.header .primary-navigation li { float: left; position: relative; height: 11px; overflow: hidden; margin: 0; padding: 0; }	
	.header .primary-navigation li.pn-home { width: 39px; margin-right: 19px; }
	.header .primary-navigation li.pn-news { width: 38px; margin-right: 20px; }
	.header .primary-navigation li.pn-join { width: 31px; margin-right: 18px; }
	.header .primary-navigation li.pn-donate { width: 50px; margin-right: 17px; }
	.header .primary-navigation li.pn-members { width: 65px; }	
	.header .primary-navigation li a,
	.header .primary-navigation li a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.header .primary-navigation li a span { background: url(/css/images/bg-primary-navigation-sprites.png) no-repeat 0 0; }	
	.header .primary-navigation li.pn-home a span { background-position: 0 0; }
	.header .primary-navigation li.pn-news a span { background-position: -58px 0; }
	.header .primary-navigation li.pn-join a span { background-position: -116px 0; }
	.header .primary-navigation li.pn-donate a span { background-position: -165px 0; }
	.header .primary-navigation li.pn-members a span { background-position: -232px 0; }
	
	/* login */
	.header .login { position: absolute; right: 12px; bottom: 9px; text-align: right; }
	.header .login legend { display: none; }
	.header .login li { float: left; }
	.header .login li label { display: block; float: left; position: relative; width: 52px; height: 9px; overflow: hidden; margin: 4px 5px 0 10px; padding: 0; font-size: .9em; text-transform: uppercase; }
	.header .login li label span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.header .login li label.username span { background: url(/css/images/label-username.gif) no-repeat 0 0; }
	.header .login li label.password span { background: url(/css/images/label-password.gif) no-repeat 0 0; }
	.header .login li .txt { float: left; width: 112px; height: 16px; margin: 0; padding: 2px 5px 0 5px; border: none; font-size: 1.1em; 
		background: #ffffff url(/css/images/bg-login-txt-field.gif) no-repeat 0 0; }
	.header .login li .button-login { float: left; width: 39px; height: 16px; margin: 1px 0 0 4px; padding: 0; border: none; text-align: left; text-indent: -9999em; background: url(/css/images/btn-login.gif) no-repeat 0 0; cursor: pointer; }
	.header .login p { padding: 0 5px 0 0; font-size: 1.2em; line-height: 1.5em; font-weight: normal; text-align: right; color: #666; }
	.header .login p a { text-decoration: none; color: #666; }
	.header .login p a:hover { text-decoration: underline; }
	
	/* search */
	.header .search { position: absolute; top: 0; right: 0; width: 250px; height: 40px; background: url(/css/images/bg-search-on-header.gif) no-repeat 0 0; }
	.header .search legend { display: none; }
	.header .search ul { margin: 7px 0 0 20px; }
	.header .search ul li { float: left; }
	.header .search ul li .txt { float: left; width: 146px; height: 18px; margin: 0; padding: 4px 5px 0 5px; border: none; font-size: 1.1em; background: url(/css/images/bg-search-txt-field.gif) no-repeat 0 0; }
	.header .search ul li .button-search { float: left; width: 57px; height: 20px; margin: 1px 0 0 5px; padding: 0; border: none; text-align: left; text-indent: -9999em; background: url(/css/images/btn-search.gif) no-repeat 0 0; cursor: pointer; }
	.waterMark
	{
	 float: left; width: 146px; height: 18px; margin: 0; padding: 4px 5px 0 5px;
	 border: none; font-size: 1.1em; 
	 background:url(/css/images/google_custom_search_watermark.gif) no-repeat 0 0;
	}
/* 	2.3 Navigation
-----------------------------------------------------------------------------------------------*/
	
	/* secondary navigation */
	.secondary-navigation { position: relative; z-index: 999; width: 952px; height: 35px; border-bottom-style: solid; border-bottom-width: 7px; background: #303030 url(/css/images/bg-secondary-navigation.png) repeat-x 0 0; }
	.page-home .secondary-navigation,
	.page-about .secondary-navigation { border-bottom-color: #e31937; }
	.page-research .secondary-navigation { border-bottom-color: #f3702b; }
	.page-events .secondary-navigation { border-bottom-color: #008cc1; }
	.page-membership .secondary-navigation { border-bottom-color: #b0b91d; }
	.page-contact .secondary-navigation { border-bottom-color: #e8b909; }
	
	.secondary-navigation ul { width: 952px; margin: 0; }
	.secondary-navigation ul li { float: left; position: relative; height: 35px; margin: 0; padding: 0; line-height: 35px; background: none; }
	.secondary-navigation ul li.sn-about { width: 98px; margin-left: 25px; }
	.secondary-navigation ul li.sn-research { width: 168px; margin-left: 69px; }
	.secondary-navigation ul li.sn-events { width: 70px; margin-left: 84px; }
	.secondary-navigation ul li.sn-membership { width: 105px; margin-left: 116px; }
	.secondary-navigation ul li.sn-contact { width: 82px; margin-left: 112px; }
	
	.secondary-navigation ul li a,
	.secondary-navigation ul li a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-weight: normal; text-decoration: none; color: #fff; }
	.secondary-navigation ul li a span { background: url(/css/images/bg-secondary-navigation-sprites.png) no-repeat 0 0; }	
	
	.secondary-navigation ul li.sn-about a span { background-position: 0 0; }
	.secondary-navigation ul li.sn-research a span { background-position: -167px 0; }
	.secondary-navigation ul li.sn-events a span { background-position: -420px 0; }
	.secondary-navigation ul li.sn-membership a span { background-position: -605px 0; }
	.secondary-navigation ul li.sn-contact a span { background-position: -822px 0; }
	
	.secondary-navigation ul li a:hover { background: #303030 url(/css/images/bg-secondary-navigation.png) repeat-x 0 0; }	
	.secondary-navigation ul li.sn-about a:hover span,
	.secondary-navigation ul li.sn-about a.active span,
	.page-about .secondary-navigation ul li.sn-about a span { background-position: 0 -35px; }	
	.secondary-navigation ul li.sn-research a:hover span,
	.secondary-navigation ul li.sn-research a.active span,
	.page-research .secondary-navigation ul li.sn-research a span { background-position: -167px -35px; }	
	.secondary-navigation ul li.sn-events a:hover span,
	.secondary-navigation ul li.sn-events a.active span,
	.page-events .secondary-navigation ul li.sn-events a span { background-position: -420px -35px; }	
	.secondary-navigation ul li.sn-membership a:hover span,
	.secondary-navigation ul li.sn-membership a.active span,
	.page-membership .secondary-navigation ul li.sn-membership a span { background-position: -605px -35px; }	
	.secondary-navigation ul li.sn-contact a:hover span,
	.secondary-navigation ul li.sn-contact a.active span,
	.page-contact .secondary-navigation ul li.sn-contact a span { background-position: -822px -35px; }
	
	.secondary-navigation ul ul { position: absolute; left: 0; top: 35px; width: 180px; height: auto; border-top-style: solid; 	border-top-width: 7px; border-color: green;display:none;}
	.secondary-navigation .sn-about ul,
	.secondary-navigation .sn-about ul li { border-color: #e31937; }
	.secondary-navigation .sn-research ul,
	.secondary-navigation .sn-research ul li { border-color: #f3702b; }
	.secondary-navigation .sn-events ul,
	.secondary-navigation .sn-events ul li { border-color: #008cc1; }
	.secondary-navigation .sn-membership ul,
	.secondary-navigation .sn-membership ul li { border-color: #b0b91d; }
	.secondary-navigation .sn-contact ul,
	.secondary-navigation .sn-contact ul li { border-color: #e8b909; }
	.secondary-navigation ul li:hover ul {display:block;}


	
	.secondary-navigation ul ul li { float: none; clear: both; width: 178px; height: auto; margin: 0; padding: 0; border-width: 1px; border-style: solid; border-top: none; font-size: 13px; line-height: 16px; font-weight: normal; color: #666; background: #eee; }
	.secondary-navigation ul ul li a { position: relative; width: 159px; padding: 5px 7px 5px 12px; color: #666; }
	.secondary-navigation ul ul li a:hover { text-decoration: none; color: #fff; }
	.secondary-navigation ul ul li a.current { font-size: normal; }
	.secondary-navigation .sn-about ul li a:hover { background: #e31937; }
	.secondary-navigation .sn-research ul li a:hover { background: #f3702b; }
	.secondary-navigation .sn-events ul li a:hover { background: #008cc1; }
	.secondary-navigation .sn-membership ul li a:hover { background: #b0b91d; }
	.secondary-navigation .sn-contact ul li a:hover { background: #e8b909; }
	
/* 	2.4 Content
-----------------------------------------------------------------------------------------------*/		
	
	/* primary
	-------------------------------------------------------------------------------------------*/
	
	/* title page */
	.title-page { margin: 0 0 0 -30px; padding: 0 0 25px 0; }
	.title-page h1 { float: left; position: relative; overflow: hidden; width: 338px; height: 58px; color: #fff; }
	.title-page h1 span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 0 0; }
	.title-page p { float: right; width: 348px; margin: 0; padding: 0; font-size: 1.6em; line-height: 1.25em; font-weight: normal; color: #282627; }
	
	.page-about .title-page h1 { background: #e31937; }
	.page-about .title-page h1 span { background: url(/css/images/txt-title-page-about-us.png); }	
	.page-about .ace h1 span { background: url(/css/images/txt-title-page-ace.png); }
	.page-about .news h1 span { background: url(/css/images/txt-title-page-news.png); }
	
	.page-research .title-page h1 { background: #f3702b; }
	.page-research .title-page h1 span { background: url(/css/images/txt-title-page-research.png); }
	
	.page-events .title-page h1 { background: #008cc1; }
	.page-events .title-page h1 span { background: url(/css/images/txt-title-page-events.png); }
	
	.page-membership .title-page h1 { background: #b0b91d; }
	.page-membership .title-page h1 span { background:transparent url(/css/images/txt-title-page-membership.png) repeat scroll 0 0; }
	
	.page-contact .title-page h1 { background: #fc0; }
	.page-contact .title-page h1 span { background: url(/css/images/txt-title-page-contact.png); }
	
	/* article */
	.content .article { margin: 0 0 10px 0; }
	.content .article li { clear: both; padding: 0 0 20px 0; font-size: 1em; background: none; }
	.content .article li h4 { padding: 0 0 10px 0; font-size: 1.6em; line-height: 18px; font-weight: normal; color: #383838; }
	.content .article li h4 a { font-weight: normal; color: #383838; }
	.content .article li .image { float: left; width: 120px; margin: 0; }
	.content .article li .summary { float: right; width: 540px; }
	.content .article li .more { font-size: 1.2em; }
	.content .article li.member-only { background: url(/css/images/ico-member-only.png) no-repeat 100% 0; }
	
	/* form */
	p.denotes-req { float: right; margin: -35px 0 0 0; padding: 0 0 0 12px; color: #333; background: url(/css/images/ico-star-small-red.png) no-repeat 0 3px; }
	p.denotes-req span { display: none; }
	
	p.info { color: #888; }
	p.note { padding: 10px 0; }
	
	ul.form { margin: 0 0 20px 0; }
	ul.form li { float: left; clear: both; margin: 0; padding: 0 0 6px 0; font-size: 1em; background: none; }
	ul.form li.section { padding: 0 0 30px 0; }
	ul.form li.req { padding-right: 18px; background: url(/css/images/ico-star-small-red.png) no-repeat 100% 2px; }
	ul.form li.req span { display: none; }
	
	ul.form li ul { float: left; margin: 0; }
	ul.form li li { clear: none; padding: 0 30px 0 0; }
	
	ul.form li ul.sub-form { float: left; margin: 0; }
	ul.form li ul.sub-form li { clear: both; }
	
	ul.form li ul.column-form { float: left; width: 220px; margin: 3px 0 0 0; }
	ul.form li ul.column-form li { clear: both; padding: 0; }
	ul.form li ul.column-form li label { float: left; width: 180px; line-height: 16px; }
	
	ul.form li label,
	ul.form li input,
	ul.form li select,
	ul.form li textarea { float: left; margin: 0; padding: 0; }
	
	ul.form li ul.sub-form li span.radio input { width: 30px; }
	ul.form li ul.column-form li span.chkbox input { width: 30px; }
	
	ul.form li label { font-size: 1.3em; line-height: 1.69em; font-weight: normal; color: #282627; }
	ul.form li .lbl { width: 230px; }
	ul.form li .txt { width: 220px; height: 18px; padding: 2px 5px 0 5px; border: 1px solid #e8e7e7; border-top: 1px solid #abadb3; background: #fff; }
	ul.form li select { width: 232px; height: 20px; }
	ul.form li .radio { margin: 3px 5px 0 0; }
	ul.form li .chkbox { margin: 1px 5px 0 0; }
	ul.form li textarea { width: 440px; height: 160px; margin: 5px 0 0 0; border: 1px solid #69c; background: #fff; }
	
	.button-save-details { float: left; clear: both; width: 95px; height: 23px; margin: 20px 0 0 0; border: none; text-align: left; text-indent: -9999em; background: url(/css/images/btn-save-details.gif) no-repeat 0 0; cursor: pointer; }
	
	/* secondary
	-------------------------------------------------------------------------------------------*/
	
	/* title sidebar */
	.secondary .title { position: relative; width: 170px; height: 24px; overflow: hidden; margin: 0 0 6px 0; padding: 0; font-size: 1.4em; line-height: 1.71em; text-align: center; text-transform: uppercase; color: #fff; }
	.secondary .title span { display: block; position: absolute; top: 0; left: 0; width: 170px; height: 24px; background-repeat: no-repeat; background-position: 0 0; }
	
	.page-about .secondary .title { background: #e31836; }
	.page-research .secondary .title { background: #f3702b; }
	.page-events .secondary .title { background: #008cc1; }
	.page-membership .secondary .title { background: #b0b91d; }
	.page-contact .secondary .title { background: #fc0; }
	
	.secondary .title-ace-archive, 
	.secondary .title-news-archive,
	.secondary .title-view-events,
	.secondary .title-our-sponsors,
	.secondary .title-related-events,
	.secondary .title-multimedia, 
	.secondary .title-publication { background: #5f6062 !important; }	
	
	.secondary .title-about span { background: url(/css/images/txt-title-sidebar-about-ceda.png); }
	.secondary .title-ace span { background: url(/css/images/txt-title-sidebar-categories.png); }
	.secondary .title-ace-archive span { background: url(/css/images/txt-title-sidebar-ace-archive.png); }
	.secondary .title-contact span { background: url(/css/images/txt-title-sidebar-contact.png); }
	.secondary .title-news span { background: url(/css/images/txt-title-sidebar-news.png); }
	.secondary .title-news-archive span { background: url(/css/images/txt-title-sidebar-news-archive.png); }
	.secondary .title-events span { background: url(/css/images/txt-title-sidebar-events.png); }
	.secondary .title-view-events span { background: url(/css/images/txt-title-sidebar-events-view-by.png); }
	.secondary .title-our-sponsors span { background: url(/css/images/txt-title-sidebar-sponsors.png); }
	.secondary .title-research span { background: url(/css/images/txt-title-sidebar-research.png); }
	.secondary .title-related-events span { background: url(/css/images/txt-title-sidebar-related-events.png); }
	.secondary .title-multimedia span { background: url(/css/images/txt-title-sidebar-multimedia.png); }
	.secondary .title-publication span { background: url(/css/images/txt-title-sidebar-publications.png); }
	.secondary .title-membership span { background: url(/css/images/txt-title-sidebar-membership-details.png); }
		
	/* sidebar nav */
	.secondary .sidebar-nav { margin: 0 0 30px 0; }
	.secondary .sidebar-nav li { clear: both; width: 170px; padding: 0; font-size: 1.2em; line-height: 1.83em; font-weight: normal; background: none; }
	.secondary .sidebar-nav li a { display: block; float: left; width: 153px; padding: 0 5px 0 12px; font-weight: normal; color: #282627; text-decoration: none; }
	.secondary .sidebar-nav li a:hover { text-decoration: underline; }
	.secondary .sidebar-nav li a.selected { font-weight: bold; }
	.secondary .sidebar-nav li a.current, .secondary .sidebar-nav li a.current:hover { text-decoration: none; font-weight: bold; }
	
	.secondary .sidebar-nav li ul { margin: 0; }
	.secondary .sidebar-nav li ul li { font-size: 1em; }
	.secondary .sidebar-nav li ul li a { width: 140px; padding: 0 5px 0 25px; }
	.secondary .sidebar-nav li ul li a.current, .secondary .sidebar-nav li ul li a.current:hover { font-weight: normal; }
	
	.page-about .secondary .sidebar-nav li a.current, .page-about .secondary .sidebar-nav li a.current:hover { color: #e31836; background: #f7b9c2; }	
	.page-research .secondary .sidebar-nav li a.current, .page-research .secondary .sidebar-nav li a.current:hover { color: #f3702b; background: #ffcfb3; }	
	.page-events .secondary .sidebar-nav li a.current, .page-events .secondary .sidebar-nav li a.current:hover { color: #008cc1; background: #bcd5e3; }	
	.page-membership .secondary .sidebar-nav li a.current, .page-membership .secondary .sidebar-nav li a.current:hover { color: #b0b91d; background: #dfe1be; }	
	.page-contact .secondary .sidebar-nav li a.current, .page-contact .secondary .sidebar-nav li a.current:hover { color: #666; background: #fff0b2; }
	
	.page-research .secondary .sidebar-nav { margin: 0 0 75px 0; }
	
	/* sidebar archive */
	.secondary .sidebar-archive { height: 1%; overflow: hidden; margin: 20px 0 35px 0; }
	.secondary .sidebar-archive li { clear: both; width: 170px; padding: 0; font-size: 1.2em; line-height: 1.5em; font-weight: normal; background: none; }
	.secondary .sidebar-archive li a { display: block; float: left; width: 153px; padding: 0 5px 0 12px; font-weight: normal; color: #282627; text-decoration: none; }
	.secondary .sidebar-archive li a:hover { text-decoration: underline; }
	
/* 	2.5 Footer
-----------------------------------------------------------------------------------------------*/
	
	/* meta link */
	.meta { display: block; clear: both; height: 20px; overflow: hidden; margin: 0 0 32px 0; }
	.meta li { float: left; position: relative; height: 20px; overflow: hidden; margin: 0; padding: 0; line-height: 20px; }
	.meta .print { width: 78px; margin-right: 14px; }
	.meta .email { width: 78px; margin-right: 16px; }
	.meta .rss { width: 41px; margin-right: 17px; }
	.meta .facebook { width: 71px; margin-right: 16px; }
	.meta .twitter { width: 61px; margin-right: 17px; }	
	.meta .linkedin { width: 70px; }
	.meta .site-credits { width: 82px; }
	.meta li a,
	.meta li a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.meta li a span { background: url(/css/images/bg-meta-sprites.png) no-repeat 0 0; }	
	.meta .print a span { background-position: 0 0; }
	.meta .email a span { background-position: -92px 0; }
	.meta .rss a span { background-position: -186px 0; }
	.meta .facebook a span { background-position: -244px 0; }
	.meta .twitter a span { background-position: -331px 0; }
	.meta .linkedin a span { background-position: -409px 0; }
	.meta .site-credits a span { background-position: -409px 0; }
	
	/* footer column */
	.footer .column { float: left; width: 270px; margin: 0 45px 0 0; }
	.footer .news { margin: 0; }	
	.footer .column h2 { display: block; clear: both; position: relative; height: 12px; overflow: hidden; margin: 0 0 20px 0; padding: 0; font-size: 1.1em; text-transform: uppercase; color: #fff; }
	.footer .research h2 { width: 112px; }
	.footer .events h2 { width: 95px; }
	.footer .news h2 { width: 84px; }	
	.footer .column h2 span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top; }
	.footer .research h2 span { background: url(/css/images/txt-latest-research.png); }
	.footer .events h2 span { background: url(/css/images/txt-latest-events.png); }
	.footer .news h2 span { background: url(/css/images/txt-latest-news.png); }	
	.footer .column ul { margin: 0; }
	.footer .column ul li { padding: 0 0 12px 24px; font-size: 1em; }
	.footer .column ul li a { font-weight: normal; text-decoration: underline; color: #ccc; }
	.footer .column ul li a:hover { text-decoration: none; }
	.footer .events ul li { background: url(/css/images/ico-small-events.png) no-repeat 0 0; }
	.footer .news ul li { background: url(/css/images/ico-small-news.png) no-repeat 0 0; }
	.footer .column ul li h3 { font-size: 11px; line-height: 16px; font-weight: bold; color: #ccc; }
	.footer .column ul li h3 a { font-weight: bold; }
	.footer .column ul li p { padding: 0; font-size: 11px; line-height: 16px; font-weight: normal; color: #ccc; }
	.footer .research ul li { padding-bottom: 8px; font-size: 1.1em; line-height: 1.36em; color: #ccc; background: url(/css/images/ico-small-research.png) no-repeat 0 0; }
	
/* 	2.6 Sub footer
-----------------------------------------------------------------------------------------------*/		
	
	.sub-footer p,
	.sub-footer ul li { height: 10px; margin: 12px 0 5px 0; font-size: 1em; line-height: 1em; font-weight: normal; color: #ccc; }	
	.sub-footer ul { float: left; }
	.sub-footer ul li { float: left; padding: 0 5px; border-left: 1px solid #ccc; background: none; }	
	.sub-footer ul li.first { padding: 0 5px 0 0; border-left: none; }
	.sub-footer ul li a { font-weight: normal; text-decoration: none; color: #ccc; }
	.sub-footer ul li a:hover { text-decoration: underline; }
	.sub-footer p { float: right; margin-right: 10px; }
	
/* 	2.7 Modules
-----------------------------------------------------------------------------------------------*/	
	
	/* misc */
	p.breadcrumb, p.breadcrumb a { padding: 0 0 18px 0; font-size: 1em; line-height: 1.5em; font-weight: normal; color: #999; }
	p.breadcrumb a { padding: 0; text-decoration: none; }
	p.breadcrumb a:hover { text-decoration: underline; }
	p.date { font-size: 1.1em; line-height: 1.45em; color: #999; }	
	p.intro { padding: 0 0 25px 0; }
	.view-all { font-size: 1.1em; line-height: 1.5em; font-weight: bold; text-decoration: underline; color: #036 }
	.view-all:hover { text-decoration: none; color: #000; }	
	.view-all a { display: block; clear: both; }
	.title-sponsors { margin: 20px 0 0 0; }
	p.view-all { padding: 0; }
	
	/* flash-placeholders */
	.flash-placeholders { float: left; position: relative; z-index: 1; width: 510px; height: 450px; border: 2px solid #d5d5d5; }	
	.flash-placeholders-ace { position: relative; z-index: 1; width: 673px; height: 335px; margin: 15px 0 28px 0; border: 1px solid #ccc; }
	.flash-placeholders-sponsors { position: relative; z-index: 1; width: 170px; height: 88px; margin: 20px 0 30px 0; }
	.primary .flash-placeholders-sponsors { margin: 0; }
	
	/* upcoming events */
	.upcoming-events { float: right; width: 370px; }
	.upcoming-events .title h2 { float: left; width: 265px; margin: -5px 0 0 0; padding: 0; }
	.upcoming-events .title .view-all { float: right; margin: 3px 0 0 0; }
	.upcoming-events ul { margin: 0; }
	.upcoming-events ul li { padding: 15px 0 0 0; font-size: 1em; line-height: normal; background: none; }
	.upcoming-events ul li.first { padding: 0; }
	.upcoming-events ul li h3 { padding: 0 0 8px 0; font-size: 1.5em; line-height: 1.2em; font-weight: normal; color: #282627; }
	.upcoming-events ul li h3 a { font-weight: 600; text-decoration: underline; color: #282627; }
	.upcoming-events ul li h3 a:hover { text-decoration: none; color: #282627; }
	.upcoming-events ul li .date { float: left; width: 70px; height: 55px; margin: 2px 0 0 0; padding: 0; border: 1px solid #ccc; text-align: center; }
	.upcoming-events ul li .date dt,
	.upcoming-events ul li .date dd { font-size: 2em; line-height: 1.4em; color: #008cc1; }
	.upcoming-events ul li .date dt { font-weight: bold; }
	.upcoming-events ul li .date dd { font-weight: normal; }
	.upcoming-events ul li .date dd strong { font-weight: bold; }
	.upcoming-events ul li .detail { float: right; width: 285px; margin: 0; padding: 0; }
	.upcoming-events ul li .detail li { padding: 0; font-size: 1.1em; line-height: 1.45em; font-weight: normal; color: #282627; }
	
	/* image slider -- carousel */
	.carousel { clear: both; width: 902px; padding: 0 0 18px 0; }
	.carousel-inner { position: relative; width: 854px; padding: 20px 23px; border: 1px solid #cecece; } 	
	.carousel h2 { padding: 8px 0; font-size: 2.2em; }	
	.carousel .carousel-content { width: 854px; height: 187px; overflow: hidden; }	
	.carousel .carousel-content ul { overflow: hidden; margin: 0; }	
	.carousel .carousel-content ul li { float: left; position: relative; width: 190px; height: 185px; overflow: hidden; margin: 0 0 0 17px; padding: 0; border: 1px solid #cecece; background: none; }	
	.carousel .carousel-content ul li a { display: block; float: left; width: 190px; height: 185px; text-decoration: none; color: #fff; }
	.carousel .carousel-content ul li .caption { display: block; position: absolute; top: 145px; left: 0; width: 190px; height: 40px; font-size: 1.8em; line-height: 40px; font-weight: normal; text-align: center; color: #fff; background: #999; }
	.carousel .carousel-content ul li .caption span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 0 0; }
	.carousel .carousel-content ul li .climate span { background: url(/css/images/txt-caption-climate-change.png); }
	.carousel .carousel-content ul li .water span { background: url(/css/images/txt-caption-water-policy.png); }
	.carousel .carousel-content ul li .energy span { background: url(/css/images/txt-caption-energy-resources.png); }
	.carousel .carousel-content ul li .infrastructure span { background: url(/css/images/txt-caption-infrastructure.png); }	
	.carousel .caousel-nav { margin: 0; }
	.carousel .caousel-nav li { padding: 0; background: none; }
	.carousel .caousel-nav .previous,
	.carousel .caousel-nav .next { position: absolute; top: 0; width: 23px; height: 227px; overflow: hidden; background: #ccc; }
	.carousel .caousel-nav .previous { left: 0; }
	.carousel .caousel-nav .next { right: 0; }
	.carousel .caousel-nav .previous span,
	.carousel .caousel-nav .next span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.carousel .caousel-nav .previous span { background: #ccc url(/css/images/ico-arrow-carousel-prev.png) no-repeat center center; }
	.carousel .caousel-nav .next span { background: #ccc url(/css/images/ico-arrow-carousel-next.png) no-repeat center center; }
	
	/* latest news */
	.latest-news { float: left; width: 530px; padding: 5px 0 0 0; }
	.latest-news ul { margin: 0 0 15px 0; }
	.latest-news ul li { padding: 0 0 0 16px; font-size: 1.2em; line-height: 1.83em; color: #282627; background: url(/css/images/ico-arrow-grey-r.png) no-repeat 0 5px; }
	.latest-news ul li a:link, .latest-news ul li a:visited, .latest-news ul li a:active { color: #282627 !important; font-weight: normal; text-decoration: underline; }
	.latest-news ul li a:hover { text-decoration: none; }
	
	/* features */
	.features { width: 170px; }
	.features ul { margin: 0; }
	.features ul li { width: 168px; height: 145px; overflow: hidden; margin: 0 0 30px 0; padding: 0; border: 1px solid #d2d2d2; }
	
	.page-home .features { float: right; width: 360px; }
	.page-home .features ul { margin: 0 0 20px 0; }
	.page-home .features ul li { float: left; margin: 0 0 0 20px; }
	.page-home .features ul li.first { margin-left: 0; }
	
	/* map */
	.map { width: 655px; height: 545px; margin: 0 0 40px 0; background: #ccc; }
	.map p { padding: 15px 20px; font-size: 1.4em; line-height: 1.4em; font-weight: normal; text-transform: uppercase; color: #333; }
	
	/* pagination */
	.pagination { float: left; clear: both; position: relative; width: auto; height: 15px; overflow: hidden; margin: 8px 0 0 0; padding: 1px 27px 2px 27px; }
	.pagination-top { margin: 8px 0 20px 0; }
	.pagination-bottom { padding-bottom: 20px; }
	.pagination span,
	.pagination ul li { display: block; float: left; height: 15px; font-size: 1.1em; line-height: 1.36em; color: #333; }
	.pagination ul { float: right; height: 15px; margin: 0; }	
	.pagination ul li { padding: 0 0 0 1px; background: none; }
	.pagination ul li a { display: block; width: 16px; height: 15px; text-align: center; text-decoration: none; color: #333; }
	.pagination ul li a:hover { text-decoration: underline; }
	.pagination ul li a.current { font-weight: bold; background: #ccc; }
	.pagination ul li a.current:hover { text-decoration: none; cursor: default; }
	.pagination .prev,
	.pagination .next { display: block; position: absolute; top: 0; width: 19px; height: 18px; text-align: left; text-indent: -9999em; }
	.pagination .prev { left: 0; background: url(/css/images/btn-pagination-previous.png) no-repeat 0 0; }
	.pagination .next { right: 0; background: url(/css/images/btn-pagination-next.png) no-repeat 0 0; }
	
	/* view events by */
	.content .view-events-by { width: 146px; margin: 10px 12px 25px 12px; }
	.content .view-events-by li { margin: 0; padding: 0 0 8px 0; background: none; }
	.content .view-events-by li label { display: block; font-size: 1em; line-height: 2em; }
	.content .view-events-by li select { width: 100%; }
	.content .view-events-by li .button-search { float: right; width: 49px; height: 20px; margin: 10px 0 0 0; padding: 0; border: none; text-align: left; text-indent: -9999em; background: url(/css/images/btn-search-2.png) no-repeat 0 0; cursor: pointer; }
	
	/* list events */
	.content .list-events { clear: both; margin: 0; }
	.content .list-events li { margin: 0; padding: 0 0 20px 0; font-size: 1em; background: none; }
	.content .list-events li h3 { padding: 0 0 10px 0; font-size: 1.6em; }
	.content .list-events li h3 a { font-weight: normal; color: #282627; }
	.content .list-events li h3 a:hover { text-decoration: none; }
	.content .list-events li .date { float: left; }
	.content .list-events li .date { float: left; width: 70px; height: 55px; margin: 0; padding: 0; border: 1px solid #ccc; text-align: center; }
	.content .list-events li .date dt,
	.content .list-events li .date dd { font-size: 2em; line-height: 1.4em; color: #008cc1; }
	.content .list-events li .date dt { font-weight: bold; }
	.content .list-events li .date dd { font-weight: normal; }
	.content .list-events li .date dd strong { font-weight: bold; }
	.content .list-events li .detail { float: left; width: 385px; margin: 0 0 0 15px; padding: 0; }
	.content .list-events li .detail li { padding: 0; font-size: 1.1em; line-height: 1.45em; font-weight: normal; color: #282627; }
	a.register-online { display: block; float: right; position: relative; width: 107px; height: 60px; overflow: hidden; text-align: center; }
	a.register-online span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/css/images/btn-register-online.png) no-repeat 0 0; }
	.content .list-events li .summary { clear: both; padding: 15px 0 0 0; }
	/*.content .list-events li .summary p { line-height: 1.5em; }*/
	.content .list-events li .summary p.first { padding: 0; }
	
	/* title events */
	.primary .title-events { clear: both; margin: 0; padding: 15px 0; }
	.primary .title-events .date { float: left; }
	.primary .title-events .date { float: left; width: 70px; height: 55px; margin: 0; padding: 0; border: 1px solid #ccc; text-align: center; }
	.primary .title-events .date dt,
	.primary .title-events .date dd { font-size: 2em; line-height: 1.4em; color: #008cc1; }
	.primary .title-events .date dt { font-weight: bold; }
	.primary .title-events .date dd { font-weight: normal; }
	.primary .title-events .date dd strong { font-weight: bold; }
	.primary .title-events .detail { float: left; width: 385px; margin: 0 0 0 15px; padding: 0; }
	.primary .title-events .detail li { padding: 0; font-size: 1.1em; line-height: 1.45em; font-weight: normal; color: #282627; background: none; }
	
	/* list */
	.content .list { margin: 25px 0 30px 0; }
	.content .list li { padding: 0 0 20px 22px; font-size: 1em; background: url(/css/images/ico-arrow-grey-r-bigger.png) no-repeat 0 0; }
	.content .list li dl { margin: 0; padding: 0; }
	.content .list li dl dt { font-size: 13px; line-height: 16px; font-weight: normal; color: #282627; }
	.content .list li dl dt a { text-decoration: underline; color: #282627; }
	.content .list li dl dt a:hover { text-decoration: none; }
	.content .list li dl dd { font-size: 11px; line-height: 16px; color: #282627; }
	.content .list li dl dd.date { font-style: italic; }
	
	/* steps */
	.fullcontent #steps { margin: 0; padding: 0px; list-style-type: none;}
	.fullcontent #steps li { float: left; background:none; padding: 0; }
	.fullcontent #steps li a { text-decoration: none; float: left; margin: 0 10px 0 0; height: 60px; width: 170px; text-indent: -9999px; }
	
	
	.fullcontent #steps .step1 a { background: #fff url(/css/images/btn-event-step1.png);  }	
	.fullcontent #steps .step2 a { background: #fff url(/css/images/btn-event-step2.png);  }	
	.fullcontent #steps .step3 a { background: #fff url(/css/images/btn-event-step3.png);  }	
	.fullcontent #steps .step4 a { background: #fff url(/css/images/btn-event-step4.png);  }	
	.fullcontent #steps .step5 a { background: #fff url(/css/images/btn-event-step5.png);  }	
	
	.fullcontent #steps li.here a { background-position: 0 60px;  }	
	.fullcontent #steps li a:hover { background-position: 0 60px;  }
	
	.fullcontent .required { font-weight: bold; color: #ff0000; }
	

/* 	2.8 Forms
-----------------------------------------------------------------------------------------------*/	

	.event_reg {  }
	.event_reg label,
	.event_reg input { font-size: 9pt; display: block; float: left; margin-bottom: 10px; }
	
	.event_reg select { font-size: 9pt; display: block; float: left; margin-bottom: 10px; }	
	.event_reg label { text-align: left; padding-right: 20px; width: 120px; }
	
	.event_reg input { width: 200px; }
	.event_reg input.btn { width: 100px; }
	.event_reg input.radio { width: 30px; margin-top: 0; padding-top: 0;}
	.event_reg input.chkbox { width: 30px; margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 0; }
	
	.event_reg span { font-size: 9pt; }
	.event_reg td { padding-right: 10px; }
	
 	br.cl { clear: left; }
	
	
	
	p.caption { clear: both; margin-top: 10px; font-size: 8pt; font-style: italic; color: #666666; margin-top: 10px;  }
	form .required { padding-left: 10px; font-weight: bold; color: #ff0000; float: left;}
	

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

	#attendee_list { font-size: 9pt; width: 600px; margin-bottom: 20px;}
	
	#attendee_list th { font-weight: bold; }
	#attendee_list td, th { padding: 3px; }
	
	#attendee_list td.seperator { border-bottom: 2px solid #333333; }

/*  3. NOTES
===============================================================================================*/	


/* 	3.1 Endnotes
-----------------------------------------------------------------------------------------------*/	

	div.endnotes { border: 1px solid red; font-style: italic; }

/* 	3.2 Superscript
-----------------------------------------------------------------------------------------------*/	

	sup { font-color: #ff0000;}