body {font-size: 10px; background-color: #FFFFFF;}

/* --------------------links-------------------- */

a:link {color: #9900CC;}
a:visited {color: #663399;}
a:active {color: #BD0043;}

/* --------------------image sizes--------------- */

img.entry {width: 40em; height: 30em;}
img.teensyportrait {width: 1em; height: 1.4em;}
img.teensylandscape {width: 1.4em; height: 1em;}
img.titchyportrait {width: 2.5em; height: 3.5em;}
img.titchylandscape {width: 3.5em; height: 2.5em;}
img.smallportrait {width: 5em; height: 7em;}
img.smalllandscape {width: 7em; height: 5em;}
img.mediumportrait {width: 10em; height: 14em;}
img.mediumlandscape {width: 14em; height: 10em;}
img.largeportrait {width: 25em; height: 35em;}
img.largelandscape {width: 35em; height: 25em;}
img.largelandscape2 {width: 56em; height: 40em;}
img.hugeportrait {width: 75em; height: 105em;}
img.hugelandscape {width: 105em; height: 75em;}

img.smallportrait2 {width: 4em; height: 6em;}
img.smalllandscape2 {width: 6em; height: 4em;}
img.mediumportrait2 {width: 8em; height: 12em;}
img.mediumlandscape2 {width: 12em; height: 8em;}

img.mediumportrait3 {width: 12em; height: 18em;}

img.smallvideo {width: 20em; height: 11.6em;}
img.mediumvideo {width: 40em; height: 23.3em;}
img.largevideo {width: 80em; height: 46.5em;}

/* --------------------image surrounds--------------- */

img {border: none;}

img {margin: 0em 0em 1em 0em; padding: 0em 2em 0em 0em;}
img.left {padding: 0em 1em 0em 0em;}
img.right {padding: 0em 0em 0em 1em;}
img.pad_top {padding-top: 0.5em;}

.listpage img.titchyportrait {padding: 0em 4.5em 0em 0.5em;}
.listpage img.titchylandscape {padding: 0em 3em 0em 0em;}
.listpage img.smallportrait {padding: 0em 4em 0em 1em;}
.listpage img.smalllandscape {padding: 0em 3em 0em 0em;}
.listpage img.smallportrait2 {padding: 0em 4em 0em 1em;}
.listpage img.smalllandscape2 {padding: 0em 3em 0em 0em;}

img.framed {border: 0.2em solid #826BA9;}

/* --------------------images on special pages--------------- */

#zero.zeropage img.entry {padding: 0em 0em 0em 0em;}
#zero.zeropage img.largelandscape {padding: 0em 0em 0em 0em;}
#zero.zeropage #coupleworks {margin-left: 2em; padding: 1em 2em 1em 2em; width: 8em; text-align: center; font-size: 1.5em; background-color: #CCCCFF;}
#identity img {width: 8.4em; height: 6em; border: none;}
#web_contents.page li img {margin: 0em 0em 0em 0em; padding: 0em 0.5em 0em 0em; vertical-align: baseline;}
#web_new.page dd img {margin: 0em 0em 0em 0em; padding: 0em 0.5em 0em 0em; vertical-align: baseline;}
#birthing_seat_pictures_positions.page img.mediumportrait {padding: 0em 0em 0em 2em;}
#welcome #conclusion img.framed {margin-right: 2em; padding: 0em;}
#products img.framed {margin-right: 2em; padding: 0em;}

/* --------------------navigation-------------------- */

/* --------------------identity-------------------- */

#identity {position: absolute; left: 1em;}

/* ------------------upper top navigation line-------- */

#navtop1 {margin-left: 6em; padding-top: 0.2em; padding-bottom: 0.3em; padding-left: 0em; font-family: "Arial Black", "Helvetica", sans-serif; font-size: 1.5em; background-color: #826BA9;}
#navtop1 span.contacts {margin-left: 0.7em; margin-right: 0.5em; padding-left: 0.5em;}
/* #navtop1 span.new {padding-right: 0.5em;} */
#navtop1 span {padding-left: 0.5em;}
#navtop1 .rightarrow {font-size: 1em; color: #00FF00;}
#navtop1 .downarrow {font-size: 1em; color: #00FF00;}
#navtop1 .current {padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; color: #663399; background-color: #D1C9DF;}
#navtop1 a:link {color: #66FFFF;}
#navtop1 a:visited {color: #D1C9DF;}
#navtop1 a:active {color: #FFFF33;}

/* -----middle top navigation line on home page---- */
/* -----lower top navigation line on other pages----- */

#navtop2 {margin-left: 6em; padding-top: 0.2em; padding-bottom: 0.3em; padding-left: 2em; font-family: "Arial Black", "Helvetica", sans-serif; font-size: 1.5em; background-color: #9781B7;}
#navtop2 span {padding-left: 1em;}
#navtop2 .current {padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; color: #663399; background-color: #D1C9DF;}
#navtop2 a:link {color: #66FFFF;}
#navtop2 a:visited {color: #D1C9DF;}
#navtop2 a:active {color: #FFFF33;}

/* -----lower top navigation line on home page----- */

#navtop3 {margin-left: 6em; padding-top: 0.2em; padding-bottom: 0.3em; padding-left: 2em;}
#navtop3 span {padding-left: 1em;}

/* ------------------bottom navigation lines-------- */

#navbottom1 {padding-left: 4em; text-align: left; font-size: 1.5em; font-weight: bold; color: #663399;}
#navbottom2 {padding-top: 0.5em; padding-right: 4em; text-align: right; font-size: 1.5em; font-weight: bold;}

/* --------------------pages and headings-------------------- */

.page {background-color: white; background-image: url(../../graphics_universal/logos/half_logo.png); background-repeat: no-repeat;}
.listpage {background-color: white; background-image: url(../../graphics_universal/logos/half_logo.png); background-repeat: no-repeat;}
.zeropage {background-color: white; background-image: none;}
.zeropage .caption h2 {color: #6D005C;}

#pageheading {padding-left: 2em; padding-right: 2em; margin-top: 0.5em; font-size: 2em;}
#pageheading .heading1 {text-align: left; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 2em; font-weight: bold; color: #6F559D;}
#pageheading .heading2 {margin-top: 0.5em; text-align: left; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1.2em; font-weight: bold; color: #A74992; word-spacing: 0.04em;}

#content {padding-left: 6em; padding-right: 4em; margin-top: 1.5em; font-size: 2em; text-align: justify; font-family: "Arial", sans-serif; font-size: 1.5em; color: #663399;}
#welcome dd {text-align: left;}
#content .heading1 {text-align: left; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 2em; font-weight: bold; color: #FF00FF;}
#content .heading2 {text-align: left; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1.2em; font-weight: bold; color: #A74992; word-spacing: 0.04em;}
#content .heading2 {margin: 1em 0em 0.5em 0em;}
#content .heading3 {text-align: left; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1.1em; font-weight: bold; color: #A74992; word-spacing: 0.04em;}
#content .heading4 {text-align: left; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1em; font-weight: bold; color: #6D005C;}
#content h1 {padding-left: 0.5em; padding-top: 0.2em; padding-bottom: 0.2em; text-align: left; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1.5em; font-weight: bold; color: #663399; background-color: #CCCCFF;}
#content h2 {text-align: left; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1.2em; font-weight: bold; color: #FF00FF;}
#content h3 {text-align: left; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1.2em; font-weight: bold; color: #663399;}
#content p.attribution {text-align: right;}

#content p {margin: 0em 0em 0.5em 0em;}
#content span.leader {font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 150%; font-style: italic; font-weight: bold;}
#content span.presenter {font-size: 1em;}
#content span.qualifications {font-size: 0.8em;}

/* ---------#content div.cols {position: relative; top: 0em;}--------------- */
/* ---------#content div.col1of4 {position: absolute; left: 0%;}--------------- */
/* ---------#content div.col2of4 {position: absolute; left: 20%;}--------------- */
/* ---------#content div.col3of4 {position: absolute; left: 40%;}--------------- */
/* ---------#content div.col4of4 {position: absolute; left: 60%;}--------------- */
/* ---------#content #aftercols {position: relative; top: 30em; left: 0%;}--------------- */

/* 
#content div.colheaders div.col1of4 {float: left; width: 15em; margin-right: 3em;}
#content div.colheaders div.col2of4 {float: left; width: 15em; margin-right: 3em;}
#content div.colheaders div.col3of4 {float: left; width: 15em; margin-right: 3em;}
#content div.colheaders div.col4of4 {float: left; width: 15em; margin-right: 3em;}

#content div.cols div.col1of4 {float: left; width: 15em; margin-right: 3em; text-indent: -1em;}
#content div.cols div.col2of4 {float: left; width: 15em; margin-right: 3em; text-indent: -1em;}
#content div.cols div.col3of4 {float: left; width: 15em; margin-right: 3em; text-indent: -1em;}
#content div.cols div.col4of4 {float: left; width: 15em; margin-right: 3em; text-indent: -1em;}
 */

#content div.cols div {float: left; width: 15em; margin-right: 3em; text-indent: -1em;}
#content div.colheaders div {float: left; width: 15em; margin-right: 3em; text-indent: -1em;}

#content div.colheaders img.smalllandscape {padding-top: 1em;}

#content ul.logo {list-style: none; margin-left: 0em; padding-left: 0em;}
#content ul.logo li {background: url(../../graphics_universal/logos/logobullet.png) no-repeat 0em 0.5em; margin-left: -1em; padding-left: 2.5em; text-align: left; line-height: 1.5;}

figure figcaption {text-align: center; font-size: 0.8em;}

.smallvideo.left {float: left; margin: 0em 3em 1em 0em;}
.smallvideo.right {float: right; margin: 0em 0em 1em 3em;}
.smallvideo video {width: 238px; height: 192px;}

.mediumvideo video {width: 357px; height: 288px;}

#content .logorule img {padding-left: 2em; padding-right: 2em;}

span.lang1 {display: none;}
span.lang2 {display: inline;}

/* --------------------special stuff for splash screen--------------- */
.zeropage #languages {margin-left: 30%; margin-right: 30%; text-align: center; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1.2em; color: #6F559D;}

/* ---------special stuff for Welcome page (not the splash screen)--------------- */

/* ---------div.news_banner {position: absolute; top: 10em; left: 40%; margin: 0em 0em 1em 3em; padding: 1em; background-color: #CCFFFF;}--------------- */
div.news_banner {width: 35%; margin: 1em 23em 2em 3em; padding: 2em; background-color: #CCCCFF; float: right;}
div.news_banner .news_heading {text-align: left; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 2em; font-weight: bold; color: #A74992; word-spacing: 0.04em;}
div.news_banner .news_heading span.birthrite {font-size: 1.2em; color: #6F559D;}
div.news_banner .news_sub-heading {padding-top: 0.5em; text-align: left; font-family: "Arial Black", "Helvetica", sans-serif; font-size: 1.2em; font-weight: normal; color: #6F559D; word-spacing: 0.04em;}
div.news_banner .news_item {text-align: left; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1.5em; font-weight: normal; color: #A74992; word-spacing: 0.04em;}
#welcome #content #introduction p {width: 60%; font-weight: 500; line-height: 1.3;}
#welcome #content #introduction li {width: 60%; font-weight: 500; line-height: 1.3;}
#welcome #content dt {clear:left;}
#welcome #content dd {width: 35%; margin-bottom: 1em;}
#welcome #box {position: absolute; top: 10em; left: 50em; width: 30%;}
#welcome #box .heading2 {text-align: center; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1.2em; font-weight: bold; color: #A74992;}
#welcome #box .heading2 a {position: relative; bottom: 1em; font-size: 0.8em; color: #A74992;}
#welcome #box_contents {border: 0.2em solid #826BA9; margin-bottom: 1em; padding-top: 1.5em; padding-bottom: 1.5em; padding-left: 1.5em; padding-right: 1.5em; height: 30em; text-align: justify; overflow: auto; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1em; color: #663399;}
#welcome #more {margin-bottom: 1em;}
#welcome #content #conclusion p {font-weight: 500; line-height: 1.3;}
#welcome #message {width: 100%; text-align: left;}
#content #message p.attribution {margin-top: 0.5em; text-align: right;}

#welcome #content .smallvideo.welcome {float: right; margin: 0em 0em 1em 3em;}
/* ---------next line if announcement (news banner)--------------- */
/* #welcome #video_introduction1 {position: absolute; top: 25em; left: 60%;} */
/* ---------next line if no announcement (news banner)--------------- */
#welcome #video_introduction1 {position: absolute; top: 12em; left: 60%;}

/* ---------special stuff for Willkommen page (not the splash screen)--------------- */

#willkommen #content p {clear:left;}
#willkommen #content p {width: 35em; margin-bottom: 1em;}
#willkommen #box {position: absolute; top: 17.5em; left: 50em; width: 35%;}
#willkommen #box p {width: 100%;}
#willkommen #box .heading2 {text-align: center; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1.2em; color: #A74992;}
#willkommen #box_contents {border: 0.2em solid #826BA9; margin-bottom: 1em; padding-top: 0em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 0em; height: 15em; text-align: left; overflow: auto; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1.1em; font-weight: bold; color: #663399;}
#willkommen #box_contents li span.normal {font-size: 0.8em; font-weight: normal;}
#willkommen #box_contents li {padding-bottom: 0.5em;}
#willkommen #message {width: 35em; text-align: left;}

/* -----------------------special stuff for What's New page---------------------------- */

#web_new #content dd {margin-bottom: 1em;}

/* -----------------------special stuff for which page?--------------------------- */

#new #content dt {clear:left;}
#new #content dd {width: 30em; margin-bottom: 1em;}
#midwifery {position: absolute; top: 10em; left: 50em; width: 30%;}
#midwifery .heading2 {text-align: center; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1.2em; font-weight: bold; color: #A74992;}
#midwifery .heading2 a {position: relative; bottom: 1em; font-size: 0.8em; color: #A74992;}
#news {border: 0.2em solid #826BA9; margin-bottom: 1em; padding-top: 1.5em; padding-bottom: 1.5em; padding-left: 1.5em; padding-right: 1.5em; height: 30em; font-size: 1em; text-align: justify; overflow: auto; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1em; color: #663399;}
#more {margin-bottom: 1em;}
#message {width: 40em;}

/* ------------------special stuff for illustrated table------------------------ */

#content table.illustrative {width: 70em;}
#content table.illustrative td.illustration {text-align: center; vertical-align: bottom;}
#content table.illustrative td.caption { text-align: center; padding-right: 2em; padding-bottom: 3em;}
#birthing_seat_pictures_positions #content table.illustrative td.caption {padding-bottom: 2em; text-align: center;}
#floor_studio_pictures #content table.illustrative td.caption {padding-bottom: 2em; text-align: center;}

/* ------------------special stuff for other pages------------------------ */

#workshops li {padding-bottom: 0.5em;}
#birthing_seat_pictures_suite #content img.animation_landscape {width: 30em; height: 22em;}
#birthing_seat_pictures_home #content img.animation_portrait {width: 22em; height: 30em;}
#birthing_seat_pictures_breech #content img.animation_landscape {width: 30em; height: 22em;}
#articles dt {padding-bottom: 0.5em;}
.listpage dd {margin-left: 10em;}

/* ----------------------------page provenance-------------------------------- */

#url {padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 5em; font-family: "Arial", "Helvetica", sans-serif; font-size: 1em; background-color: #9781B7;}
#dates {padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 5em; font-family: "Arial", "Helvetica", sans-serif; font-size: 1em; background-color: #826BA9;}
#dates span.copyright {padding-left: 2em;}
#dates a:link {color: #66FFFF;}
#dates a:visited {color: #D1C9DF;}
#dates a:active {color: #FFFF33;}