/* Globals */

* { margin:0; padding:0; font-family:Arial; font-size:12px; }

BODY { background:url(/media/img/body_bg.jpg) 450px top repeat; }


A { color: #666; }

DIV#container { position:relative; background:url(/media/img/container_bg.gif) repeat-y; width:970px; margin:0 auto; }

DIV#language { position:absolute; right:28px; z-index: 100;}
DIV#language A.lang-en { width:92px; height:25px; background-image:url(/media/img/english_a.gif); display:block; float: left; }
DIV#language A.lang-en:hover { background-image:url(/media/img/english_b.gif); }
DIV#language A.lang-fr { width:92px; height:25px; background-image:url(/media/img/french_a.gif); display:block; float: left; }
DIV#language A.lang-fr:hover { background-image:url(/media/img/french_b.gif); }

DIV#header-logo { width:955px; height:251px; margin:0 auto; /* background-image:url(/media/img/header_bg.jpg); */ background-repeat: no-repeat; background-position: 0 22px; position: relative; padding-top: 22px;}
DIV#header-logo { background: white; } /* disabled because we have a flash animation */
DIV#header-logo A.home-link { display: block; width: 250px; height: 100px; left: 40px; top: 30px; position: absolute;}

DIV#menu_container { width:955px; height:72px; margin:0 auto; background-image:url(/media/img/menu_container_bg.gif); }
DIV#menu { margin:0 40px; }
DIV#menu A { padding:0 30px;  line-height:25px; text-transform:uppercase; font-size:90%; text-decoration:none; color:#666666; }
DIV#menu A:hover { color:#000; }
DIV#menu A.active { color:#000; font-weight:bold; }
DIV#submenu { padding-left:30px; position: relative; height: 28px;}
DIV#submenu A { padding-left:50px; line-height:28px; font-size:90%; text-decoration:none; color:#666666; }
DIV#submenu A:hover { color:#000; }
DIV#submenu A.active { color:#000; font-weight:bold; }
DIV#submenu A.back-to-home { position: absolute; font-size: 10px; line-height: 28px; right: 80px; top: 0px}

TABLE#content_container { width:93%; border-collapse:collapse; margin: 0 auto; }
TD#left_column { width: 215px; vertical-align: top; }
TD#right_column { width:205px; vertical-align:top; }
TD#center_column { background:url(/media/img/center_column/center_bg.gif) repeat-y; width:426px; vertical-align:top; padding:0 40px; }
TD#center_column.one_col { width:600px; vertical-align:top; padding:0 0 0 40px; }
TD#center_column.one_col .main_element { background: #F0EFEF; margin-top: -5px; padding-top: 5px; margin-left: -13px; padding-left: 13px; padding-right: 0px; padding-bottom: 3em;}
TD#center_column LI { margin-bottom:10px; list-style-type:none; padding-left:20px; background-repeat:no-repeat; background-position:left 2px; background-image:url(/media/img/bullet_a.gif); }
TD#center_column.one_col LI { background-image:url(/media/img/bullet_a.gif); }
TD#center_column LI { background-image:url(/media/img/bullet_b.gif); }
TD#center_column.one_col LI UL { margin-top: 1em; }
TD#center_column.one_col LI UL LI { margin-bottom:10px; list-style-type: circle; padding-left:10px; background: transparent;}


DIV.main_element P, DIV.main_element UL { margin-bottom:10px; }
/* DIV.main_element A { text-decoration:none; color:#000; position:relative; left:300px; } */

DIV.right_element { padding-left:15px; }
DIV.right_element P { text-align:justify; font-size:90%; margin:20px 0; }

DIV.separator { height:40px; width:100%; background:url(/media/img/separator.gif) center top no-repeat; }




/* left */
DIV#yellow_box { height:289px; width:157px; background:url(/media/img/yellow_bg.gif); background-repeat: no-repeat; margin-bottom:20px; padding: 20px; padding-top: 12px; }
DIV#yellow_box H1 { text-transform: uppercase; font-size: 100%; font-weight: bold; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 2px groove silver}
DIV#yellow_box UL LI { margin-top: 0.5em; }

#left_column .left_element { margin-bottom: 2em; }
#left_column .left_element P, 
#left_column .left_element UL { margin-left:5px; margin-right: 10px; font-size: 11px;}
#left_column .left_element EM, 
#left_column .left_element A { font-size: 11px; }
#left_column .left_element UL LI { font-size: 11px; }
#left_column .left_element P { margin-bottom: 0.5em; text-align: justify; }
#left_column .left_element P.illustration { margin-left: 5px; margin-bottom: 1em;}
#left_column .left_element UL { padding-left: 25px; margin-top: 0.5em; margin-left: 1em; }

#left_column .left_element P.inter { font-size: 140%; text-align: center; margin-bottom: 40px;}


.left_element H1, 
.main_element H1, 
.right_element H1 { background:url(/media/img/h1_bg.gif) left top no-repeat; margin:10px 0; padding-left:25px; 
                    font-size:140%; text-transform:uppercase; }
.top_left_element H1 { background: none; font-size: 100%; margin-left:5px; padding-left: 0px; margin-top: 12px; margin-bottom: 14px;}


/* main */
.main_element IMG { margin-right:10px; margin-bottom:10px; }
.one_col .main_element H1 { background-image: url(/media/img/h1_bg_grey.gif);}
.main_element H2 { text-transform: uppercase; font-size: 105%; margin-top: 1em; margin-bottom: 0.5em;}
.main_element H2 IMG { margin-left: 5px; }



/* general content styles */
.left_element UL, .main_element UL, .yellow_element UL, .right_element UL,
.left_element OL, .main_element OL, .yellow_element OL, .right_element OL { padding-left: 2em; margin-bottom: 0.2em;}


.yellow_element P, .yellow_element LI, .yellow_element EM { font-size: 11px; }
.yellow_element P { margin-top: 0.3em; }

TABLE.logos { margin: auto; }
TABLE.logos TD { text-align: center; vertical-align: middle; }


TABLE.four-parts { width: 620px; }
TABLE.four-parts TD { width: 290px; padding: 10px; vertical-align: top;}

/* temp. home page */
/* #menu_container #menu { display: none; } */

FORM#contact { margin-top: 2em; }
FORM#contact TABLE { width: 635px; }
FORM#contact TH { width: 100px; text-align: right; padding-right: 1em; }
FORM#contact TD INPUT, FORM#contact TD TEXTAREA { border: 1px dotted silver; width: 100%; }
FORM#contact .submit { text-align: right; }
FORM#contact .submit INPUT { width: auto; }


/* sucess stories slider on home page (see also contents.css) */
.success-slider { height: 440px; position: relative; overflow: hidden;}
.success-block { position: absolute; width: 400px; top: 0; left: 0; background: white; padding-right: 0em;}
.success-block H2 { font-size: 150%; margin: 1em 0;}
.success-block P { margin-right: 0.8em; }





/* cms */
.editable-content { position: relative; }
.editable-content .edit-button { display: none; }
.editable-content.active { outline: 1px inset #888; }
/* from django admin */
.editable-content.active .edit-button { display: block; width: 30px; height: 15px; 
                                        position: absolute; right: 3px; top: 0;

                                        opacity: 0.4; 

                                        margin:2px 0; padding:2px 3px; vertical-align:middle; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-weight:normal; font-size:11px; background:white url(/admin/media/img/admin/nav-bg.gif) bottom repeat-x; padding:3px; color:black !important; border:1px solid #bbb; border-color:#ddd #aaa #aaa #ddd;  }
.editable-content.active .edit-button:active { background-image:url(../img/admin/nav-bg-reverse.gif); background-position:top; }

.editable-content.active .edit-button:hover { opacity: 1;}


.editable-content.empty { height: 2em; width: 20em; background: white; color: black; border: 1px solid silver; padding: 4px; float: left; margin: 1em; }


/* late additions */
#left_column .blog_entries P { text-align: left; }