/********************* FRAME ******************/
.mainbody {
	margin: 0;
	font-family: arial;
	font-size: 14px;  /* was 12px; */
	color: #036A6E;  /* Also used by adm pages */
}
.topspacerrow {  
	height: 0px;
}
.logorow {
	background-image: url(Logo.png);
	width:900px;
	height:130px;
}
.loginrow {
	text-align:right;
}
.preamblelogin { /* login info in preamble (page header picture) */
	/* position: absolute; 
	left: 0px; 
	top: 3px;
	min-width: 700px;
	text-align: right; */
	float: right; 
	margin-right: 2px;
	font-size: .8em;
	color: white;
}
.preamblelogin a
{
	color: white;
}
.preamblelogin a:link {text-decoration: none;}     /* unvisited link */
.preamblelogin a:visited {text-decoration: none;}  /* visited link */
.preamblelogin a:hover {text-decoration: underline;}   /* mouse over link */
.preamblelogin a:active {text-decoration: none;}   /* selected link */

.spacerrow {  
	height: 23px;
	clear: both;
}

/********************* COLUMNS ******************/
.column1 {
	clear:left;
	float:left;
	width:700px;
}
.column2 {
	float:right;
	width:200px;
}
/* remainder not used anymore */
.column3 {
	float:left;
	margin-left:23px;
	width:183px;
}
.column23 {
	float:left;
	margin-left:23px;
	width:736px; /* columns 2 and 3 combined 530+23+183 */
}
.halfwidth1 {
	clear:left;
	float:left;
	width:438px;
}
.halfwidth2 {
	float:left;
	margin-left:23px;
	width:439px;
}
.fullwidth { 
	clear:left;
}
.clear {
	clear:both;
}

/********************* ARTICLE BOXES ******************/
.rounded-tl {
	/* background: url(tl.gif) top left no-repeat; */
}
.rounded-tr {
	/* background: url(tr.gif) top right no-repeat; */
}
.rounded-bl {
	/* background: url(bl.gif) bottom left no-repeat; */
}
.rounded-br {
	/* background: url(br.gif) bottom right no-repeat; */
}

.boxdefault {
	background-color:White;
	margin-bottom:23px;
}
.submenubox {
	background-color: #E9F701; 
	margin-bottom:23px;
}
.flashboxpage1 {
	background-color:#83f903;
	margin-bottom:23px;
}

/********************* MENU ******************/
.menurow {
	height: 26px;  /* was 22px */
	vertical-align:top;
}
.menu {
	height: 19px;
	text-align: center;
	font-family: "Arial Rounded MT Bold",Arial,"AvantGarde Bk BT";  /* il faudra des boutons graphiques */
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #ffffff;
}	
.menu p.activeitem:first-letter {
	color: #ff0000;
}
.menu a {
	display:block; /* Otherwise underlining does not work in Firefox */
}
.menu a:link {color: #FFFFFF; text-decoration: none;}     /* unvisited link */
.menu a:visited {color: #FFFFFF; text-decoration: none;}  /* visited link */
.menu a:hover {color: #FFFFFF; text-decoration: underline;}   /* mouse over link */
.menu a:active {color: #FFFFFF; text-decoration: none;}   /* selected link */


/* Active menu or submenu item has its first letter red.
    It would be nice to use :first-letter for this but that does not work
	because :first-letter can only be applied to block-level elements and if
	I apply it to <li> then the bullet is also changed to red.
	This does work for <h1> however.
*/
span.activeitem {
	color: #ff0000;
}

/********************** BREADCRUMBS ****************************/
.breadcrumbswrapper {
	padding-bottom:30px;  /* to create extra space below breadcrumbs */
}
.breadcrumbs {
    float:left; /* float so that it shrinkwraps to the size of its contents */
	padding:3px;
	/* background-color:#f5f5ed; */
}
.breadcrumbs a, .breadcrumbs a:visited, .breadcrumbs a:active {
	color:#502d14;  /* brown */
}
.breadcrumbs a:hover {
	text-decoration:none;
}

/********************* CATEGORY MENU (ACCORDION) ******************/
#catmenu {
	width:200px; 
	list-style:none; 
	color:#033; 
	margin:0 auto 40px;
}
#catmenu h2 {
	width:186px;
	border:1px solid #502d14;  /* was bluish grey #9ac1c9; */
	padding:10px 6px 4px 6px;  /* was 6 6 8 */
	font-weight:bold;
	margin-top:5px;
	cursor:pointer;
	background:url(TinyAccordion/header.gif);
}
#catmenu h2:hover {
	background:url(TinyAccordion/header_over.gif);
}
#catmenu .catmenu-selected {
	background:url(TinyAccordion/header_over.gif);
}
#catmenu .catmenu-section {
	overflow:hidden;
	background:#fff;
}
#catmenu .catmenu-content {
	width:183px;
	padding:15px 5px 15px 10px;
	border:1px solid #502d14;  /* was #9ac1c9; */
	border-top:none;
	background:#fff;
}
#catmenu .catmenu-content p {
	height:30px;
}
#catmenu a, #catmenu a:visited, #catmenu a:active {
	color:#502d14;  /* brown */
}
#catmenu a:hover {
	text-decoration:none;
}
#catmenu img {
		vertical-align:middle;
		margin-right:5px;
}

/********************* SUBMENU ******************/
.submenu {
	padding: 6px 6px 13px 6px; 
	/* font-size: 1em; */
}	
.submenu h1 {
	font-size: 1.5em;
	font-weight: normal;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 12px;
}
.submenu h1:first-letter { 
	color: #ff0000;
}	
.submenu p {
	margin-top: 6px;
	margin-bottom: 0;
	padding-left: 6px;
	text-indent: -6px;
}
.submenu p.activeitem:first-letter {
	color: #ff0000;
}

.submenu ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.submenu li.activeitem:first-letter { /* not used; this colors the bullet red as well */
	color: #ff0000;
}
.submenu a {
	/* display:block; No, don't do this otherwise text goes to newline in Firefox */
}
.submenu a:link {color: #502d14; text-decoration: none;}     /* unvisited link */
.submenu a:visited {color: #502d14; text-decoration: none;}  /* visited link */
.submenu a:hover {color: #502d14; text-decoration: underline;}   /* mouse over link */
.submenu a:active {color: #502d14; text-decoration: none;}   /* selected link */

/********************* LOGIN BOX on HOME PAGE ******************/
.login {
	font-size: .8em;
}

/********************* ARTICLE TEXT ****************************/
.article {
	padding: 0px 6px 3px 0; /* was 6 6 3 6 */ 
	/* font-size: 1em; */
}
/* .articletitle { font-size: 24 px }  deprecated */
.article h1 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 12px;
}
.article h2 {
	margin-top: 12px;
	padding-top:4px;
	margin-bottom:10px;
}
.article p, .article ul {
	padding-bottom:1px;
	margin-bottom:6px;
	/* text-indent: 12px; */
}
.article p.quote {
	font-family: Courier New, Courier;
	font-size: 0.9em;
	text-indent: 0px;
}
.article p em {
	font-style:italic;
}
.article li {
	list-style-position:inside;
}

/* .article a:link {color: #036A6E}     /* unvisited link */
/* .article a:visited {color: #036A6E}  /* visited link */
/* .article a:hover {color: #0000FF}   /* mouse over link */
/* .article a:active {color: #0000FF}   /* selected link */


/********************* At Home AND SIMILAR PAGES ****************************/

.athome {
	padding:20px 0 20px 0; 
	/* float:left; */ /* otherwise margin doesn't have much effect - but this breaks IE9 Compatibility View */
	clear:both;
}
.athome_image {
	float:left;
}
.athome_text {
	float:left;
	width:375px;
	padding:5px 0 0 20px;
}
.athome_text p {
	margin-top:6px;
}
.athome ul {
	padding-left:15px;
}
.athome_text li {
	list-style-position:outside;  /* this is the default */
}
.athome_button {
	margin:0px 0 50px 0;
}
.athome_button p {
	margin-top:6px;
}
.athome_buttonbox {
	text-align:center;
}

/************** DOCUMENT DESCRIPTION *********************/
.docdesc {
	padding: 18px 6px 13px 6px; 
	/* font-size: 1em; */
}

.docdesc h1, .docsheet h1 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 12px;
}
.docdesc p, docsheet p {
	margin-bottom: 6px;
	/* text-indent: 12px; */
}

.docdesc ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

/* .docdesc a:link {color: #036A6E}     /* unvisited link */
/* .docdesc a:visited {color: #036A6E}  /* visited link */
/* .docdesc a:hover {color: #0000FF}   /* mouse over link */
/* .docdesc a:active {color: #0000FF}   /* selected link */

/********* DOCUMENT THUMBNAIL AND PRINT BUTTON **********/
.docsheet {
	/* margin: 20px 0 0 200px; */
	padding: 6px 6px 6px 6px; 
}

/* .docsheet a:link {color: #036A6E}     /* unvisited link */
/* .docsheet a:visited {color: #036A6E}  /* visited link */
/* .docsheet a:hover {color: #0000FF}   /* mouse over link */
/* .docsheet a:active {color: #0000FF}   /* selected link */

/******************** CONDITIONS ************************/

.conditions {
	padding: 6px 6px 3px 6px; 
	/* font-size: 1em; */
}
.conditions h1 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 12px;
}
.conditions h2 {
	margin-top:15px;
	margin-bottom:5px;
}
.conditions p {
	margin-bottom: 6px;
	text-indent: 12px;
}	
.conditions ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 12px; 
	padding-left: 12px; /* for Firefox */
	margin-top: 0;
	margin-bottom: 12px;
}	
.conditions li {
}	

/********************* TABLES ****************************/

#comparetable td { 
	padding:3px 8px;
	color:#7a654a;
	font-size:12px;
	height:28px;
	text-align:center;
	width:100px;
}
#comparetable td:first-child {
	text-align:left;
	width:250px;
}

#comparetable .price {
	color:red;
	font-weight:bold;
}

/********************* OTHER ****************************/
.thumbnail { 
	text-align: center;
	font-size: 0.8em;
}
.thumbnail a, .thumbnail a:link, .thumbnail a:visited, .thumbnail a:active {
	color:#502d14;  /* brown */
}
.thumbnail a:hover {
	text-decoration:none;
}

/***  Not used (was on old home page
a.icon:link {text-decoration:none}
a.icon:visited {text-decoration:none}
a.icon:hover {text-decoration:underline}
a.icon:active {text-decoration:none}
***/

.warning {
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 90%;
    font-weight: bold;
    color: red;
}
.warning a:link {color: red}
.warning a:visited {color: red}
.warning a:hover {color: blue}
.warning a:active {color: red} /* active must come after hover */

.sharethis {
	text-align: right;
	padding: 4px 10px 4px 0;
}

.popuplink {
	text-decoration:underline;
	cursor:pointer;
}
.popuplink:hover {
	text-decoration:none;
}
input[type=submit], input[type=button] {
 cursor: pointer;
}

/************* PRINT CONFIRMATION DIALOG WINDOW *********/
.printconfirm {
	margin: 12px;
	text-align: center;
	font-family: arial;
	font-size: 1.1em;
	color: #036A6E; 
}

/************ WITHIN AMEMBER PAGES ****************/
.noborder td {
	border: none;
	padding: 0px;
}

/************ EDUCATIONAL PAGES ****************/
.EducTable {
	width: 95%;
	border-collapse:separate;
	border: 1px solid;
	border-spacing: 1px;
	margin: 10px;
}
.EducTable th {
	font-weight:bold;
}
.EducTable th, .EducTable td {
	padding: 5px;
	border: 1px solid; 
}
.EducTable em {
	font-style:italic;
}