/*layout*/ body{margin:0;background:#fff url("http://www.unitednurses.info/mock/images/landing_background.gif") repeat;} #header{width:100%;margin:0} #headerNavWrap{width:100%; border-bottom:2px solid;} #headerNav{width:720px; height:25px; margin:0 auto;} #logoWrap{width:100%;} #logo{width:720px;height:60px; margin:0 auto;} #navWrap{width:100%; height:2em; border-bottom:6px solid;} #nav{width:720px; height:2em; position:relative; margin:0 auto; padding: 0; z-index:99;} #nav a {display: block; width: auto; padding:3px 0px 0 0px;} #nav ul{display:block; margin:0; padding: 0; list-style: none;} #nav ul li{display:inline; float:right; padding-right:1em; padding-left:1.5em; padding-top:5px} #nav li {width: auto;} #nav li ul {position: absolute; width: 200px; left: -999em;} #nav li ul a{width:200px;padding-right:10px;} #nav li:hover ul {left: auto;} #nav li:hover ul, #nav li.sfhover ul {left: auto;} #nav ul li ul {padding-left:7px;} #nav ul li ul li{padding:0;} #nav ul li ul li a {padding:5px 0 0 5px; border:1px solid} #nav ul li ul li a:hover {border:1px solid;} #container{margin:0 auto; width:720px;} #main{float:left; width:75%; height:480px; z-index:99;} a img{border:none;} #splash{float:left; width:100%; height:248px; border:1px solid; margin-top:3px;} #splash div.animation{float:left; width:100%; height:100%;} div.animation li{display:none;} div.animation .frame{height:248px;} div.animation #frame4{width:100%;} div.animation #frame2{width:100%;} div.animation #frame3{width:100%;} div.animation #frame1{width:100%;} div.animation #frame5{width:100%;} #animation a{display:block; width:100%; height:100%;} img#midwives{float:right; margin:22px 22px 0 22px;} img#caption{float:right; margin:0 22px 0 22px;} img#type3{float:right; } img#img4{float:right; margin: 10px;} #section1{float:left; width:172px; height:auto; margin:3px 3px 3px 0; border:2px solid;} #section1 p{margin:0px 10px 10% 5px;} #section2{float:left; width:172px; height:230px; margin:3px 3px 3px 3px; border:2px solid} #section2 a{display:block; width:100%; height:100%;} #section3{float:left; width:172px; height:189px; margin:3px 0 3px 3px; border:2px solid} #section3 p{margin:5px 10px auto 10px;} #sidebar{float:right; width:23%; height:360px; margin-top:3px; margin-left:1%;} #sidebar h6{margin:0;} #hTopicsWrap{margin-top:1em;border:2px solid;} #hTopics{border:6px solid;} #hTopics ul{margin:7px 0 0 7px; padding:0; list-style: none;} #hTopics li{margin:0; padding:0px 0px 10px 25px; background: url("http://www.unitednurses.info/mock/images/heart.gif") no-repeat;} #qLinksWrap{margin-top:.5em; border:2px solid;} #qLinks{border:5px solid;} #qLinks ul{margin:7px 0 0 7px; padding:0; list-style: none;} #qLinks li{margin:0; padding:0px 0px 10px 25px; background: url("http://www.unitednurses.info/mock/images/heart.gif") no-repeat;} #inNewsWrap{margin-top:.5em; border:2px solid;} #inNews{border:5px solid;} #inNews ul{margin:7px 0 0 7px; padding:0; list-style: none;} #inNews li{margin:0; padding:0px 0px 10px 25px; background: url("http://www.unitednurses.info/mock/images/heart.gif") no-repeat;} #footerWrap{float:left; width:100%; height: 100%;} #footer{float:left; width:100%; height: 100%;} #copyright{width:100%} /*backgrounds and border colors*/ #header #headerNavWrap{background-color:#d9def0; border-color:#030;} #header #navWrap{background-color:#030; border-color:#d9def0;} #header #nav ul{background-color:#030;} #nav ul li ul li a {border-color:#030;} #nav ul li ul li a:hover {background-color: #d9def0; color:#030; border-color:#030;} #splash{border-color:#999;} div.animation #frame4{background:url("http://unitednurses.info/mock/images/slide4_type.gif") no-repeat 0 0;} div.animation #frame2{background:#fff url("#") no-repeat 0 0;} div.animation #frame3{background:#a6b9d9;} div.animation #frame1{background:#fcfcdb} div.animation #frame5{background:url("http://unitednurses.info/mock/images/slide5.jpg") no-repeat 0 0; } #section1{background:#fcfcdb; border-color: #030;} #section2{background:#fcfcdb url("http://unitednurses.info/mock/images/nurse_rosie.jpg") no-repeat 0 0; border-color: #030;} #section3{background:#fcfcdb; border-color: #030;} #hTopicsWrap{margin-top:.5em; border-color:#030;} #hTopics{background:#fff; border-color:#d9def0;} #hTopics li{background: url("http://www.unitednurses.info/mock/images/heart.gif") no-repeat;} #qLinksWrap{margin-top:1em; border-color:#030; position:relative;} #qLinks{background:#fff; border-color:#d9def0;} #qLinks li{background: url("http://www.unitednurses.info/mock/images/heart.gif") no-repeat;} #inNewsWrap{margin-top:1em; border-color:#030; position:relative;} #inNews{background:#fff; border-color:#d9def0;} #footerWrap{background-color:#d9def0;} #footer{background-color:#d9def0;} /*typography*/ #headerNav a{font-family:arial, helvetica, san-serif; font-size:.8em; color:#036; font-weight:bold; text-decoration:none;} #headerNav a:hover{text-decoration:underline;} #nav a{color:#fff; text-decoration:none;} #nav a:hover{color:#d9def0} #nav ul{font:1.1em bold arial, helvetica, san-serif;} #nav ul li ul li a {font-family:arial, helvetica, san-serif; font-size:.95em;} #frame3 p{text-align:center; font-family:arial, helvetica, san-serif; font-size:.67em; font-weight:bold; color:#333;} #section1 p{font-family:arial, helvetica, san-serif; font-size:12px; text-align: center; font-weight:bold; color:#036;} #section3 p{font-family:arial, helvetica, san-serif; font-size:14px; text-align: center; font-weight:bold; color:#036; line-height:2em;} #sidebar li{font-size:.8em;} #sidebar h6{background-color:#030; font-family:"times new roman", times, serif; color:#fff; font-size:1em; text-align:center; text-transform:uppercase;} #qLinks a{text-decoration:none; color:#030;} #hTopics a{text-decoration:none; color:#030;} #inNews a{text-decoration:none; color:#030;} #qLinks a:hover{text-decoration:underline;} #hTopics a:hover{text-decoration:underline;} #inNews a:hover{text-decoration:underline;} #qLinks ul{font-family: arial, helvetica, san-serif; font-weight:bold;} #hTopics ul{font-family: arial, helvetica, san-serif; font-weight:bold;} #inNews ul{font-family: arial, helvetica, san-serif; font-weight:bold;} #address a img{border:none;} #address{width:720px; margin:10px auto;} #copyright{float:left; text-align:center; font-size:.8em; color:#999; font-weight:bold;} #copyright a{font-weight:normal; color:#999;} #copyright a:hover{color:#036; text-decoration:underline;}