@import url("reset.css");

/* Formatting, generals
----------------------------------*/
body { background:#c2c2c2; color:#424242; font-family:Arial; font-size:13px; height:100%; }
body h1,
body h2,
body h3,
body h4 { color:#00477e; font-weight:normal; }
body h1 { font-family: "Museo 700 (Museo)", Arial, Sans-Serif; font-size:21px; margin-top:14px; font-weight:bold; padding-left:11px; }
body h2 { font-family: "Museo 700 (Museo)", Arial, Sans-Serif; font-size:18px; padding:0 0 17px 0; }
body h2.subtitle {padding:0 0 5px 0px;}
body h3 { font-family: "Museo 700 (Museo)", Arial, Sans-Serif; font-size:13px; text-transform:uppercase; }
body h4 { font-family:Arial, Sans-Serif; font-size:12px; text-transform:uppercase; font-weight:bold; }
body p {color:#424242; display:block; font-family:Arial; font-size:13px; line-height:18px; margin-bottom:11px; }
body hr {background-color:#d4d4d4;border:none;height:1px;margin:18px 0; clear:both; }

/*Generic*/
.selected {color:#49453e;}
.selected:hover {color:#49453e;text-decoration:none;}
.left {float:left;}
.right {float:right;}
.hidden {display:none;}
.invisible {visibility:hidden;}
.rel {position:relative;}
.abs {position:absolute;}
.left.img {margin:0 1.5em 2em 1.5em;}
.pad-lft-rgt {padding:0 10px;}
.red {color:#ff0000 !important;/*used for 'debugging'*/}
/*Links*/
a { color:#3386b9; text-decoration:none; }
a:hover { color:#3386b9; text-decoration:underline; }
a:visited { color:#3386b9; }

/*Box*/
.box-container { float:left; margin-bottom:10px; position:relative; width:100%; }
.box { float:left; list-style-type:none; position:relative; width:100%; }
.box-ctn { background:#fff; border:#d4d4d4 solid 1px; float:left; width:100%; position:relative; }
.box-ctn h2 { background:transparent url(../Images/bg_box_sep_title.png) bottom left repeat-x; color:#00477e; font-size:13px; line-height:normal; margin:0; padding:8px 0px 18px; text-indent:15px; text-transform:uppercase; }
.box-ctn h3.title { background:transparent url(../Images/bg_box_sep_title.png) bottom left repeat-x; color:#00477e; font-size:13px; line-height:normal; margin:0; padding:8px 0px 18px; text-indent:15px; text-transform:uppercase; }

/* Header
----------------------------------*/
.container-header { background:#ffffff; border-bottom:#c8c8c8 solid 1px; height:35px; width:100%; z-index:101; }
.header { background:#ffffff; margin:0 auto; padding:0 20px; position:relative; width:90%; }
/*Language Selection*/
.header .language { color:#636363; float:left; font-family:arial narrow, arial; font-size:13px; font-weight:bold; left:0; line-height:21px; margin-top:7px; position:relative; top:0; }
/*Language Selection - Arrow*/
.header .language a img { padding-bottom:2px; }
.header .language a { color:#3384bb; font-family:arial narrow, arial; font-size:13px; font-weight:normal; line-height:21px; text-decoration:none; }
.header .language .language-wrapper { background: url("../Images/ArrowOpened.png") no-repeat scroll right 8px transparent; display: inline-block; padding-right: 5px; }
.header .language a:hover { text-decoration:underline; }
/*Language Selection - Icons Flag*/
.header .language .lang { display:block; padding:0 7px 0 22px; background:url(../Images/Flags.png) 3px 0 no-repeat; }
.header .language .lang.en-US {  }
.header .language .lang.en-CA { background-position: 3px -20px; }
.header .language .lang.fr-CA { background-position: 3px -20px; }
.header .language .lang.en-EU { background-position: 3px -41px; }
.header .language .lang.fr-FR { background-position: 3px -41px; }
.header .language .lang.en-WW { background-position: 3px -62px; }
.header .language .lang.fr-WW { background-position: 3px -62px; }
.header .language .lang a { color:#636363; font-family:arial narrow, arial; font-size:13px; font-weight:bold; }
.header .language .lang a:hover { color:#302e29; text-decoration:none; }
/*Language Selection - Nav FlyOut*/
.header .language .nav { background:#ffffff; border:#c8c8c8 solid 1px; border-top:none; display:none; left:-10px; padding:0 10px 10px; position:absolute; top:13px; width:105px; z-index:1000; }
.header .language .nav .lang { padding:0 0 0 20px; display:block; }
/*Top Navigation*/
.header .nav { float:right; margin-top:6px; }
.header .nav ul  { list-style-type:none; }
.header .nav ul li { color:#636363; float:left; font-family:arial narrow, arial; font-size:13px; font-weight:bold; line-height:21px; padding-left:7px; }
.header .nav ul li.sep { background:transparent url(../Images/bg_header_nav_sep.png) right center no-repeat; padding-right:10px; }
.header .sep { background:transparent url(../Images/bg_header_nav_sep.png) right center no-repeat; padding-right:10px; }
.header .nav ul li span { color:#00467f; }
.header .nav ul li a { color:#3384bb; font-family:arial narrow, arial; font-size:13px; line-height:21px; text-decoration:none; }
.header .nav ul li a:hover { text-decoration:underline; }
 
/* Body
----------------------------------*/
.container-body { background:#f3f3f3; border-top:#ededed solid 4px; height:auto; position:relative; width:100%; padding-bottom:50px; }
.container-body .body-footer { text-align:center }
.body { color:#49453e; font-family:arial; font-size:13px; font-weight:normal; line-height:18px; margin:0 auto; position:relative; top:0; width:90%; min-width:920px; }
.body-top { clear:both; padding:19px 0 10px; position:relative; width:100%; z-index:100; }
/*Logo */
.body .logo { background:url(../Images/DefaultLogo.gif) left center no-repeat; color:#00467f; float:left; font-family:arial; font-size:30px; font-weight:bold; height:40px; padding:0 0 0 16px; position:relative; text-indent:-9999px; width:40%; }
.body .logo a {height:40px;width:40%;margin:0 0 0 16px;display:block;}
.body .logo span { color:#569fd4; }
/*Main Navigation*/
.body .nav { height:33px; margin:0 0 0 auto; padding:4px 0 0; right:0; top:0; z-index:100; float:right; }
.body .nav-lft { background:url(../Images/bg_body_nav_lft.png) left bottom no-repeat; display:block; float:left; font-size:0; height:33px; left:0; position:absolute; top:4px; width:10px; z-index:101; }
.body .nav ul { background:#005c91 url(../Images/bg_body_nav.png) 0 bottom repeat-x; position:relative; float:left; left:0; top:0; }
.body .nav li { position:relative; background:url(../Images/bg_body_nav_sep.png) right bottom no-repeat;  float:left; height:33px; list-style-type:none; padding:0 2px 0 0; }
.body .nav li a { background:#005c91 url(../Images/bg_body_nav.png) 0 bottom repeat-x; cursor:pointer; float:left; height:33px; line-height:30px; padding:0 30px 0 29px; }
.body .nav.fr li a {padding:0 15px 0 14px;}
.body .nav li a { color:#ffffff; font-family:arial narrow, arial; font-size:15px; font-weight:bold; text-decoration:none; }
.body .nav li a:hover { background:#3399c8 url(../Images/bg_body_nav_hover.png) 0 bottom repeat-x; text-decoration:none; }
.body .nav li.first {  background:url(../Images/bg_body_nav_lft.png) left bottom no-repeat; height:33px; float:left; display:block; width:10px; left:0; font-size:0;  }
.body .nav li.last {  background:url(../Images/bg_body_nav_rgt.png) right bottom no-repeat; height:33px; position:absolute; float:right; display:block; width:10px; right:0; font-size:0;  }
/*Main Navigation -  Sub-navigation*/
.body .nav li.last-item .subnav  { right:0 !important; left:auto !important; }
.body .nav li .subnav { background:transparent url(../Images/bg_body_nav_flyout.png) 0 bottom no-repeat; display:none; left:0; padding:5px 0 8px; position:absolute; top:33px; width:231px; white-space:nowrap; }
.body .nav li:hover .subnav { display:block; }
.body .nav li .subnav li { background-color:#ffffff; background-image:none; border:#dbdbdb solid 1px; border-top:none; display:block; float:none; height:25px; font-size:0; margin:0 7px; padding:0; white-space:nowrap; }
.body .nav li .subnav li:first-child { border-top:#dbdbdb solid 1px; }
.body .nav li .subnav li a { background-color:#ffffff; background-image:none; color:#3386b9; font-size:15px; height:auto; line-height:25px; padding:0px 15px;  white-space:nowrap; }
.body .nav li .subnav li a:hover { text-decoration:underline; }

/*Language Menu*/

.container-header .language
{
    width: 15em;
    padding-left: 10px;
}
.container-header .language .subnav  { right: 0 !important; left: auto !important; }
.container-header .language .subnav
{ 
    background: #FFFFFF; 
    display: none;
    z-index: 20000;
    border: 1px solid #000000;
    left: 0;
    position: relative;
    float: left;
    list-style: none;
}

.container-header .language:hover .subnav { display: block; }
.container-header .language .subnav li
{ 
    margin: 0;
    padding: 0;
}
.container-header .language .subnav li a
{ 
    background-color: #ffffff;
    font-size: 1em;
}
.container-header .language .subnav li a:hover { text-decoration: underline; }

/*Breadcrumb*/
.body .breadcrumb {float:left; height:21px; padding:0 0 10px; position:relative; text-align:left; width:75%;}

/* Generic page
----------------------------------*/
.page { clear:both;}
.page .sgl-col {padding:0 10px 10px 10px;}
.page .content { background-color:#fff; border:#d4d4d4 solid 1px; margin-bottom:10px; position:relative; width:100%; }
.page .content.main { margin-top:48px; padding-top:12px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

/* Fieldbox
----------------------------------*/
.field-box
{
    list-style-type:none; 
    display:block; 
    background:url(../Images/bg_bluebox_content.png) top center repeat-x #f2f2f2; 
    border:#d4d4d4 solid 1px; 
    padding:0 0 10px 0;
    margin-bottom:10px;
    position:relative; 
    clear:both;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
}
.field-box h2  
{
    color:#fff; 
    margin-bottom:10px; 
    background:transparent url(../Images/bg_bluebox_title.png) top left repeat-x;
    font-family:"Museo 500 (Museo)", Arial; 
    font-size:18px; 
    font-weight:normal; 
    line-height:18px; 
    padding:10px 10px 18px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.field-box .fields { padding-left:20px; padding-right:20px; }
.field-box legend { display:none; }
.field-box label, .field-box .label { display:inline-block; width:200px; }
.field-box .field {display:inline-block; width: 600px; height:25px; }
.field-box .field input[type='text'], .field-box .field input[type='password'], .field-box .field select, .field-box .field textarea { width:225px; }


/* Footer
----------------------------------*/
.container-foote r{ clear:both; position:relative; width:100%; margin-top:10px;}