/* andreas00 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com/ . Free to use for any purpose as long as the proper credits are given to the original author.
Version: 2.0 (Jan 29, 2007) */
body {
color:#666;
margin:0 auto;
padding:0;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 0.75em;
background-color: #B7CCE7;
line-height: 1.6em;
}
/* Main layout and header */
#wrap {
width:980px;
background-color: #fff;
margin-right: auto;
margin-left: auto;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 15px;
padding-left: 5px;
background-repeat: repeat-y;
background-position: center top;
}
#header {
color:#505050;
height:240px;
margin:0 0 10px;
padding:0;
background-color: #fff;
background-image: url(img/Baby-banner-v2.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
#header h1 {
font-size:4em;
font-weight:normal;
letter-spacing:-2px;
margin:0 0 4px 15px;
padding:15px 0 0;
}
#header h1 a,#header h1 a:hover {font-weight:400; padding:0;}
#header p {font-size:1.1em; letter-spacing:-1px; margin:0 0 20px 15px; padding:0 0 0 3px;}
/* Left sidebar and menu */
#leftside {
clear:left;
float:left;
padding:0;
width:170px;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#leftside ul.avmenu {
list-style:none;
padding:0;
width:170px;
margin-top: 0;
margin-right: 0;
margin-bottom: 18px;
margin-left: 0;
}
#leftside ul.avmenu li {
display:inline;
padding:0;
width:160px;
}
#leftside ul.avmenu li a {
float:left;
font-size:.8em;
font-weight:700;
margin-bottom:6px;
text-decoration:none;
width:160px;
background-color: #FFFFFF;
background-image: url(img/menubg2.gif);
background-repeat: repeat-x;
background-position: left bottom;
line-height: 16pt;
padding-right: 1px;
padding-bottom: 3px;
padding-left: 5px;
padding-top: 3px;
color: #316DBD;
}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {
color:#316DBD;
background-color: #FFFFFF;
background-repeat: repeat-x;
background-position: left bottom;
background-image: url(img/menubg.gif);
}
#leftside ul.avmenu ul {
font-size:14em;
margin:0 0 0 15px;
padding:0 0 5px 0;
width:133px;
font-weight: normal;
}
#leftside ul.avmenu ul a {
width:141px;
font-weight: normal;
font-size: 12px;
padding-top: 3px;
padding-right: 1px;
padding-bottom: 3px;
padding-left: 9px;
}
#leftside ul.avmenu ul ul {
font-size:9em;
width:120px;
font-weight: normal;
}
#leftside ul.avmenu ul ul a {width:108px;}
#leftside h2 {
font-size:1.2em;
font-weight:400;
color: #316DBD;
letter-spacing: -1px;
}
#leftside .announce {
clear:left;
color:#505050;
line-height:1.4em;
padding:5px;
background-color: #FFFFFF;
width: 160px;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
background-image: url(img/menubg.gif);
background-repeat: repeat-x;
background-position: left bottom;
border: thin solid #D3DDEB;
}
#leftside p,.announce p {
font-size:0.9em;
color: #333333;
}
/* Right sidebar */
#extras {
float:right;
padding:0;
width:150px;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
background-color: #FFFFFF;
}
#extras p,#extras ul {
font-size:1em;
line-height:1.5em;
margin:0 0 1.5em;
padding:0;
color: #316DBD;
}
#extras li {list-style:none; margin:0 0 6px; padding:0;}
#extras h2 {
font-size:1.4em;
font-weight:400;
letter-spacing:-1px;
margin:0 0 6px;
color: #316DBD;
}
/* Main content variations */
#content {
margin:10px 160px 10px 185px;
padding:0;
text-align:left;
line-height: 1.5em;
}
#contentwide {
text-align:left;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
line-height: 1.5em;
width: 780px;
float: right;
clear: left;
padding-top: 0;
padding-right: 4px;
padding-bottom: 0;
padding-left: 0;
}
#content h1,#contentwide h1 {
font-size:1.5em;
font-weight:normal;
margin:6px 0;
padding:0;
color: #316DBD;
line-height: 1.3em;
}
#content h2,#contentwide h2 {
font-size:1em;
font-weight:700;
line-height: 130%;
color: #316DBD;
margin: 0px;
}
#content img,#contentwide img {
display:inline;
padding:1px;
margin-top: 0;
margin-right: 3px;
margin-bottom: 3px;
margin-left: 0px;
}
#content ul,#content ol,#contentwide ul,#contentwide ol {
padding:0;
list-style-type: none;
margin-top: 0;
margin-right: 0;
margin-bottom: 25px;
margin-left: 0px;
}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 20px;}
#content li,#contentwide li {
background-image: url(img/bottle.gif);
background-repeat: no-repeat;
margin-bottom: 12px;
text-align: left;
background-position: left top;
text-decoration: none;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 25px;
font-size: 1.2em;
line-height: 1.4em;
}
#content2 li,#contentwide2 li {
background-image: url(img/pramicon.gif);
background-repeat: no-repeat;
margin-bottom: 8px;
text-align: left;
background-position: left top;
text-decoration: none;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 24px;
font-size: 10pt;
color: #316DBD;
margin-top: 9px;
font-weight: 700;
}
/* Footer */
#footer {
background:#fff;
clear:both;
color:#999999;
font-size:0.9em;
margin:0 auto;
padding:8px 0;
text-align:center;
width:980px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #CEDAEA;
}
#footer p {margin:0; padding:0;}
#footer a {
background:inherit;
color:#4078C1;
font-weight:400;
text-decoration:none;
}
#footer a:hover {text-decoration:underline;}
/* Links and paragraphs */
a {
background:inherit;
color:#316DBD;
text-decoration:underline;
font-weight:400;
}
a:hover {
background:inherit;
color:#316DBD;
text-decoration:underline;
}
a img {border:0;}
p {
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
margin-top: 0px;
font-size: 1.2em;
line-height: 1.6em;
}
/* Various classes */
.announce h2 {
padding:0;
margin-top: 0;
margin-right: 0;
margin-bottom: 6px;
margin-left: 0;
}
.textright {
text-align:right;
font-weight: bold;
margin-top: -3px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}
.blue {
color: #4078C1;
}
/* Tables */
table {
border-collapse:collapse;
line-height:1.3em;
width:100%;
margin-top: 8px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
padding: 0;
}
caption {
font-weight:400;
margin:0;
padding:6px 0 8px;
text-align:left;
font-size: 13px;
line-height: 24px;
color: #000000;
}
th {
background-color: #FFFFFF;
padding: 0px;
text-align: left;
font-weight: normal;
color: #F2A6CB;
}
td {
text-align:left;
background-color: #F2F5F9;
font-weight: normal;
vertical-align: top;
line-height: 1.4em;
padding-top: 5px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 10px;
}
.tablefontsize {
font-size: 1em;
}
.tablefontsize a {
font-size: 1.1em;
color: #0DA0C0;
text-decoration: underline;
font-weight: bold;
}