body { background:#FFFFFF; color:#444; margin-top:0px; margin-bottom:25px }
#container { text-align:left; width:698px; background:#FFF; margin-right: auto; margin-left: auto; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #8C2633; border-right-color: #8C2633; border-bottom-color: #8C2633; border-left-color: #8C2633; }
#container #Border #breadcrumbs { float: left; width: 700px; padding-left: 13px; }

/* style breadcrumbs */

#container #Border #breadcrumbs p { margin: 0px; padding: 0px; font-size: 70%; font-family: Arial, Helvetica, sans-serif; color: #000; }
#Border { width:698px; }
#Search { padding-right:13px; padding-top:0px; font:bold 14px Arial, Helvetica, sans-serif; color:#000000; text-align:right; width: 687px; }

/* set image as bg for header div */

#Header-eng { height:115px; width:700px; background-image: url(../images/header_e.jpg); background-repeat: no-repeat; background-position: left top; }
#Header-fra { height:115px; width:700px; background-image: url(../images/header_f.jpg); background-repeat: no-repeat; background-position: left top; }

/* set topnav styles */

.Topnav { color: #FFF; float: right; padding-right: 13px; margin-top: 13px; font-family: Arial, Helvetica, sans-serif; font-size: 75%; }
.Topnav a { color: #FFF; font-weight: bold; }

#content { float:left; width:506px; margin-left:20px; vertical-align:top; text-align:left; padding-top: 15px; padding-right: 0; padding-bottom: 15px; padding-left: 0; }
#leftnav { float:left; width:130px; margin-left:13px; padding:15px 0; display:inline; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#rightnav { float:right; width:132px; padding:15px 0; display:inline; margin-right:13px }
#footer { background:url(../images/footer.jpg) no-repeat left; color:#fff; padding:0px; text-align:center; height:116px; border-style:none; font:bold 75% Arial, Helvetica, sans-serif; clear:both; vertical-align:middle }
#footer a:link { font-weight: bold; color: #FFFFFF; text-decoration: underline; }
#footer a:visited { font-weight: bold; color: #FFFFFF; text-decoration: underline; }
#footer a:active { font-weight: bold; color: #FFFFFF; text-decoration: underline; }
#footer a:hover { font-weight: bold; color: #FFFFFF; text-decoration: underline; }
.footer { font-size:11px; font-weight:bold; color:#FFFFFF; padding-top:65px }
.SearchInput { font-size:11px; padding:0px; margin-top:0px; border:1px solid #000000; width:80px; height:15px }
#Language { font:80% Arial, Helvetica, sans-serif; color:#000000; float:right; text-align:right; vertical-align:top; padding-right:13px }
#Textfield { font:80% Arial, Helvetica, sans-serif; color:#000000; float:left; text-align:left; vertical-align:top }
.Error { font-weight:bold; color:#8C2633 }

/* basic styles for content area */

#content h1 { color:#8C2633; font:bold 120% Arial, Helvetica, sans-serif; margin-top:0px; padding-top:0px; }
#content h2 { color:#8C2633; font:bold 100% Arial, Helvetica, sans-serif; }
#content h3 { color:#8C2633; font:bold 90% Arial, Helvetica, sans-serif; }
#content h4 { color:#8C2633; font:bold 80% Arial, Helvetica, sans-serif; }
#content h5 { color:#8C2633; font:bold 80% Arial, Helvetica, sans-serif; }
#content h6 { color:#8C2633; font:italic bold 80% Arial, Helvetica, sans-serif; }
#content li { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color:#000; background-image: url(../bullet.jpg); background-repeat: no-repeat; background-position: left top; padding-left: 15px; list-style-type: none; }
#content p { font:80% Arial, Helvetica, sans-serif; color:#000000; }
#content ul { margin-left: 0px; padding-left: 20px; }

#content td { font:80% Arial, Helvetica, sans-serif; color:#000000; }

.BoxHeader { background:#8C2633; padding:5px; border:1px solid #000000; display:block; color:#FFFFFF; font-size: 105%; }
.Printable { font: bold 11px Arial, Helvetica, sans-serif; color: #000000; margin-top: 5px; }
.Printable { font: bold 12px Arial, Helvetica, sans-serif; color: #000000; margin-top: 5px; text-decoration: none; margin-left: 5px; }
.Printable a:link { font: bold 12px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }
.Printable a:visited { font: bold 12px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }
.Printable a:active { font: bold 12px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }
.Printable a:hover { font: bold 12px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }
form { margin: 0px; padding: 0px; }
.white { font-size: 16px; font-weight: bold; color: #FFFFFF; text-align: center; }
.Download { font: bold 12px Arial, Helvetica, sans-serif; color: #000000; margin-top: 3px; }
.Download a:link { font: bold 12px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }
.Download a:visited { font: bold 12px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }
.Download a:active { font: bold 12px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }
.Download a:hover { font: bold 12px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }
.Download ul { margin: 0px 0px 10px 27px; padding: 0px; }
.Box { background: #FFFFFF no-repeat left top; margin-top: 15px; margin-bottom: 15px; }


/* Left navigation menu styles */

.arrowlistmenu { width: 130px; /*width of accordion menu*/ background-color: #A6A655; }
.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/ color: #000; margin-bottom: 0px; /*header text is indented 10px*/ cursor: hand; cursor: pointer; padding-top: 4px; padding-right: 0; padding-bottom: 4px; padding-left: 10px; margin-top: 0px; background-color: #CCCC99; font-family: Arial; font-size: 14px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; text-decoration: none; }
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/ background-color: #CCCC99; color: #8C2633; font-size: 14px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.arrowlistmenu ul { /*CSS for UL of each sub menu*/ padding-top: 0px; padding-right: 0px; padding-bottom: 5px; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 25px; padding-left:0px; background-color: #A6A655; }
.arrowlistmenu ul li { list-style-type: square; color: #000; font-size: 70%; }
.arrowlistmenu ul li a { color: #000; /*custom bullet list image*/ display: block; padding-left: 0px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; background-color: #A6A655; padding-top: 2px; padding-right: 0; padding-bottom: 2px; }
.arrowlistmenu ul li a:visited { color: #000; }
.arrowlistmenu ul li a:hover { /*hover state CSS*/ color: #000; background-color: #A6A655; }
.arrowlistmenu .menuheader.expandable a { color: #000; text-decoration: none; }
.arrowlistmenu .menuheader.expandable a:active { color: #8C2633; text-decoration: none; }