/* --------------------------------------------------------------- */
/* GLOBAL STYLES */

BODY {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}

HTML {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}

.button {
color: #ff0000;
font-weight: bold;
}

.first {
margin-top: 0px;
}

.last {
margin-bottom: 0px;
}

.textRight {
text-align: right;
}

H1 {
font-weight: bold;
margin: 0px 0px 16px 0px;
}

H2, H3, H4, H5, H6 {
font-weight: bold;
margin: 16px 0px 16px 0px;
}

STRONG {
font-weight: bold;
}

EM {
font-style: italic;
}

A {
color: #3f8ab0;
}

A:hover {
color: #f7931d;
}

P {
margin: 16px 0px;
}

UL.copyUL {
margin-left: 16px;
}

UL.copyUL LI {
list-style-type: disc;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 20px;
}

UL.list {
margin: 16px 0px;
}

UL.list LI.name {
font-weight: bold;
}



DIV#page {
position: relative;
height: 100%;
width: 100%;
}

DIV#verticalContainer {
position: absolute;
top: 50%;
left: 50%;
margin: -300px 0px 0px -500px;
}

DIV#masterContainer {
height: 600px;
width: 1000px;
margin: 0 auto 0 auto;
background-color: #fff;
}

DIV#topContainer {
height: 126px;
padding: 53px 0px 0px 29px;
}





/* --------------------------------------------------------------- */
/* TOP NAVIGATION */

DIV#logo {
height: 70px;
width: 249px;
margin: 12px 0px 0px 0px;
background: url(../img/clta.gif) no-repeat;
}

	DIV#logo A {
	display: block;
	height: 84px;
	width: 167px;
	text-indent: -9999px;
	}
	
DIV#navTop {
position: relative;
height: 25px;
width: 607px;
margin: 0px 0px 0px 0px;
padding: 0px 44px 0px 0px;
text-indent: -9999px;
}

	DIV#navTop A#navMembersLogin {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 25px;
	width: 86px;
	background: url(../img/navTop.gif) no-repeat;
	}
	
		DIV#navTop A#navMembersLogin:hover {
		background-position: 0px -25px;
		}
		
	DIV#navTop A#navFrancais {
	position: absolute;
	top: 0px;
	left: 571px;
	display: block;
	height: 12px;
	width: 36px;
	background: url(../img/navTop.gif) no-repeat;
	background-position: -571px -15px;
	}
	
		DIV#navTop A#navFrancais:hover {
		background-position: -571px -27px;
		}
		
		

/* --------------------------------------------------------------- */
/* MAIN NAVIGATION */

DIV#navMain {
position: relative;
height: 10px;
width: 607px;
margin: 47px 0px 0px 0px;
padding: 0px 44px 0px 0px;
text-indent: -9999px;
}


	DIV#navMain A#navMainHome {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 10px;
	width: 39px;
	background: url(../img/navMain.gif) no-repeat;
	}
	
		DIV#navMain A#navMainHome:hover, BODY#home DIV#navMain A#navMainHome {
		background-position: 0px -10px;
		}
	
	DIV#navMain A#navMainAbout {
	position: absolute;
	top: 0px;
	left: 51px;
	display: block;
	height: 10px;
	width: 70px;
	background: url(../img/navMain.gif) no-repeat;
	background-position: -51px 0px;
	}
	
		DIV#navMain A#navMainAbout:hover, BODY#about DIV#navMain A#navMainAbout {
		background-position: -51px -10px;
		}
		
	DIV#navMain A#navMainMembers {
	position: absolute;
	top: 0px;
	left: 133px;
	display: block;
	height: 10px;
	width: 109px;
	background: url(../img/navMain.gif) no-repeat;
	background-position: -133px 0px;
	}
	
		DIV#navMain A#navMainMembers:hover, BODY#members0 DIV#navMain A#navMainMembers, BODY#members1 DIV#navMain A#navMainMembers, BODY#members2 DIV#navMain A#navMainMembers, BODY#members3 DIV#navMain A#navMainMembers {
		background-position: -133px -10px;
		}
		
	DIV#navMain A#navMainEvents {
	position: absolute;
	top: 0px;
	left: 255px;
	display: block;
	height: 10px;
	width: 61px;
	background: url(../img/navMain.gif) no-repeat;
	background-position: -255px 0px;
	}
	
		DIV#navMain A#navMainEvents:hover, BODY#events DIV#navMain A#navMainEvents {
		background-position: -255px -10px;
		}
		
	DIV#navMain A#navMainPublications {
	position: absolute;
	top: 0px;
	left: 329px;
	display: block;
	height: 10px;
	width: 149px;
	background: url(../img/navMain.gif) no-repeat;
	background-position: -329px 0px;
	}
	
		DIV#navMain A#navMainPublications:hover, BODY#publications DIV#navMain A#navMainPublications {
		background-position: -329px -10px;
		}
		
	DIV#navMain A#navMainFaqs {
	position: absolute;
	top: 0px;
	left: 491px;
	display: block;
	height: 10px;
	width: 22px;
	background: url(../img/navMain.gif) no-repeat;
	background-position: -491px 0px;
	}
	
		DIV#navMain A#navMainFaqs:hover, BODY#faqs DIV#navMain A#navMainFaqs {
		background-position: -491px -10px;
		}
		
	DIV#navMain A#navMainContact {
	position: absolute;
	top: 0px;
	left: 526px;
	display: block;
	height: 10px;
	width: 81px;
	background: url(../img/navMain.gif) no-repeat;
	background-position: -526px 0px;
	}
	
		DIV#navMain A#navMainContact:hover, BODY#contact DIV#navMain A#navMainContact {
		background-position: -526px -10px;
		}




/* --------------------------------------------------------------- */
/* EVENTS NAVIGATION */

DIV#navEvents {
position: relative;
height: 12px;
width: 435px;
background: url(../img/navEvents.gif) no-repeat;
margin: 18px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-indent: -9999px;
}

	DIV#navEvents A#navEvents1 {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 12px;
	width: 59px;
	background: url(../img/navEvents.gif) no-repeat;
	}
	
		DIV#navEvents A#navEvents1:hover {
		background-position: 0px -12px;
		}
		
	DIV#navEvents A#navEvents2 {
	position: absolute;
	top: 0px;
	left: 86px;
	display: block;
	height: 12px;
	width: 79px;
	background: url(../img/navEvents.gif) no-repeat;
	background-position: -86px 0px;
	}
	
		DIV#navEvents A#navEvents2:hover {
		background-position: -86px -12px;
		}
		
	DIV#navEvents A#navEvents3 {
	position: absolute;
	top: 0px;
	left: 192px;
	display: block;
	height: 12px;
	width: 93px;
	background: url(../img/navEvents.gif) no-repeat;
	background-position: -192px 0px;
	}
	
		DIV#navEvents A#navEvents3:hover {
		background-position: -192px -12px;
		}
		
	DIV#navEvents A#navEvents4 {
	position: absolute;
	top: 0px;
	left: 313px;
	display: block;
	height: 12px;
	width: 122px;
	background: url(../img/navEvents.gif) no-repeat;
	background-position: -313px 0px;
	}
	
		DIV#navEvents A#navEvents4:hover {
		background-position: -313px -12px;
		}




/* --------------------------------------------------------------- */
/* MEMBERS NAVIGATION */

DIV#navMembers {
position: relative;
height: 12px;
width: 152px;
margin: 18px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-indent: -9999px;
}

	DIV#navMembers A#navMembers1 {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 12px;
	width: 152px;
	background: url(../img/navMembers.gif) no-repeat;
	}
	
		DIV#navMembers A#navMembers1:hover, BODY#members1 DIV#navMembers A#navMembers1 {
		background-position: 0px -12px;
		}
		
	DIV#navMembers A#navMembers2 {
	position: absolute;
	top: 0px;
	left: 226px;
	display: block;
	height: 12px;
	width: 166px;
	background: url(../img/navMembers.gif) no-repeat;
	background-position: -226px 0px;
	}
	
		DIV#navMembers A#navMembers2:hover, BODY#members2 DIV#navMembers A#navMembers2 {
		background-position: -226px -12px;
		}
		
	DIV#navMembers A#navMembers3 {
	position: absolute;
	top: 0px;
	left: 428px;
	display: block;
	height: 12px;
	width: 122px;
	background: url(../img/navMembers.gif) no-repeat;
	background-position: -428px 0px;
	}
	
		DIV#navMembers A#navMembers3:hover, BODY#members3 DIV#navMembers A#navMembers3 {
		background-position: -428px -12px;
		}
		
		
		
		
		
/* --------------------------------------------------------------- */
/* CONTENT */
	
DIV#contentContainer {
height: 421px;
padding: 0px 7px 0px 20px;
}

DIV#content {
font-family: Arial;
font-size: 12px;
line-height: 18px;
color: #000;
height: 381px;
width: 516px;
float: right;
overflow: auto;
padding: 20px 52px 20px 0px;
}

	
DIV#backToTop {
height: 50px;
overflow: hidden;
}

/* --------------------------------------------------------------- */
/* PAGE-SPECIFIC STYLES */



/* --------------------------------------------------------------- */
/* HOME */

BODY#home DIV#contentContainer {
background: url(../img/home.jpg) no-repeat;
}



/* --------------------------------------------------------------- */
/* ABOUT US */

BODY#about DIV#contentContainer {
background: url(../img/about.jpg) no-repeat;
}



/* --------------------------------------------------------------- */
/* MEMBERS/SUPPORTERS */

BODY#members0 DIV#contentContainer, BODY#members1 DIV#contentContainer, BODY#members2 DIV#contentContainer, BODY#members3 DIV#contentContainer {
background: url(../img/members.jpg) no-repeat;
}

UL.memberLinks {

}

UL.memberLinks LI {
}

DIV#link1 {
width: 173px;
float: left;
}

DIV#link2 {
float: left;
clear: right;
width: 110px;
margin: 0px 0px 0px 50px;
}

UL.memberLinks A {
color: #f7941d;
font-weight: bold;
}

DIV.membersTable {
width: 400px;
}


DIV.associateTable {
width: 480px;
margin: 16px 0px;
}

DIV.associateTableLeft {
width: 240px;
font-weight: bold;
}

DIV.associateTableRight {
width: 240px;
}

DIV.associateTableLinks {
padding: 20px 0px 0px 0px;
}

DIV#waiver {
position: absolute;
top: 50%;
left: 50%;
height: 500px;
width: 600px;
margin: -250px 0px 0px -300px;
padding: 20px;
background-color: #ccc;
overflow: auto;
}

#associate1, #associate2, #associate3, #associate4, #associate5, #associate6, #associate7, #waiver {
display: none;
}

A.joinNow {
display: block;
height: 27px;
width: 73px;
background: url(../img/joinNow.gif) no-repeat;
text-indent: -9999px;
}

A.joinNow:hover {
background-position: 0px -27px;
}

A.associateMemberLink {
display: block;
height: 27px;
width: 120px;
background: url(../img/associateMember.gif) no-repeat;
text-indent: -9999px;
}

A.associateMemberLink:hover {
background-position: 0px -27px;
}

A.supporterLink {
display: block;
height: 27px;
width: 86px;
background: url(../img/supporter.gif) no-repeat;
text-indent: -9999px;
}

A.supporterLink:hover {
background-position: 0px -27px;
}



/* --------------------------------------------------------------- */
/* EVENTS */

BODY#events DIV#contentContainer {
background: url(../img/events.jpg) no-repeat;
}

SPAN.supFrench {
position: relative; 
top: -5px;
font-size: 9px;
}

/* --------------------------------------------------------------- */
/* PUBLICATIONS */
BODY#publications DIV#contentContainer {
background: url(../img/publications.jpg) no-repeat;
}



/* --------------------------------------------------------------- */
/* FAQs */

BODY#faqs DIV#contentContainer {
background: url(../img/faqs.jpg) no-repeat;
}



/* --------------------------------------------------------------- */
/* CONTACT US */

BODY#contact DIV#contentContainer {
background: url(../img/contact.jpg) no-repeat;
}

P.legal {
font-size: 10px;
line-height: 14px;
}