/* CSS Document */ body {font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; background: #fff;} #wrapper {display:block; margin: 0 auto; width: 775px; } #bg_top {background:url(img/background_01.jpg) no-repeat; width: 775px; height: 23px;} #bg_middle {background:url(img/background_02.jpg) repeat-y; width: 775px; height:100%; position: relative; } #bg_bottom {background: url(img/background_03.jpg) no-repeat; width: 775px; height: 13px;} #content {background:url(img/main_background.png) no-repeat; width: 765px; margin: 0 auto; display:block; } p, #references ol li{font-size: 1.2em; line-height: 150%; color: #4386ba; margin-left: 45px; margin-right: 25px } h2 {font-size: 1.4em;} a {color: #4386ba;} a:hover {color:#36AE53; } .bold {font-weight: bold;} ol {} /*HEADER ----------------------------------------------------------------------------------------------------------*/ #header {padding: 0 25px 0 60px; height: 50px; _height: 60px;} #header img#logo {float: left;} #header img#abroad {float: right; margin-top: -7px;} a#toggle {width: 159px; height:49px; background:url(img/btn_toggle.jpg) no-repeat; display:block; margin:-7px 0px 0 0px; text-indent: -5000px; overflow: hidden; float: right} a#toggle:hover {background-position: 50% -47px;} /*NAVIGATION ----------------------------------------------------------------------------------------------------------*/ #nav {list-style: none; padding: 6px 0 0 25px; margin: 0;} #nav li {float: left; overflow: hidden; /* if text-resize, this'll keep the nav the same size */} #nav li a {display: block; line-height: 38px; text-indent: -5000px; overflow: hidden; background-position: center top;} #navHome {width: 68px; background:url(img/nav-01.jpg) no-repeat;} #navWhat {width: 184px; background:url(img/nav-02.jpg) no-repeat;} #navAbout {width: 125px; background:url(img/nav-03.jpg) no-repeat;} #navTalk {width: 155px; background:url(img/nav-04.jpg) no-repeat;} #nav li a:hover {background-position: 50% -40px;} /* setting the highlite state on for the page you are on */ #home #navHome, #what #navWhat, #about #navAbout, #talk #navTalk {background-position: 50% -40px;} /*FOOTER ----------------------------------------------------------------------------------------------------------*/ div#footer_links {display: block; margin: 15px auto; font-size: 1em; color:#8f9091; height: 15px; width: 460px;} div#footer_links ul {list-style-type: none; margin: 0; padding: 0; } div#footer_links ul li {float: left; padding: 0 10px; border-right: 1px solid #8f9091; text-align: left; } div#footer_links ul li#no-line {border-right: 0px solid #8f9091;} div#footer_links a {text-decoration: none; color:#8f9091;} div#footer_links a:hover {text-decoration: underline;} div#footer {width: 780px; height: 100px; border-top: 1px solid #b2b3b3; display: block; margin: 0 auto; font-size: 1.1em; color:#c9c8c6;} div#footer ul {list-style-type: none; margin: 0; padding: 0; } div#footer ul li#logo {float: left; padding: 15px 0 0 0;} div#footer ul li#copyright {float: left; padding: 33px 25px 0 25px;} div#footer ul li#legal {float: left; width: 320px; padding: 33px 10px 0 0;} div#footer ul li#legal a {color:#c9c8c6; font-weight:bold; text-decoration:none; font-size: 1em;} /*LANDING PAGE ----------------------------------------------------------------------------------------------------------*/ #landing_top { position:relative; background:url(img/landing_01.png) no-repeat; height: 180px; } #landing_top img { display: block; margin: 0 auto; top: 80px; position: relative; } #landing_top a { font-size:11px; color:#000000; } #landing_top a:hover { color:#004080; } #landing_middle {background:url(img/landing_02.png) no-repeat; height: 176px; padding-left: 75px; } #landing #abroad {width: 295px; height: 150px; float: left; text-align: right; margin: 15px 15px 0 0} #landing #abroad img {margin: 15px;} #landing #abroad a {display: block; border: 1px solid #fff;} #landing #abroad a:hover {border: 1px solid #f0cee1; } #landing_divider {width: 2px; height: 150px; border-left: 1px solid #98bdd9; float: left; margin: 15px 3px 0 5px;} #landing #canada {width: 295px; height: 150px; float: left; margin: 15px 0 0 15px; } #landing #canada img {margin: 15px;} #landing #canada a {display: block; border: 1px solid #fff;} #landing #canada a:hover {border: 1px solid #9ee0b7; } #landing_bottom {background:url(img/landing_03.png) no-repeat; height: 124px;} /*HOME PAGE ----------------------------------------------------------------------------------------------------------*/ #flash {margin-left: 23px;} #flash img {display: block; margin: 0 0 0 25px; } #link_boxes {height: 115px; margin: 0 0 0px 25px; padding-bottom: 20px;} a#box_01 {width: 274px; height:111px; background:url(img/box-01_v2.jpg) no-repeat; display:block; margin: 10px 0 0 0px; text-indent: -5000px; overflow: hidden; float: left;} a#box_01:hover {background-position: 50% -111px;} a#box_02 {width: 273px; height:111px; background:url(img/box-02_v2.jpg) no-repeat; display:block; margin: 10px 0 0 0px; text-indent: -5000px; overflow: hidden; float: left;} a#box_02:hover {background-position: 50% -111px;} a#box_03 {width: 176px; height:111px; background:url(img/box-03_v2.jpg) no-repeat; display:block; margin: 10px 0 0 0px; text-indent: -5000px; overflow: hidden; float: left;} a#box_03:hover {background-position: 50% -111px;} /*SUBPAGES ----------------------------------------------------------------------------------------------------------*/ /*FLASH DIV*/ #container { height: 318px; width: 724px; } #container .box_two {display: block; float: left; width: 726px; height: 320px; position: absolute; z-index:100;} #boxes {display: block; margin-left: 550px; width:176px; height: 318px; position: relative; z-index:100; overflow: hidden; clip: rect( 0px, 0px, 0px, 550px); } #column_left {float:left; width: 525px; padding-bottom: 50px; margin-top:-500px; } #column_right {float: left; width: 724px; margin: 0 0 0 25px; padding-bottom: 50px;} #full_width {width: 750px; padding-bottom: 50px;} body#what h1 span {display: block; width: 394px; height: 21px; text-indent: -5000px; overflow: hidden; background:url(img/what_h1.png) no-repeat; margin: 40px 0 0 45px; padding: 0; position: relative;} body#what h2 span {display: block; width: 428px; height: 30px; text-indent: -5000px; overflow: hidden; background:url(img/what_h2.png) no-repeat; margin: 0px 0 0 45px; padding: 0; position: relative;} body#about h1 span {display: block; width: 126px; height: 17px; text-indent: -5000px; overflow: hidden; background:url(img/about_h1.png) no-repeat; margin: 40px 0 0 45px; padding: 0; position: relative;} body#about h2 span {display: block; width: 398px; height: 14px; text-indent: -5000px; overflow: hidden; background:url(img/about_h2.png) no-repeat; margin: 0px 0 0 45px; padding: 0; position: relative;} body#important h1 span {display: block; width: 238px; height: 21px; text-indent: -5000px; overflow: hidden; background:url(img/important_h1.png) no-repeat; margin: 35px 0 0 45px; padding: 0; position: relative;} body#talk #column_left {margin-top:-375px;} body#talk h1 span {display: block; width: 158px; height: 20px; text-indent: -5000px; overflow: hidden; background:url(img/talk_h1.png) no-repeat; margin: 40px 0 0 45px; padding: 0; position: relative;} body#talk h3 {margin: 10px 0 -13px 0;padding-bottom: 0; font-size: 1.0em;} body#talk ul#list {margin: -5px 25px 25px 0; padding-top: 0;} body#what ul#symptoms {margin: 0px 25px 0 0;} body#legal h1 span {display: block; width: 147px; height: 21px; text-indent: -5000px; overflow: hidden; background:url(img/legal_h1.png) no-repeat; margin: 40px 0 0 45px; padding: 0; position: relative;} body#legal h2, body#privacy h2 {margin: 25px 0 -10px 45px; padding-bottom: 0; font-size: 1.2em; color: #4386ba;} body#privacy h1 span {display: block; width: 185px; height: 21px; text-indent: -5000px; overflow: hidden; background:url(img/privacy_h1.png) no-repeat; margin: 40px 0 0 45px; padding: 0; position: relative;} body#references h1 span {display: block; width: 185px; height: 21px; text-indent: -5000px; overflow: hidden; background:url(img/references_h1.png) no-repeat; margin: 40px 0 0 45px; padding: 0; position: relative;} a#sidebarTalk {width: 184px; height:112px; background:url(img/rollover_doctor.jpg) no-repeat; display:block; margin: 10px -8px 0 0px; text-indent: -5000px; overflow: hidden; float: right} a#sidebarTalk:hover {background-position: 50% -113px;} /*ACCORDIAN (EXPAND AND COLLAPSE DIVS) ----------------------------------------------------------------------------------------------------------*/ #vertical_container {margin: 15px 0 0 45px; /*z-index:100;*/ position: relative} .accordion_toggle {display: block; height: 30px; width: 450px; background: url(img/toggle.jpg) no-repeat left ; padding: 0 10px 0 15px; line-height: 30px; font-weight: bold; text-decoration: none; font-size: 1.4em; color: #4386ba; border-bottom: 1px solid #dde9f0; cursor: pointer; margin: 0 0 0 0; } .accordion_toggle_active {background: url(img/toggle_active.jpg) no-repeat left; color: #4386ba; border-bottom: 1px solid #dde9f0; z-index:0} .accordion_content {background-color: #fff; color: #4386ba; overflow: hidden; width: 500px; font-size:1.2em; padding: 015px 0 15px;} .accordion_content p {line-height: 150%; padding: 0px 0px 0px 0px; font-size: 1.0em; margin-left: 0;} .accordion_content blockquote {border: 1px solid #cbd2d6; padding: 5px 15px 5px 25px; color:#36ae54; font-weight:bold; font-size:1.2em; width:350px; margin-left: 20px; } .accordion_content img {border: 0;} /*ICON LINKS ----------------------------------------------------------------------------------------------------------*/ p.acrobat_icon { /*border:1px solid red;*/ padding-left: 24px; background-repeat: no-repeat; background-position: left center; background-position-y: top; background-image: url(img/acrobat_8_20x20.jpg); }