/*
Pacific In Vitro Fertilization
Core CSS
----------------------------------------
*/

/* Main Structure
---------------------------------------- */
html { background: transparent; }

body {
	background: #003563 url(../img/bg_lace_top.gif) repeat-x top center;
	}

a {
    text-decoration: none; 
    }

#container {
    width: 990px;
    margin: 0 auto;
    }


/* Header
---------------------------------------- */
#header {
    position: relative;
    height: 81px;
    }

#logo {
    padding: 27px 0 0 51px;
    }

#locale {
    position: absolute;
    top: 27px;
    right: 14px;
    font-family: Times, "Times New Roman", serif;
    font-size: 100%;
    color: #f49ac2;
    }
    
#locale a { 
    display: block;
    width: 50px;
    height: 15px;
    color: #f49ac2;
    }
#locale a:hover {
    text-decoration: underline;
    }

#tag {
    position: absolute;
    right: 14px;
    bottom: 4px;
    }


/* Main
---------------------------------------- */
#main {
    background: #fff;
    height: 600px
    }

#nav {
    float: left;
    display: inline;
    position: relative;
    background: #c3daec url(../img/bg_nav.gif) repeat-y top left;
    width: 145px;
    height: 590px;
    margin: 5px 0 0 5px;
    font-family: Times, "Times New Roman", serif;
    }

#nav ul {
    background: transparent url(../img/handprint_left.gif) no-repeat 14px 18px;
    padding-top: 70px;
    position: relative;
    z-index: 10;
    }

#nav ul li {
    text-align: right;
    }

#nav ul li a {
    display: block;
    margin: 6px 0 6px 15px;
    padding: 3px 15px 3px 0;
    text-transform: uppercase;
    width: 115px;
    font-weight: bold;
    color: #000;
    }

#nav ul li a:hover {
    background-color: #fff;
    }
#nav ul li a.sel_section {
    background-color: #fff;
    }

/* Second Level Nav */
#nav ul li ul {
    background: transparent;
    padding-top: 0;
    }

#nav ul li ul li a {
    display: block;
    margin: 0 0 0 15px;
    padding: 0 15px 5px 0;
    text-transform: none;
    font-weight: normal;
    color: #000;
    }

#nav ul li ul li a:hover, #nav ul li ul li a.sel_subsection {
    background: none;
    color: #003563;
    }

#nav-footer {
    position: absolute;
    background: transparent url(../img/handprint_right.gif) no-repeat 37px 0;
    width: 140px;
    height: 110px;
    bottom: 6px;
    }

#nav-footer p {
    position: absolute;
    bottom: 0;
    width: 125px;
    margin-left: 15px;
    font-size: 85%;
    }

#nav-footer a { color: #000; }


/* Content
---------------------------------------- */
#content-container {
    float: right;
    position: relative;
    width: 840px;
    }

#content {
    background: #f1f6fc url(../img/bg_lace_mid.gif) repeat-y top left;
    margin: 40px 5px 0 5px;
    border-top: 6px solid #dfeaf4;
    height: 459px;
    }

#content a {
    color: #e2659e;
    }
#content a:hover { text-decoration: underline; }

#content-body,
#content-body-tworow {
    position: absolute;
    background-color: transparent;
    background-position: top right;
    background-repeat: no-repeat;
    margin: 0 0 0 20px;
    top: 5px;
    right: 5px;
    width: 815px;
    height: 531px;
    font-family: Times, "Times New Roman", serif;
    }
#content-body-tworow {
    width: 830px;
    }
#tworow-container {
    margin-left: 15px;
    }

/* Header */
#content-header h1,
#content-header-home h1,
#content-header-twocol h1,
#content-header-tworow h1,
#content-header-full h1 {
	display: block;
	background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
	text-indent:-9999px;
	}

/* Header - Variations */
#content-header,
#content-header-twocol,
#content-header-tworow,
#content-header-full {
    margin: 5px 0 20px;
    }
#content-header-home {
    margin: 60px 0 10px;
    }

#content-header h1,
#content-header-twocol h1,
#content-header-tworow h1,
#content-header-full h1 {
    width: 640px;
    height: 45px;
    }
#content-header-home h1 {
    width: 370px;
    height: 55px;
    }

/* Text */
#content-text,
#content-text-home,
#content-text-twocol,
#content-text-tworow,
#content-text-full {
    overflow-y: auto;
    font-size: 108%;
    line-height: 153.9%;
    }
#content-text h3,
#content-text-home h3,
#content-text-twocol h3,
#content-text-tworow h3,
#content-text-full h3 {
    margin: 0 0 0 20px;
    font-weight: bold;
    }
#content-text h4,
#content-text-home h4,
#content-text-twocol h4,
#content-text-tworow h4,
#content-text-full h4 {
    margin: 0 0 0 20px;
    text-decoration: underline;
    }
#content-text p,
#content-text-home p,
#content-text-twocol p,
#content-text-tworow p,
#content-text-full p {
    margin: 0 0 10px 20px;
    }

#content-text li,
#content-text-home li,
#content-text-twocol li,
#content-text-tworow li,
#content-text-full li {
    margin: 10px 0 4px 20px;
    }

#content h3 a,
#content li a {
    display: block;
    width: 95%;
    margin-top: 4px;
    color: #000;
    }
#content h3 a:hover,
#content li a:hover {
    color: #003563;
    text-decoration: underline;
    }

#content h3 a.inline-link {
    display: inline;
    color: #e2659e;
    }
#content h3 a.inline-link:hover {
    color: #e2659e;
    text-decoration: underline;
    }

.article-name {
    font-weight: bold;
    font-style: italic;
    }

.seminar-address {
    font-size: 93%;
    line-height: 131%;
    }

/* Text - Variations */
#content-text {
    width: 445px;
    height: 410px;
    }
#content-text-home {
    width: 400px;
    height: 350px;
    }
#content-text-twocol {
    width: 640px;
    height: 410px;
    }
#content-text-tworow {
    width: 800px;
    height: 200px;
    }
#content-text-full {
    width: 800px;
    height: 410px;
    }

#content-quote,
#content-secondary {
    position: absolute;
    top: 315px;
    right: 10px;
    width: 160px;
    height: 185px;
    text-align: center;
    font-size: 108%;
    line-height: 138.5%;
    color: #003563;
    }
#content-quote {
    font-weight: bold;
    font-style:  italic;
    }
#content-secondary h4 {
    font-weight: bold;
    margin-bottom: 5px;
    }

#content-quote p,
#content-secondary p {
    margin-bottom: 10px;
    }

/* Text - Other */
.tworow-twocollist li {
    float: left;
    display: inline;
    width: 350px;
    }

.tworow-twocollist li a {
    display: inline;
    margin: 0 !important;
    font-weight: bold;
    }

.text-twocollist {
    float: left;
    width: 200px;
    margin: 0 0 10px;
    }

.text-twocollist li {
    line-height: 116%;
    padding-left: 15px;
    }


/* Special Text */
.text_tvspots { text-align: center; }


/* Pop-ups */
#fancy_div {
    height: 100%;
    }

.fancy-pop {
    background: #f1f6fc url(../img/bg_lace_fancy.gif) repeat-y top left;
    height: 100%;
    font-family: Times, "Times New Roman", serif;
    overflow: auto;
    }

.fancy-pop-text {
    padding: 25px 15px 15px 35px;
    font-size: 108%;
    line-height: 153.9%;
    }

.fancy-pop h4 {
    font-weight: bold;
    font-style: italic;
    font-size: 116%;
    margin-bottom: 10px;
    color: #003563;
    }

.fancy-pop p {
    margin-bottom: 10px;
    }

.fancy-pop-text ol li {
    list-style-type: decimal;
    margin-left: 40px;
    }

.fancy-pop a {
    color: #e2659e;
    }
.fancy-pop a:hover { text-decoration: underline; }

/* Dr. Info */
.dr-img {
    float: left;
    width: 105px;
    height: 142px;
    }

.dr-name {
    height: 142px;
    text-align: center;
    }
.dr-name h3, .dr-name h4 {
    color: #003563;
    font-weight: normal;
    }
.dr-name h3 {
    padding-top: 40px;
    font-size: 123.1%;
    text-transform: uppercase;
    }
.dr-name h4 {
    font-size: 116%;
    font-style: italic;
    }

.dr-info {
    clear: both;
    }


/* Gallery
---------------------------------------- */
#gallery {
    width: 100%;
    }

#gallery-header {
    background: #fff url(../img/bg_gallery.gif) repeat-x top left;
    margin: 0 5px;
    }

#gallery h2 {
    background: transparent no-repeat top left; /* Image Removed */
    display: block;
	height: 36px;
	text-indent:-9999px;
    }

#gallery ul {
    margin: 4px 0 0 0;
    }

#gallery li {
    display: inline;
    }

#gallery li a {
    background: transparent url(../img/gallery/gallery_small.jpg) no-repeat 0 0;
    float: left;
    display: block;
    margin: 0 4px 0 3px;
    width: 49px;
    height: 50px;
    }

#gallery li a.last {
    margin-right: 0;
    }

#gallery li #img01 { background-position: 0px 0px; }
#gallery li #img02 { background-position: -49px 0px; }
#gallery li #img03 { background-position: -98px 0px; }
#gallery li #img04 { background-position: -147px 0px; }
#gallery li #img05 { background-position: -196px 0px; }
#gallery li #img06 { background-position: -245px 0px; }
#gallery li #img07 { background-position: -294px 0px; }
#gallery li #img08 { background-position: -343px 0px; }
#gallery li #img09 { background-position: -392px 0px; }
#gallery li #img10 { background-position: -441px 0px; }
#gallery li #img11 { background-position: -490px 0px; }
#gallery li #img12 { background-position: -539px 0px; }
#gallery li #img13 { background-position: -588px 0px; }
#gallery li #img14 { background-position: -637px 0px; }
#gallery li #img15 { background-position: -686px 0px; }


/* Footer
---------------------------------------- */
#footer {
    clear: both;
    position: relative;
    margin: 12px 0;
    font-family: Times, "Times New Roman", serif;
    font-size: 85%;
    color: #fff;
    }

#privacy {
    position: absolute;
    bottom: 0
    left: 0;
    width: 200px;
    margin-left: 20px;
    }

#privacy a {
    color: #c3daec;
    text-decoration: underline;
    }

#address {
    float: right;
    width: 835px;
    text-align: center;
    }


/* Miscellaneous
---------------------------------------- */
br.clearboth, div.clearboth { 
	clear: both;
    font: 1px/1px sans-serif;
	height: 1px;
	margin: -1px;
	}

.allcaps {
    text-transform: uppercase;
    }

img.inline-left {
    float: left;
    margin: 0 5px 5px 0;
    }

img.icon {
    padding: 4px 0 0 5px;
    }


/* Pop-up
---------------------------------------- */
body.popup {
	background: #003563 url(../img/bg_lace_pop.gif) repeat-x top center;
	}

#logo-pop {
    margin: 15px 0;
    text-align: center;
    }

#main-form {
    background: #f1f6fc;
    width: 360px;
    margin: 0 auto;
    font-family: Times, "Times New Roman", serif;
    font-size: 108%;
    line-height: 153.9%;
    }

#header-pop {
    padding: 15px 0;
    text-align: center;
    font-size: 138.5%;
    color: #003563;
    }

.subhead {
    font-style: italic;
    }

.field-group {
    margin: 5px 15px;
    }

.field-name {
    float: left;
    width: 50px;
    }

.field-value {
    float: right;
    width: 275px;
    }
.field-value input {
    width: 270px;
    border: 1px solid #c3daec;
    }

.field-checkboxes input {
    border: 1px solid #c3daec;
    }
.field-checkboxes label {
    margin: 0 30px 0 4px;
    color: #003563;
    }
.checkboxes-text {
    color: #003563;
    }
.field-checkbox-row {
    margin: 3px 0;
    }

.field-fulltext textarea {
    width: 330px;
    border: 1px solid #c3daec;
    }
.field-submit {
    padding: 5px 0;
    text-align: center;
    }

#pop-textmsg {
    padding: 15px 15px 40px;
    text-align: center;
    }
#pop-textmsg a {
    color: #e2659e;
    }
#pop-textmsg a:hover { text-decoration: underline; }

#footer-pop {
    margin: 4px auto;
    width: 330px;
    font-family: Times, "Times New Roman", serif;
    font-size: 85%;
    }

#footer-pop a {
    color: #fff;
    text-decoration: underline;
    }