html { height: 100%; }
body { font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; height: 100%; }
table.height { height: 99%; }
table.heighthome { height: auto; }
p { margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
td, li { font-family: Arial, Helvetica, sans-serif; }

/*STRUCTURE */
#container { width: 760px; top: 0px; }

#topbar { position: relative; width: 760px; top: 0px; border-bottom: 1px solid #999; text-align: left; margin:0px}
#topbar div.logo { width: auto; padding: 22px 0px 17px; }

#foot { width: 760px; border-top: 1px solid #999; bottom: 99%; text-align: left; }
#legalese { float: right; position: relative; width: auto; padding: 14px 0px 0px; margin:0; text-align: right; font-size: 10px; color: #666;}
#legalese span { padding-left: 20px; }
#legalese a { color: #666; }
#legalese a:hover { color: #00F; }

#legalese2 { float: left; position: relative; width: auto; padding: 14px 0px 0px; margin:0; text-align: left; font-size: 12px; color: #666;}
#legalese2 span { padding-left: 20px; }
#legalese2 a { color: #666; }
#legalese2 a:hover { color: #00F; }

#tag { float:left; position: relative; width: auto; text-align: left; padding: 8px 0px; color: #777; font-size: 17px; font-weight: bold;}
#tagr { float:right; position: relative; width: auto; text-align: right; padding: 8px 0px; color: #777; font-size: 14px; font-weight: bold;}

/* CONTENT */
#title { width: 760px; height: 55px; text-align: left; margin:0px; }
h1 { margin:0; padding: 15px 0px 0px 201px; font-size: 22px; font-weight: normal; color: #FA1300; text-transform: uppercase;}
h2 { font-size: 12px; padding: 0px; font-weight: bold; margin: 2px 0 0; color: #666; text-transform:uppercase; }
	html>body h2 { margin: 1px 0 0; }
h3 { margin:0 0 0.2em; font-size: 12px; font-weight: bold; }
h4 { margin:0; padding: 15px 0px 0px 2px; font-size: 22px; font-weight: normal; color: #FA1300; text-transform: uppercase;}
h5 { margin: 0; font-size: 14px; font-weight: bold; color: #777; font-family: Arial, Helvetica, sans-serif; }


form h2 { padding-bottom: 6px; }

#content { float: right; position: relative; width: 558px; padding: 0px; text-align: left; margin:0px 0px 20px; color: #222; }
#content p { line-height: 1.5em; }
#content ul { font-size: 12px; margin: 1.4em 0 1.6em 1.3em; padding: 0; }
#content ol { font-size: 12px; margin: 1.4em 0 1.6em 1.9em; padding: 0; }
#content li { margin-bottom: 0.4em; line-height: 1.5em;}
#content table.content { width: 528px; }
#content td.right { width: 256px; padding-top: 0px; }
#content .small { font-size: 10px; }

.event { color: #17B31F; }

table.form input { height: 13px; font-size: 10px; margin-bottom: 4px;}
table.form select { height: 17px; font-size: 10px; margin-bottom: 4px; padding: 0px; }
table.form input.bouton { height: auto; padding: 2px 18px; }
form input.check { margin: 3px 4px 6px; vertical-align:middle; }

/* NAVIGATION */
#menu { float:right; height: 68px; visibility: visible; }
#menu table { height: 62px; }
#menu ul { list-style: none; margin: 0px 0px 5px; padding: 0px; display: inline; }
#menu ul li { display: inline; font-size: 12px; padding-left: 15px; margin: 0px; }
#menu a { color: #777; font-weight: bold; text-decoration: none; letter-spacing: 0px; }
#menu a:hover { color: #00F; }
#menu a.select { color: #FA1300; }

#submenu { float:left; position: relative; width: 162px; text-align: right; }
#submenu ul { list-style: none; margin: 4px 0px 0px; padding: 0; } 
	html>body #submenu ul { margin: 2px 0px 0px; }
#submenu ul li { margin: 0px 0px 1.8em 0px; padding: 0; font-size: 12px; line-height: 1em;}
#submenu a { color: #666; text-decoration:none; font-weight: bold;}
#submenu a:hover { color: #00F; }
#submenu a.select { color: #FA1300; }

table.rightnav td { text-align:left; } 
table.rightnav h3 { text-transform: uppercase; }
table.rightnav p { margin: 0; line-height: 1.5em; }
table.rightnav a { color: #666; text-decoration: none; font-weight: bold; }
table.rightnav a:hover { color: #00F; }
table.rightnav a.select { color: #FA1300; }


/* PULLOUTS */
h6 { color: #222; font-size: 12px; font-weight: bold; margin:0 0 2px; }
div.imgr { float: right; padding: 3px 0px 1em 1em; }
div.imgl { float: left; padding: 3px 1em 1em 0px; }

table.pullout { margin: 0px 0px 32px; width: 218px; text-align: left;}
table.pullout td, table.pullout p { font-size: 11px; color: #222; padding: 0px; line-height: 1.5em; }
table.pullout td { padding: 1px 0px 0px;  }
table.pullout ul { margin: 1.4em 0 1.6em 1.5em; padding: 0; }
table.pullout li { font-size: 11px; margin-bottom: 0.4em; line-height: 1.5em;}
table.pullout td.head { border-bottom: 1px solid #AAA; }
table.pullout img { margin-bottom: 2px; }

table.pullimg { margin: 0px 0px 32px; width: 218px; text-align: right;}
table.pullimg td, table.pullimg p { font-size: 11px; color: #222; padding:0; line-height: 1.5em; }
table.pullimg td { padding-top: 4px; }
table.pullimg img { margin-bottom: 2px; }

table.pull2up { margin: 0px 0px 32px; width: 218px; text-align: left;}
table.pull2up td, table.pull2up p { font-size: 11px; color: #222; padding: 0px; line-height: 1.5em; }
table.pull2up td { padding: 7px 0px 0px; text-align: right; }
table.pull2up td.head { border-bottom: 1px solid #AAA; text-align: left;}
table.pull2up img { margin-bottom: 2px; }

table.quote { margin: 0px 0px 32px; width: 218px; text-align: right; }
table.quote td, table.quote p { font-size: 16px; color: #666; line-height: 1.5em; padding: 1px 0px 4px;}
table.quote td.src, table.quote td.src p { font-size: 10px; color: #444; text-align: right; }

table.quotemain { margin: 0px 0px 32px; width: 100%; text-align: left; }
table.quotemain td, table.quotemain p { font-size: 14px; color: #444; line-height: 1.5em; padding: 1px 0px 0px; }
table.quotemain td.src { font-size: 10px; color: #222; text-align: right; padding-bottom: 4px; /* border-bottom: 1px solid #DDD; */}

table.quotepull { margin: 4px 0px 32px; width: 100%; text-align: left; background: #FFF; border-bottom: 0px solid #AAA; }
table.quotepull td { font-size: 14px; color: #555; line-height: 1.5em; padding: 4px 4px 4px 0px; }
table.quotepull td.head { font-size: 12px; font-weight:bold; text-transform: uppercase; color: #666; border-bottom: 1px solid #AAA; text-align: left; padding: 0px 2px 3px 0px;}
table.quotepull p { font-size: 14px; color: #555; line-height: 1.5em; }
table.quotepull td.src { font-size: 10px; color: #222; text-align: right; padding-bottom: 7px; }

/* HOMEPAGE */
#homecontent { float: right; position: relative; width: 760px; padding: 0px; text-align: left; margin:0px 0px 20px; color: #222; }
#homecontent p { line-height: 1.5em; }
#homecontent table.content { width: 730px; }
#homecontent td.right { width: 430px; padding-top: 0px; }
#homecontent .small { font-size: 10px; }

table.square { margin: 0px 0px 16px; width: 332px; text-align: right;}
table.square td, table.pullimg p { font-size: 11px; color: #222; padding:0; line-height: 1.5em; }
table.square td { padding-top: 4px; }
.blackborder {
	border: 1px solid #000000;
}

