/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use for any purpose as long as the proper credits are given to the original author.
Version: 1.2 (Oct 21, 2005)
Screen layout: */
body{
margin:0 auto;
padding:0;
font:77% Verdana,Tahoma,Arial,sans-serif;
background-color:#ebebeb;
color:#333333;
}
body p {
margin: 0px 0px -30px 0px;
padding: 2px 0 2px 0 ;
}
#Search {
}
fieldset {
}
#ajaxSearch_form {
border: 1px solid #fff;
}
#ajaxSearch_input {
width:170px;
}
#ajaxSearch_submit {
}
#ajaxSearch_output {
border:none;
}
.ajaxSearch_paging {
}
.AS_ajax_result {
margin-bottom: 3px;
}
.AS_ajax_resultLink {
text-decoration: underline;
}
.AS_ajax_resultDescription{
}
.AS_ajax_more {
}
#wrapper {
text-align: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 1020px;
background-image:url(../images/shadowsides.jpg);
background-repeat:repeat-y;
background-position:top;
}
#topnav {
text-align: right;
margin: 0px auto;
padding: 0px;
border:0;
width: 1020px;
background-image:url(../images/shadowsides-topnav.jpg);
background-repeat:repeat-y;
background-position:top;
font-size: 12px;
}
#topnav a {
text-decoration:none;
font-weight:bold;
}
#col1 {
padding-left:10px;
float:left;
width:200px;
}
#col2 {
float:left;
width:800px;
}
/*headercontainer is the logo and image area at the top */
#header{
clear:right;
width:790px;
background-image:url(../images/cmr-header-home.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:290px;
float:left;
}
#header-short {
clear:right;
width:790px;
background-image:url(../images/English_Banner_Home.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-home-french{
clear:right;
width:790px;
background-image:url(../images-f/CMR_banner_home_French.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:290px;
float:left;
}
#header-home-french-short {
clear:right;
width:790px;
background-image:url(../images-f/French_Banner_Home.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-momshops {
clear:right;
width:790px;
background-image:url(../images/cmr-header-mom-shops.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:290px;
float:left;
}
#header-preconception {
clear:right;
width:790px;
background-image:url(../images/English_Banner_preconception.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-grandenfants-french {
clear:right;
width:790px;
background-image:url(../images-f/French_Banner_BigKid.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-preconception-f {
clear:right;
width:790px;
background-image:url(../images-f/French_Banner_preconception.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-pregnancy {
clear:right;
width:790px;
background-image:url(../images/English_Banner_Pregnancy.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-grossesse-french {
clear:right;
width:790px;
background-image:url(../images-f/French_Banner_pregnancy.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-prescolaire-french {
clear:right;
width:790px;
background-image:url(../images-f/French_Banner_PreSchool.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-newborns {
clear:right;
width:790px;
background-image:url(../images/English_Banner_NewBorn.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-nouveaux-nes-french {
clear:right;
width:790px;
background-image:url(../images-f/French_Banner_NewBorn.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-tout-petits-french {
clear:right;
width:790px;
background-image:url(../images-f/French_Banner_Toddler.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-nutrition{
clear:right;
width:790px;
background-image:url(../images/English_Banner_Nutrition.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-nutrition-french{
clear:right;
width:790px;
background-image:url(../images-f/French_Banner_Nutrition.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-education{
clear:right;
width:790px;
background-image:url(../images/English_Banner_Education.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-education-french{
clear:right;
width:790px;
background-image:url(../images-f/French_Banner_education.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-government {
clear:right;
width:790px;
background-image:url(../images/English_Banner_Government.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-government-french {
clear:right;
width:790px;
background-image:url(../images-f/French_Banner_Government.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-dads {
clear:right;
width:790px;
background-image:url(../images/English_Banner_Dad.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-preschool {
clear:right;
width:790px;
background-image:url(../images/English_Banner_PreSchool.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-bigkid {
clear:right;
width:790px;
background-image:url(../images/English_Banner_BigKid.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-short1{
clear:right;
width:790px;
background-image:url(../images/header-short1.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-short2{
clear:right;
width:790px;
background-image:url(../images/header-short2.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#header-teen {
clear:right;
width:790px;
background-image:url(../images/CMR_banner_teen.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:290px;
float:left;
}
#header-toddler {
clear:right;
width:790px;
background-image:url(../images/English_Banner_Toddler.jpg);
padding-left:0px;
margin-top:0px;
padding:0px;
text-align:left;
height:152px;
float:left;
}
#minicol1 {
float:left;
padding-left:20px;
width: 240px;
text-align:left;
}
#minicol2 {
float:left;
width:220px;
text-align:left;
}
#imagecol {
float:left;
padding-left:20px;
width: 170px;
text-align:left;
}
#textcol {
float:left;
width:290px;
text-align:left;
}
#zone1 { /* clickable area */
float: left;
position:absolute;
width : 160px;
height: 100px;
margin-left: 10px;
margin-top: 10px;
}
#join { /* clickable area */
float: left;
position:absolute;
width: 790px;
height: 280px;
margin-left: 0px;
margin-top: 0px;
}
#join-short { /* clickable area */
float: left;
position:absolute;
width: 790px;
height: 152px;
margin-left: 0px;
margin-top: 0px;
}
#frontphoto{
margin:0 0 10px 0;
border:0;
}
#dittonav {display:block;
text-decoration:none;
padding: 1px 0 1px 0;
width:170px;
color:#000;
padding-left:5px;
border:0px solid #fff;
border-width:0 0px 0px 0;
font-size:13px;
}
#dittonav a:link{
display:block;
}
#dittonav a:visited{
display:block;
}
#dittonav a:hover{
background:#f1f1f1;
display:block;
}
#dittonav ul {
line-height:30px;
}
#dittonavsub {font-size:13px;
display:block;
text-decoration:none;
height:20px;
line-height:20px;
width:150px;
color:#000;
text-indent:5px;
border:0px solid #fff;
border-width:0 0px 0px 0;
padding-left:20px;
}
#dittonavsub-french {font-size:11px;
display:block;
text-decoration:none;
height:20px;
line-height:20px;
width:160px;
color:#000;
text-indent:5px;
border:0px solid #fff;
border-width:0 0px 0px 0;
padding-left:5px;
}
#dittonavsub a:link {
font-weight:normal;line-height:20px;
display:block;
}
#dittonavsub a:visited {
font-weight:normal;line-height:20px;
display:block;
}
#dittonavsub a:hover {
font-weight:normal;background:#F5F5F5;line-height:20px;
display:block;
}
#dittonavsub-french a:link {
font-weight:normal;line-height:20px;
display:block;
}
#dittonavsub-french a:visited {
font-weight:normal;line-height:20px;
display:block;
}
#dittonavsub-french a:hover {
font-weight:normal;background:#F5F5F5;line-height:20px;
display:block;
}
#avmenu{
clear:left;
float:left;
width:150px;
text-align:left;
padding:0;
font-size:0.9em;
}
.announce{
margin:10px 0 10px 0;
padding:10px;
width:120px;
color:#505050;
background-color:#f4f4f4;
line-height:1.3em;
}
.red {
color:#CC0000;
font-weight:bold;
}
#ads{
float:right;
width:260px;
margin-right:0px;
padding:0 10px 0px 10px;
background:#ffffff;
}
#ads img {
padding: 10px 0px 10px 0px;
}
#breadcrumbs {
margin-bottom: 10px;
font-size:11px;
color:#666666;
}
#breadcrumbs a{
color:#666666;
}
#content{
margin:0px 0px 0px 0px;
width:500px;
padding:0px 0px 20px 10px;
line-height:1.6em;
text-align:left;
}
#content p{
margin: 12px 0 12px 0;
}
a:link {
text-decoration: none;
color: #000000;
font-weight: bold;
}
a:visited {
text-decoration: none;
color: #000000;
font-weight: bold;
}
a:hover {
text-decoration: underline;
color: #9e1212;
}
#content h1 {
margin: 0 0px 10px 0;
font-size:20pt;
font-weight:bold;
color:#e57eb3;
}
#content h2{
margin: 0 0px 10px 0 ;
font-size:14pt;
font-weight:bold;
color:#e57eb3;
}
#content h3 {
margin: 0 0px 0 0;
font-size:12pt;
font-weight:bold;
color:#007dc3;
}
#content h4 {
margin: 0 0px 0 0;
font-size:12pt;
font-weight:bold;
color:#000000;
}
#content h5 {
margin: 0 0px 0 0;
font-size:9pt;
font-weight:normal;
color:#999999;
}
#content h6 {
margin: 0 0px 10px 0;
line-height:30px;
font-size:20pt;
font-weight:bold;
color:#e57eb3;
}
#content img{
margin: 0 0px 0 0px;
display:inline;
color:#303030;
border:0px solid #f0f0f0;
}
#sizerdate {
height:50px;
line-height:1.6em;
font-size:12px;
}
#sizerdate img{
display:inline;
line-height:1.6em;
font-size:12px;
}
#boynames {
margin: 0 0px 10px 0 ;
font-size:14pt;
font-weight:bold;
color:#007dc3;
}
#girlnames {
margin: 0 0px 10px 0 ;
font-size:14pt;
font-weight:bold;
color:#e57eb3;
}
#dittodate {
font-size:10px;
margin:0 0 0 0;
}
.right {
text-align: right;
margin: 0px;
padding:0 0 0 5px;
}
#contenthome{
margin:0px 280px 20px 0px;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
padding:0px 10px 0 10px;
line-height:1.6em;
text-align:left;
}
#contenthome p{
margin: 5px 0 5px 0;
}
#contenthome h2{
font-size:14px;
margin:0 0 0 0;
}
#contenthome img{
display:inline;
color:#303030;
border:0px solid #f0f0f0;
}
h3{
font-size:1.3em;
margin:0 0 10px 0;
}
a img{
border:0;
}
/*footer area */
#footer {
width:1020px;
height:80px;
background-image:url(../images/footer.jpg);
clear: both;
text-align:center;
}
#footer img {
padding-top:10px;
padding-right:10px;
padding-left:10px;
}
#bottomnav {
font-family: Arial;
color: #ffffff;
font-size: 9pt;
}
#bottomnav a {
font-family: Arial;
color: #ffffff;
font-size: 9pt;
text-decoration:none;
}
#bottomnav a:hover {
text-decoration:underline;
}
/*copyright text */
.copyright {
font-family: Arial;
color:#666666;
font-size: 9pt;
text-align:center;
margin-top:5px;
}
/*site credit */
#credit {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size: 11px;
text-align:right;
font-weight:normal;
width: 1000px;
margin: 0px auto;
padding: 0px;
border:0;
padding-bottom:10px;
background-color:#ebebeb;
}
#credit a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 11px;
font-weight:normal;
}
#credit a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #9e1212;
font-size: 11px;
font-weight:normal;
}
#credit a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 11px;
font-weight:normal;
}
hr {
color:#c3e3fa;
size:1px;
height:1px;
width:99%;
text-align:left;
margin-left: 0px;
margin-top:20px;
clear: inherit;
}
.horizdivider {
padding-left:-100px;
}
.left{
margin:0px 10px 5px 0;
padding-right:5px;
float:left;
}
.nodecorationbold{
text-decoration:none;
font-weight:bold;
}
.nodecorationbold a {
text-decoration:none;
font-weight:bold;
}
.right{
margin:10px 0 5px 10px;
float:right;
}
#cmrfacebook {
width:180px;
text-align:left;
margin-left:10px;
background:#ffffff;
line-height:1.6em;
font-size:12px;
}
#cmrfacebook img{
padding: 5px 0 5px 0;
}
.textright{
text-align:right;
}
.center{
text-align:center;
}
.small{
font-size:0.8em;
}
.bold{
font-weight:bold;
}
.hide{
display:none;
}
/* side menu */
#cmrlogo { clear:left;
float:left;
width:200px;
height:140px;
text-align:left;
background-image:url(../images/cmr-logo-home.jpg);
margin-left:0px;
}
#cmrlogo-french { clear:left;
float:left;
width:200px;
height:140px;
text-align:left;
background-image:url(../images-f/CMR-Logo-French.jpg);
margin-left:0px;
}
#sideMenu {
font-size:12px;
clear:left;
float:left;
width:180px;
text-align:left;
padding-left:10px;
background:#ffffff;
text-decoration:none;
}
#sideMenu ul {
list-style:none;
width:155px;
padding:0;
}
#sideMenu ul li{
list-style:none;
width:155px;
padding:0;
}
#sideMenu ul li ul{
list-style:none;
width:155px;
padding:0;
}
#sideMenu ul a {
list-style:none;
width:155px;
padding:0; text-decoration:none;
}
#sideMenu ul li a{
list-style:none;
width:155px;
padding:0; text-decoration:none;
}
#sideMenu ul li ul a{
list-style:none;
width:155px;
padding:0; text-decoration:none;
}
#sideMenu a {
font-weight:bold;
height:20px;
text-decoration:none;
color:#000000;
}
#sideMenu li.here a {text-decoration:none;
color:#000000;
}
#sideMenu div.subdiv a {text-decoration:none;
color:#505050;
}
#sideMenu div.subdiv li.here a {text-decoration:none;
color:#3f729f;
}
#sideMenu a:hover, #sideMenu div.subdiv a:hover, #sideMenu li.here a:hover {
color:#9e1212;
}
#sideMenu ul li ul li a {border-bottom: 1px solid #000000;
text-decoration:none;
}
#sideMenu2 {
clear:left;
float:left;
width:180px;
text-align:left;
padding-left:10px;
background:#ffffff;
text-decoration:none;
}
#sideMenu2 ul {
list-style:none;
width:155px;
padding:0;
}
#sideMenu2 ul li{
list-style:none;
width:155px;
padding:0;
}
#sideMenu2 ul li ul{
list-style:none;
width:155px;
padding:0;
}
#sideMenu2 ul a {
list-style:none;
width:155px;
padding:0; text-decoration:none;
font-weight:normal;
}
#sideMenu2 ul li a{
list-style:none;
width:155px;
padding:0; text-decoration:none;
}
#sideMenu2 ul li ul a{
list-style:none;
width:155px;
padding:0; text-decoration:none;
}
#sideMenu2 a {
font-weight:bold;
height:20px;
text-decoration:none;
color:#000000;
}
#sideMenu2 li.here a {text-decoration:none;
color:#000000;
}
#sideMenu2 div.subdiv a {text-decoration:none;
color:#505050;
}
#sideMenu div.subdiv li.here a {text-decoration:none;
color:#3f729f;
}
#sideMenu2 a:hover, #sideMenu div.subdiv a:hover, #sideMenu li.here a:hover {
color:#9e1212;
}
#sideMenu2 ul li ul li a {border-bottom: 1px solid #000000;
text-decoration:none;
}
#resources {
width:180px;
text-align:left;
margin-left:10px;
background:#ffffff;
}
#resources p {
margin: 0px 0 0px 0;
padding: 5px 0 5px 0;
clear:left;
}
resources img {
display:inline;
}
#resources h1 {
margin: 0 0 2px 0;
font-size:12px;
font-weight:bold;
}
#resources a {
text-decoration: none;
}
#resources a:hover {
text-decoration: none;
background:#f1f1f1;
}
#dividerblue {
width:100%;
text-align:left;
height:10px;
clear:left;
background:#007dc3;
margin: 10px 0 10px 0;
}
#resources img {
display:inline;
color:#303030;
border:0px solid #f0f0f0;
}
.poll {
width:100%;
font-size:1em;
margin:0;
padding:0;
}
.poll_container {
width:100%;
background-color:#f1f1f1;
color:black;
border:1px solid black;
padding-top:0.5em;
padding-bottom:0.5em;
margin-left:auto;
margin-right:auto;
}
.poll_question {
width:100%;
text-align:center;
}
.poll_row_container {
width:100%;
padding:.1em 0;
}
.poll_choice {
width:30%;
float:left;
text-align:left;
padding-left:0em;
}
.poll_votes {
width:15%;
float:left;
padding-right:.5em;
text-align:right;
}
.poll_bar_container {
width:35%;
height:.98em;
background-color:#c6c981;
border:1px solid black;
float:left;
margin:.1em;
}
.poll_bar {
height:.98em;
background-color:#961c01;
float:left;
margin:0;
padding:0;
}
.poll_percent {
text-align:right;
padding-right:1em;
margin-left:auto;
margin-right:auto;
}
.poll_totalvotes {
width:45%;
text-align:right;
}
.float_left_text_right {
width:50%;
float:left;
text-align:right;
margin:0;
padding:0;
}
.float_right_text_left {
width:50%;
float:right;
text-align:left;
margin:0;
padding:0;
}
.space_line {
clear: both; margin: 0; padding: 0; width: 90%;
}
/* menu */
.menu {
z-index:1000;
font-size:110%;
margin:0px 0 0px 0px; /* this page only */
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:155px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:0px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#ffffff;
height:20px;
}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* style the links */
.menu a, .menu a:visited {
display:block;
text-decoration:none;
height:20px;
line-height:20px;
width:160px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 0px 1px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#ffffff; width:180px; w\idth:180px;}
/* style the link hover */
* html .menu a:hover {color:#fff;}
.menu :hover > a {
color:#fff;
background:#f1f1f1;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:160px;
width:155px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
width:155px;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
visibility:visible;
}