@import url('calendar.css');
@import url('forum.css');

body {
	margin: 0;
	padding: 0;
}

body, td, th {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:   12px;
	line-height: 1.3em;
	/*color: #919099;*/
	color: #777;
}

img { border: none; }

h1, h2, h3, h4, p, ul, ol, li, dl, dd, dt {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}

#SiteCanvas {
	width: 765px;
	margin: 0 auto;
	background-color: #f7f6f4;
}

#SiteHeader {
	padding: 0 0 4px;
	border-bottom: 4px solid #6b205e;
	margin-bottom: 4px;
}

#SiteContent {
	background: #f7f6f4 url(../images/frontend/SiteContentBackground.gif);
	padding: 0 4px;
	border: 4px solid #bab7c2;
	border-width: 4px 0;
	min-height: 400px;
}

#Sidebar {
	width: 263px;
	/*background-color: #ffa;*/
	float: left;
}

#MainContent {
	float: right;
	width: 490px;
}

.inner {
	padding: 10px 13px;
}

#SiteFooter {
	text-align: right;
	padding: 4px;
	background-color: white;
	color: #919099;
}

#SiteFooter span.actions {
	float: left;
}

#SiteFooter span.actions a {
	color: #6b205e;
	text-decoration: none;
}

.SectionTitle {
	color: #6b205e;
	margin: 0;
	padding: 14px 0 7px;
	margin-bottom: 16px;
	background: #f7f6f4 url(../images/frontend/dots.gif) repeat-x left bottom;
	font-weight: normal;
}

#MainContent .SectionTitle {
	text-align: right;
}


#SidebarNavigation, #SidebarNavigation li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

#SidebarNavigation li {
	margin: 0 0 6px;
}

#SidebarNavigation a {
	/*color: #9a97a3;*/
  color: #777;
	text-decoration: none;
}

#SidebarNavigation .on a {
	color: #6b205e;
}

#SidebarImage {
	overflow: hidden;
	width: 239px;
	height: 227px;
	background: #e5e5e5;
	margin: 65px 0 0;
}

#SiteNavigation, #SiteNavigation li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#SiteNavigation {
	position: relative;
}

#SiteNavigation li {
	width: 150px;
	height: 14px;
	background: #fff url(../images/frontend/NewHeaderNavs.gif) no-repeat;
	overflow: hidden;
	white-space: nowrap;
	
	position: absolute;
	left: 3px;
	top: 43px;
	background-position: -3px -43px;
	
	/*opacity: 0.5;*/
}

#SiteNavigation li a {
	display:block;
	height: 15px;
}

body#Section_Home #Nav_Home,
body#Section_About #Nav_About,
body#Section_Contact #Nav_Contact,
body#Section_Board_members #Nav_MembersArea,
body#Section_Events #Nav_Events,
body#Section_Forum #Nav_Forum,
body#Section_Publications #Nav_Publications,
body#Section_Links #Nav_Links,
body#Section_Sponsors #Nav_Sponsors,
body#Section_Chapters #Nav_Book {
	background-image: url(../images/frontend/NewHeaderNavs_on.gif);
} 

#SiteNavigation #Nav_Home {
	top: 44px;
	background-position: -3px -44px;
}

#SiteNavigation #Nav_About {
	top: 59px;
	background-position: -3px -59px;
}

#SiteNavigation #Nav_Contact {
	top: 74px;
	background-position: -3px -74px;
}

#SiteNavigation #Nav_MembersArea {
	top: 89px;
	background-position: -3px -89px;
}

#SiteNavigation #Nav_Events {
	top: 104px;
	background-position: -3px -104px;
}

#SiteNavigation #Nav_Forum {
	top: 119px;
	background-position: -3px -119px;
}

#SiteNavigation #Nav_Publications {
	top: 134px;
	background-position: -3px -134px;
}

#SiteNavigation #Nav_Book {
	top: 149px;
	background-position: -3px -149px;
	/*display: none !important;*/
}

#SiteNavigation #Nav_Links {
	top: 164px; /*149px*/
	background-position: -3px -164px;
}

#SiteNavigation #Nav_Sponsors {
	top: 179px; /*179px*/
	background-position: -3px -179px;
}

#SiteNavigation span {
	display: none;
}

#SiteNavigation {
	background: #fff url(../images/frontend/NewHeaderBackgroundBase.jpg) no-repeat left top;
	height: 195px;
/*	background: #fff url(../images/frontend/NewHeaderBackgroundBase_181.jpg) no-repeat left top;
	height: 181px;*/
	overflow: hidden;
}

#SiteTitle {
	display: none;
}

.formattedContent h1 { margin-top: 12px; margin-bottom: 12px; }
.formattedContent h2 { margin-top: 8px; margin-bottom: 8px; }
.formattedContent h3 { margin-top: 6px; margin-bottom: 6px; }

.formattedContent a {
  color: #777;
  font-style: italic;
  text-decoration: none;
  
}

.noItems {
  margin-top: 30px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #6b205e;
}


div.drophover {
  background-color: #FFF4D8;
  border:1px solid #E8A400;
}

/*=== ACTION LINKS (common) ===*/

.simpleLink {
  color: #777;
  font-style: italic;
  text-decoration: none;
}

.actionLink {
  padding-right: 18px;
  color: #777;
  font-style: italic;
  text-decoration: none;
  background: url(../images/frontend/link.gif) no-repeat right center;
}

.downloadLink {
  padding-right: 18px;
  color: #777;
  font-style: italic;
  text-decoration: none;
  background: url(../images/frontend/link.gif) no-repeat right center;
}

/*=== COMMON ===*/

.downloadError {
  margin: 150px auto 150px auto;
  width: 60%;
  text-align: center;
}

.downloadError h3 {
  font-weight: bold;
  font-size: 13px;
  color: #f00;
  margin-bottom: 30px;
}

.downloadError p {
  font-style: italic;
  font-size: 12px;
} 

ul.yearsBar li, ul.monthsBar li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

ul.yearsBar li a, ul.monthsBar li a {
  margin: 0 0 0 0;
  color: #919099;
  text-decoration: none;
}

ul.yearsBar li.active a, ul.monthsBar li.active a {
  color: #7f036c;
}

ul.yearsBar li.withBullet:after, ul.monthsBar li.withBullet:after {
  margin-right: 0px;
  content: "\B7";
  font-weight: bold;
}

/* === HOME === */

p.letter_from_president { }

div.signature {
	text-align: right;
	margin: 20px 0px;
	padding-right: 30px;
}

/*=== SPONSORS ===*/

ul.documents li div.image {
  float: left;
  margin-right: 15px;
}

ul.documents li div.informations {
  /*width: 245px;*/
}

div.documents div.row {
  margin-bottom: 20px;
}

div.documents div.image {
  float: left;
  margin-right: 15px;
}

div.documents div.informations {
  /*width: 245px;*/
}

div.documents p.linkDescription {
  width: 100%;
}

div.documents p.description span.title {
  font-weight: bold !important;
}

div.documents p.action {
  margin: 5px 0 10px 0;
  padding-bottom: 10px;
  text-align: right;
  border-bottom: 1px solid #ccc;
}

div.documents div.last p.action {
  border-bottom: 0px;
}

div.documents p.linkAction {
  text-align: left;
}

div.disclaimer {
	margin: 25px 0 30px 0;
}

div.bottom {
	margin-top: 0px !important;
}

ul.documents li.withThumbnail {
	padding-top: 10px;
	height: 100%;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

ul.documents li.last {
	border-bottom: 0px;
}

ul.documents li div.thumbnail {
	float: left;
	background-color: #e5e5e5;
	width: 90px;
	height: 90px;	
}

ul.documents li.withThumbnail p.title, ul.documents li.withThumbnail div.description, ul.documents li.withThumbnail p.action {
	margin-left: 100px !important;	
	border-bottom: 0px;
}

ul.documents li.withThumbnail p.title { font-weight: bold !important; }
ul.documents li.withThumbnail p.action { clear: both; }

/*=== SCIENTIFIC PUBLICATIONS ===*/

.searchForm {
  text-align: right !important;
  margin: 0px;
  padding: 0px;
}

p.searchResults {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}

p.searchResults span.number {
  font-style: italic;
}

p.searchResults span.keywords {
  font-weight: bold;
}

div.folderImage {
	margin-bottom: 15px;
}

div.folderDescription {
	margin-bottom: 15px;
}

/*=== PROGRAMS & EVENTS ===*/

ul.programsEvents {
  margin-top: 10px;
}

ul.programsEvents li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 4px 0 4px 0;
  border-top: 1px solid #ccc;
}

ul.programsEvents li p.title, ul.programsEvents li p.date, ul.programsEvents li p.time, ul.programsEvents li p.description {
  width: 78%;
}

ul.programsEvents li span.time {
	font-weight: normal;
	text-transform: lowercase;
}

ul.programsEvents li p.description {
  text-align: normal;
}

ul.programsEvents li p span {
  font-weight: bold;
  text-align: left;
}

ul.programsEvents li p.action {
  margin: 0px 0 5px 0;
  padding-bottom: 4px;
  text-align: right;
}

/*=== COMMITTEE DOCUMENTS ===*/

ul.committeeSectionBar li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

ul.committeeSectionBar li a {
  margin: 0 5px 0 0;
  color: #919099;
  text-decoration: none;
}

ul.committeeSectionBar li.active a {
  color: #7f036c;
}

ul.committeeSectionBar li.withBullet:after {
  margin-right: 0px;
  content: "\B7";
  font-weight: bold;
}

p.committeeTitle {
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

/*=== BOARD MEETINGS ===*/

p.calendarNavigation {
  text-align: center;
  margin-bottom: 15px;
  font-weight: bold;
  color: #6b205e;
  font-size: 14px;
}

p.calendarNavigation a {
  text-decoration: none;
  color: #6b205e;
  font-weight: normal;  
}

/*=== EVENT DETAIL ===*/

div.eventDetail {
  float: left;
  width: 275px;
  min-height: 390px;
  padding-right: 10px;
  background: #f7f6f4 url(../images/frontend/dots_grey.gif) repeat-y right top;  
}

div.simpleEventDetail {
  display: block;
  background: none;
  width: 100%;
}

div.eventDetail p, div.simpleEventDetail p {
  margin-bottom: 5px;
}

div.eventDetail p  span, div.simpleEventDetail p span {
  font-weight: bold;
  padding-right: 2px;
}

div.eventDetail span.time, div.simpleEventDetail span.time {
	font-weight: normal;
	text-transform: lowercase;
}

div.eventDetail p.description, div.simpleEventDetail p.description {
  text-align: normal;
}

div.eventFiles {
  float: left;
  width: 165px;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;  
}

div.eventFiles p.title {
  font-weight: normal;  
  border-bottom: 1px solid #ccc;
  padding-bottom: 2px;
  width: 100%;
}

div.eventFiles ul {
  margin: 10px 0 20px 0;
}

div.eventFiles ul li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
}

div.eventFiles p.noFiles {
  font-size: 11px;
  font-style: italic;
  margin: 10px 0 30px 0;
}

/*=== DOCUMENTS ===*/

ul.documents li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
}

ul.documents li p.description {
  text-align: normal;
  width: 83%;
}

ul.documents li p.linkDescription {
  width: 100%;
}

ul.documents li p.description span.title {
  font-weight: bold;
}

ul.documents li p.action {
  margin: 5px 0 10px 0;
  padding-bottom: 10px;
  text-align: right;
  border-bottom: 1px solid #ccc;
}

ul.documents li p.linkAction {
  text-align: left;
}

ul.documents li.last p.action {
  border: 0px;
}

/*=== BIOGRAPHIES ===*/

div.boardOfDirectors div.row, div.generalMembers div.row {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
}

div.boardOfDirectors div.row div.image {
  float: left;
  width: 100px;
  height: 100px;
  background-color: #d7d6d4;
  margin-right: 15px;
}

div.boardOfDirectors div.row div.informations {
  /*width: 245px;*/
  white-space: normal;
  text-align: left;
}

div.boardOfDirectors div.row div.informations p.name, div.generalMembers div.row p.name {
  font-weight: bold;
  margin-bottom: 10px;
}

div.boardOfDirectors div.row div.informations p.biography, div.generalMembers div.row p.biography {
  text-align: normal;
}

table.biographies {
	margin-top: 20px;
}

table.biographies td {
	padding-bottom: 20px;
	vertical-align: top;
}

table.biographies td.councilor {
	padding-right: 10px;
	width: 50%;
}

table.biographies td.member {
	padding-left: 10px;
	width: 50%;
}

table.biographies td p.name {
	font-weight: bold;
  margin-bottom: 10px;
}

table.biographies td p.biography {
  text-align: normal;
}

/*=== ANNUAL REPORTS === */

.annualReport {
  margin-top: 20px;
}

.annualReport p.title {
  font-weight: bold;
  margin-bottom: 10px;
}

.annualReport p.content {
  text-align: normal;
}

.annualReport p.action { 
  margin-top: 15px;
}

/*=== LOGIN === */

#notice {
	margin: 1em 0 5px;
	color: #f00;
	background-color: #fcc;
	border: 1px solid #c00;
	padding: 5px 5px 5px 30px;
	background: #fcc url(../images/icons/warning.gif) no-repeat 5px center;
	clear: both;
}

.success {
	background: #def url(../images/icons/info.gif) no-repeat 5px center !important;
	border: 1px solid #ccc !important;
	color: #333 !important;
}

#loginPanel, #forgottenPasswordPanel {
  margin-top: 25px;
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#forgottenPasswordPanel {
	width: 350px;
}

#loginPanel form, #forgottenPasswordPanel form { margin: 0px; padding: 0px; text-align: left; }

#loginPanel form dl, #loginPanel form dt, #loginPanel form dd {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

#forgottenPasswordPanel form dl, #forgottenPasswordPanel form dt, #forgottenPasswordPanel form dd {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

#loginPanel form dl, #forgottenPasswordPanel form dl  {
	clear: both;
	padding: 8px 0;
	float: left;
	width: 100%;
}

#loginPanel form dt, #forgottenPasswordPanel form dt {
	width: 22%;
	float: left;
	clear: both;
	font-weight: bold;
}

#forgottenPasswordPanel form dt {
	width: 50%;
}

#loginPanel form dd, #forgottenPasswordPanel form dd  {
	float: right;
	text-align: left;
	width: 77%;
	margin-top: -4px;
}

#forgottenPasswordPanel form dd  {
	width: 50%;
}

#loginPanel form .text-field, #loginPanel form .text-box, 
#forgottenPasswordPanel form .text-field, #forgottenPasswordPanel form .text-box {
	width: 100%;
	font-size: medium;
	margin: 0;
}

#loginPanel form .text-field, #forgottenPasswordPanel form .text-field {
	font-weight: bold;
}

#loginPanel form .actions, #forgottenPasswordPanel form .actions {
	clear: both;
	text-align: center;
	padding: 5px;
}

#loginPanel form .actions a, #forgottenPasswordPanel form .actions a {
	color: #6f025d;
}

#loginPanel form p.additionnalActions, #forgottenPasswordPanel form p.additionnalActions {
  margin-top: 30px;
}


/*=== FORMS === */


.form {
  margin-top: 20px;
}

.form dl, .form dt, .form dd {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

.errorExplanation, .form .inlineError {
	margin: 1em 0 5px;
	color: #f00;
	background-color: #fcc;
	border: 1px solid #c00;
	padding: 5px 5px 5px 30px;
	background: #fcc url(../images/icons/warning.gif) no-repeat 5px center;
	clear: both;
}

.form dl {
	clear: both;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	float: left;
	width: 100%;
}

.form dt {
	width: 24%;
	float: left;
	clear: both;
	font-weight: bold;
}

.form dd {
	float: right;
	text-align: left;
	width: 75%;
}

.form .text-field, .form .text-box {
	width: 100%;
	font-size: medium;
	margin: 0;
}

.form .text-field {
	font-weight: bold;
}

.form .actions {
	clear: both;
	text-align: center;
	padding: 5px;
	/*background: #dedede;*/
	border-bottom: 1px solid #ccc;
}

.form .actions a {
  color: #6b205e;
}


.video {
	margin: 20px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

	.video.last {
		border-bottom: none;
	}

	.video .title {
		font-size: 18px;
		margin: 10px 0;
		line-height: 1.2;
	}
	
	  .video .title a {
	    color: #6b205e;
	    text-decoration: none;
	  }
	  
	    .video .title a:hover {
  	    text-decoration: underline;
  	  }
	
	.video .author {
	  margin: 5px 0;
	  font-style: italic;
	}
	
	.video .description {
	  margin: 8px 0;
	}
	
	.video .video_container {
		text-align: center;
	}

#video_acknowledgements h4 {
  margin: 10px 0;
  font-size: 12px;
}
	
#video_acknowledgements p {
  margin: 10px 0;
  line-height: 1.5;
}

.markdown p {
	margin-bottom: 10px;
}


.markdown ul, .markdown li { margin-left: 15px; list-style-type: disc; }
.markdown ol li { list-style-type: decimal !important; }
.markdown li { display: list-item; }


/* ToolTip */
.tooltip {
	position: absolute;
	top: 0px;
	left: 70px;
}



.inner a {
	color: #777777;
	text-decoration: none;
}