/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/




* {
margin:0;
padding:0;
}

:focus {
outline: 0;
}

/** Globally set image border to 0 **/
img {
  border:0;
}

body
{
	background-color: #fff;
	color: #656565;
	text-align: left;
	font: normal 11px  Arial, Helvetica, sans-serif;
	background: #195FAE url(../images/background.jpg) repeat-x top left;
}

	
#container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 930px;
	background: url(../images/container-bg.png) repeat-y top left;
	}
	
#container-footer {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 930px;
	}

/* =Header
---------------------------------------------------------------------------------------------------- */	
#header {
	width: 893px;
	padding: 0px 24px 12px 13px;
	margin-bottom:5px;
	}
	
#header-left {
	float: left;
	text-align: left;
	width:193px;
	}
	
#header-right{
	float: right;
	text-align: left;
	width: 688px;
	padding-left:12px;
	}


/* =Layouts
---------------------------------------------------------------------------------------------------- */	
#three-column-layout {
	width: 906px;
	padding: 0px 24px 12px 0px;
	}


/* =Left Nav
---------------------------------------------------------------------------------------------------- */

#left-nav {
	float:left;
	width:218px;
	font-size: 12px;
	background: url(../images/left-nav-bg.gif) repeat-y top left;
}

/** fix ie bug with display:block; **/

* html #left-nav li a { height: 1%; } 


#left-nav ul {
	margin: 0px 12px 10px 13px;
	padding: 0;
	list-style: none;
  	text-align: left;	
}	
	
#left-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
  	text-align: left;
	background: url(../images/left-nav-divider.gif) repeat-x top left;
}	

#left-nav li:first-child {
	background: none;
}	


#left-nav li a,
#left-nav li a:link,
#left-nav li a:visited {
	color: #656565;
	text-decoration: none;
	padding: 10px 5px 10px 15px;
	margin: 0;
	display:block;
}

#left-nav ul li a:hover {
color: #fff;
	background-color: #0076a3;
	text-decoration: none;
	padding: 10px 5px 10px 15px;
	margin: 0;
	display:block;
}

#left-nav ul li a.selected,
#left-nav ul li a.selected:link,
#left-nav ul li a.selected:visited,
#left-nav ul li a.selected:hover  {
	color: #fff;
	background-color: #0076a3;
	text-decoration: none;
	padding: 10px 5px 10px 15px;
	margin: 0;
	display:block;
	font-weight: bold;
}


.launch-event-block {
	background:url(../images/launch-event-block-bg.jpg) no-repeat top left;
	width: 158px;
	height: 130px;
	min-height: 130px;
	padding: 30px 30px 0px 30px;
}

.launch-event-block h2 {
	font-size: 14px;
	color: #656565;
	padding-bottom:6px;
	font-weight: normal;
}

/* =Content
---------------------------------------------------------------------------------------------------- */

#content {
	width:455px;
	float: left;
	padding: 0px 14px 0px 0px;
}

.quiz-block {
	width: 455px;
	margin-bottom:0;
	background: url(../images/quiz-block-bg.gif) no-repeat top left;
	font-size: 12px;
}


.quiz-block a,
.quiz-block a:link,
.quiz-block a:visited,
.quiz-block:hover{
	color: #656565;
	text-decoration: none;
}

.quiz-copy {
	float:left;
	width: 280px;
	padding: 20px 10px 20px 15px;
}

.quiz-copy-francais {
	float:left;
	width: 300px;
	padding: 15px 0px 20px 5px;
}

.quiz-button {
	float: right;
	width:150px;
}


#scribd-content {
	width:674px;
	float: left;
	padding: 0px 14px 0px 0px;
}


/* =Sidebar
---------------------------------------------------------------------------------------------------- */

#sidebar {
	float:left;
	width: 219px;
	text-align:left;
	font-size: 11px;
}

.sidebar-content-block,
.events-sidebar-content-block{
	width: 219px;
	margin: 0px 0px 10px 0px;
}


.events-sidebar-content-block {
	background: #c2dafa;
	border-bottom: 1px solid #92b0d9;
}

h2.sidebar-heading{
	color: #fff;
	background-color: #0076a3;
	text-decoration: none;
	padding: 6px 5px 6px 6px;
	margin: 0;
	display:block;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #004e6b;
}

h3.sidebar-heading{
	font-size: 13px;
	font-weight: normal;
	padding-bottom: 5px;
	padding-top: 5px;
	margin:0;
	color: #656565;
	border-top: 1px solid #e3efff;
}

#sidebar p {
	padding-bottom:4px;
}

.sidebar-content-block .copy {
	padding: 6px 0px 6px 5px;
}

.events-sidebar-content-block .copy {
	padding: 6px 5px 6px 5px;
}



ul.documents,
ul.documents-horizontal{
	list-style: none;
	margin:0;
	padding:0;
}

ul.documents-horizontal li {
	float: left;
}

ul.documents li.pdf,
ul.documents-horizontal li.pdf{
	list-style: none;
	background: url(../images/icon-pdf.png) no-repeat 0px 5px;
	padding: 5px 4px 5px 28px;
	margin:0;
}

ul.documents li.scribd-viewer,
ul.documents-horizontal li.scribd-viewer {
	list-style: none;
	background: url(../images/icon-scribd.png) no-repeat 0px 5px;
	padding: 5px 4px 5px 28px;
	margin:0;
}

ul.documents li.pdf,
ul.documents li.scribd-viewer{
	border-top: 1px solid #e3efff
}


ul.documents li:first-child {
	border-top: none;
	
}





/* =Text Styles
---------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5 {
	color: #004e6b;
}

h1 {
	font-weight: bold;
	font-size:24px;
	margin:0;
	padding-bottom:12px;
}

h2 { 
	font-size: 16px;
	font-weight: bold;
	padding-bottom:4px;
}



h3 { 
	font-size: 13px;
	font-weight: bold;
	padding-bottom:2px;
}

h3 a,
h3 a:link,
h3 a:visited,
h3 a:hover{ 
 	text-decoration: underline;
}

 h4 {
	font-size: 12px;
	font-weight: bold;
}


p {
	padding-top: 0;
	padding-bottom: 12px;
}

#content p,
#content li{
	line-height: 16px;
}

	
ul {
	list-style-type: disc;
	font-weight: normal;
	font-style: normal;
	margin-left: 15px;
	padding: 5px 0 10px 15px;
} 

ol {
	font-weight: normal;
	font-style: normal;
	margin-left: 20px;
	padding: 5px 0 10px 15px;
} 

ul.doubleLineSpace li
 {
	list-style-type: 	disc;
	font-weight:			normal;
	font-style:				normal;
	margin-bottom: 			12px;
} 

a,
a:link,
a:visited{
	color: #0b5193;
	text-decoration: none;
}
	
a:hover {
	color: #2c68a1;
	text-decoration: underline;
}	


/* =Text/Image Treatments and Alignments
---------------------------------------------------------------------------------------------------- */
	
strong, b  { font-weight: bold; }
em, i { font-style: italic; }
.bold{ font-weight: bold;}
.italic{ font-style: italic; }
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.textalign-left {text-align:left;	}
.textalign-right {text-align:right;	}
.textalign-center {	text-align:center;	}
.float-left {float:left;	}
.float-right {float:right;	}

sup,
sub{
font-size: 8px;
}

.text-small,
.caption,
.footnote{
	font-size: 10px;
}

.missingtext {
	color:#FF0000;
	font-weight: bold;
}

.text-blue {
	color: #054673;
}

blockquote { 
font-style: italic;
width: 90%;
}


hr {
	color: #e3efff;
	background-color: #e3efff;
	border: 0;
	height: 1px;
	margin: 5px 0 5px 0;
	 font-size: 0;  
} 

div.horizontal-rule {
	color: #e3efff;
	background-color: #e3efff;
	border: 0;
	height: 1px;
	margin: 5px 0 5px 0;
	 font-size: 0;  
} 	


/* =Spacing and Clearing Styles
---------------------------------------------------------------------------------------------------- */		
	
.singleLineBreak {
	margin-top:	1px;
	}
	
.marginZero {
	margin:0;
	}
			
.spacer,
.clear {
	clear: both;
	margin:0; 
	padding:0;
}

.padding {
	padding: 5px;
	}
	
/* =Spacing and Clearing Styles
---------------------------------------------------------------------------------------------------- */	

.tbl_eventPhotos {
	width:455px;
}

.tbl_eventPhotos td {
	text-align:left;
	vertical-align: top;
	padding: 0px 30px 10px 0px;
	width:120px;
}


/* =QUIZ
---------------------------------------------------------------------------------------------------- */	


.padding-5 {
	padding: 5px;
	}

#quiz-container {
	background-color:#C2DaFA;
	width:455px;
	min-height:300px;
	padding:0px;
	margin:0px;
	text-align:left;
}

#quiz-container h2 {
	display:block;
	background-color:#0076A3;/*darker blue*/
	color:#FFF;
	padding:5px;
}
#quiz-container h4 {
	display:block;
	background-color:#69A9FF;/*medium blue*/
	color:#FFF;
	padding:5px 0px 5px 70px;
}


#results h4 {
	display:block;
	background-color:#CEFF36;/*greenish*/
	color:#0076A3;/*darker blue*/
	padding:5px 0px 5px 70px;
}


#question {
	color:#4B4B4B;/*grey*/
	width:320px;
	padding:10px 0px 0px 70px;
}

#answer-choices {
	width:320px;
	padding:10px 0px 10px 70px;
}

#answer-choices label {
	display:block;
	padding:0px 0px 7px 0px;
}

#answer {
	color:#4B4B4B;/*grey*/
	width:320px;
	padding:10px 0px 10px 70px;
}


input.radio-left {
	float:left;
}

label.radio-text-left {
	float:left;
	width:90%; 
	margin-left:7px;
}

.divider-rule {
	width:100%;
	height:1px;
	background-color:#92B0D9;
	border-bottom:#E3EFEF solid 1px;
	margin:10px auto;
}

.alternateRowColor_1 {
	background-color:#CCC;
}
.alternateRowColor_2 {
	background-color:#FFF;
}
.table-data-5 td {
	padding:5px;
	border-left:#DDD solid 1px;
}

.error {
	color:#F00;
}

#progress-meter {
	width:440px;
	padding:5px 0px 40px 0px;
}

#progress-bar-container {
	height:23px;
	background-color:#0076A3;/*darker blue*/
	background:url('../images/quiz-progress-meter-shadow.gif') no-repeat;
	padding:0px;
	float:left;
	width:350px;
}

#progress-bar {
	height:15px;
	background-color:#0077A2;/*medium blue*/
}

#progress-bar-text {
	float:left; 
	text-align:right; 
	width:65px;	
	padding-right:5px;
}