/* general tag styles */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 0;
	margin: 8px 0 0 0;
	text-align: center;
	font-size: 75%;
	background: #fff;
}

p, td, li, form, label {
	font-size: 1em;
}

td, ul, ol, li, form, input, select {
	padding: 0;
	margin: 0;
}

img {
	padding: 0;
	border: 0;
}

p {
	line-height: 140%;
	padding: 0 0 10px 0;
	color: #333333;
	font-weight: normal;
	border: 0;
	margin: 0;
}

p.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
} 

div.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
} 

h1, h2 {
    font-size: 1.3em;
	line-height: 120%;
	padding: 0 0 10px 0;
	border: 0;
	margin: 0;
	color: #FF9933;
}

h3, h4 {
    font-size: 1.6em;
	line-height: 120%;
	padding: 10px 15px;
	border: 0;
	margin: 0 0 10px 0;
	color: #fff;
	background: #7FD6F7;
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
}

h5, h6 {
	font-size: x-small;
	padding: 10px 0 2px 0;
	border: 0;
	margin: 0;
}

select {
	font-size: x-small;
}

a {
	color: #00AEEF;
	text-decoration: none;
}

a:hover {
	color: #00AEEF;
	text-decoration: underline;
}

label {
	color: #333;
}

.em-note {
  font-style: italic;
}

sup {
    font-size: 1em;
    vertical-align: baseline;
    position: relative;
   	bottom: 0.36em;
}

sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}

/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}

/* main containers */ 

#main-container {
	text-align: left; 
	margin: 0 auto;
	width: 963px;
}

/* header */

#header {
	margin: 0 0 20px 0;
}

#logo {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
}

#util {
	float: right;
	font-size: 0.9em;
	margin: 0 18px 0 0;
}

#util a {
	color: #00AEEF;
}

#util .align-right {
	margin: 0 12px 0 0;
	padding: 0;
}

.align-right {
	 text-align: right;
}

/* home banner */

#banner {
	border: 8px solid #00AEEF;
	background: url(/images/corner.jpg) left top no-repeat;
	margin: 0 5px 2px 0;
}

.home-l {
	float: left;
	padding: 41px 0 0 69px;
	width: 422px;
	margin: 0 0 -1px 0;
}

.home-l img {
	vertical-align: -0.5em;
}

.no {
	color: #00AEEF;
	font-size: 3.2em;
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.yellow {
	color: #FF9933;
	font-size: 3.2em;
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.home-r {
	float: right;
	margin: -53px 0 -1px 0;
}

#banner ul.links-list li a {
	font-size: 1.1em;
}

.home-l ul.links-list {
	float: left;
	margin: 0 35px 0 0;
}

.quiz {
	float: left;
}

/* home botom callouts */

#features {
	background: url(/images/feat-sep.jpg) left top repeat-y;
	margin: 20px 0 20px 0;
	height: 100%;
}

.feat-l {
	float: left;
	width: 350px;
	padding: 0 15px 0 15px;
}

.feat-c {
	float: left;
	width: 330px;
	padding: 0 15px 0 0;
}

.feat-r {
	float: left;
	width: 220px;
	padding: 0 15px 0 0;
}

.blurb-r {
	float: left;
	width: 160px;
}

.align-center {
	text-align: center;
}

/* lists */

ul.links-list {
	list-style: none;
}

ul.links-list li {
	background: url(/images/arrow.jpg) left top no-repeat;
	padding: 0 0 5px 20px
}

ul.links-list li a {
	font-weight: bold;
}

ul.pdf li {
	background: url(/images/pdf-icon.jpg) left top no-repeat;
	padding: 0 0 5px 20px
}

ul {
	margin: 0 0 10px 0;
	list-style: none;
}

ul li {
	background: url(/images/bullet.jpg) left top no-repeat;
	padding: 0 0 5px 10px
}

/* top navigation */

#nav {
	margin: 0 0 3px 0;
	padding: 0;
	height: 100%;
}

#nav li {
	list-style: none;
	float: left;
	line-height: 100%;
	padding: 0;
	background: none;
}

/* crumb */

#crumb {
	padding: 8px 0 8px 15px;
	font-size: 0.9em;
	color: #6D6E71;
	background: url(/images/dot.jpg) left bottom repeat-x;
	margin: 0 0 20px 0;
}

#crumb a {
	font-weight: bold;
}

/* content */

#column-l {
	width: 694px;
	float: left;
}

#column-r {
	float: left;
	width: 269px;
	margin: -4px 0 0 0;
}

.indent {
	padding: 0 15px;
}

.blue-areas {
	background: url(/images/blue-areas.jpg) left top no-repeat;
}

.blue-areas-bg {
	background: url(/images/blue-areas-bg.jpg) left bottom no-repeat;
	padding: 0 0 5px 0;
	margin: 0 0 15px -4px;
}

.blue-areas h3 {
	background: none;
	padding: 0;
}

.blue-areas p {
	color: #fff;
	line-height: 120%;
}

.blue-l {
	float: left;
	width: 180px;
	padding: 20px 30px 0 20px;
}

.blue-c {
	float: left;
	width: 185px;
	padding: 20px 20px 0 20px;
}

.blue-r {
	float: left;
	width: 180px;
	padding: 20px 0 0 20px;
}

.quizz th {
	padding: 10px 5px 0 0;
}

.quizz input {
	vertical-align: middle;
}

.part-l {
	float: left;
	width: 190px;
	margin: 0 20px 0 0;
}

.part-l p {
	text-align: center;
}

.part-l img {
	margin: 0 0 5px 0;
}

/* right callouts */

#callout {
	background: url(/images/callout-bg.jpg) left top repeat-y;
	padding: 0 9px 0 10px;
	height: 100%;
}

#callout .blurb-r {
	width: 115px !important;
}

#callout .indent {
	padding: 0 0 10px 15px !important;
}

#partenairs img {
	margin: 0 13px 0 0;
}

#partenairs .links-list {
	margin-top: 15px;
}

/* other styles */

.img-flush-left {
	float: left;
	margin: 0 10px 5px 0;
}

/* footer */

#footer {
	font-size: 0.9em;
	margin: 15px 0 0 15px
}

ul.no-bullet li{
	background: none;
	padding-left: 0;
}

.titre {

	color: #FF9933;
	font-size: 24px;
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;	
}