/* Global styles */ body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background:url(images/bg_slice.jpg) repeat-x; background-color:#1c344a; font-family:Arial, Helvetica, sans-serif; color:#1b325c; text-align:center} * {margin: 0 auto; padding: 0;} /*<------<--------<-----| This assumes we're centering!!! */ a img {border: none;} a { color:#563c95; text-decoration:underline} a:hover, a.current {text-decoration: none;} p { font-size:12px; padding:0 0 10px 0; line-height:16px} ul, ol {padding:4px 0 0 0;} li {} td, th, tr { line-height:28px; font-size:11px;} td span.tight{line-height:12px;} h1{color:#0065a4; font-size:18px; padding:0 0 10px 0;} h1 a{color:#0065a4; font-size:18px; padding:0 0 10px 0; text-decoration:none} h2{color:#0065a4; font-size:18px; padding:0 0 2px 0;} h2 a{color:#563c95; font-size:18px; padding:0 0 2px 0; text-decoration:none} h3{color:#0065a4; font-size:16px; padding:0 0 10px 0;} h4{color:#0065a4; font-size:14px; padding:0 0 10px 0;} h5{color:#0065a4; font-size:12px; padding:0 0 10px 0;} h6{color:#0065a4; font-size:10px; padding:0 0 10px 0;} strong{ color:#563c95} /* reusable classes */ .right{float:right;} .left{float:left;} .small { font-size:10px;} .full{position:relative; width:99%;} /*<------<--------<-----| This works better w/ px based widths */ .split50{position:relative; width:50%;float:left;} .split30{position:relative; width:33%;float:left;} /* Wrappers */ /*<------<--------<-----| Start building out your divs here... */ #PageWrapper{ width:901px; margin-top:40px; text-align:left; position:relative;} #pop{ width:181px; height:35px; float:right} #SubWrapper{ background:url(images/sub_slice.gif) repeat-y; width:901px} #Bottom{ background:url(images/bottom.gif) no-repeat; width:901px; height:45px} /* Navigation */ #Nav {width: 883px; height: 25px; list-style: none; padding: 2px 18px 0 0; position:relative; clear:both; display:block;} #Nav ul {margin:0; padding:0 0 0 351px; list-style:none} #Nav li {float: left;} #Nav li a span {display: none; } #Nav li a {height: 25px; display: block; float: left; padding: 0;} #Nav li a.aboutus {width:133px; background: url(images/nav_about.gif) no-repeat top;} #Nav li a.search {width:133px; background: url(images/nav_jobopp.gif) no-repeat top;} #Nav li a.resources {width:133px; background: url(images/nav_resources.gif) no-repeat top;} #Nav li a.contactus {width:133px; background: url(images/nav_contactus.gif) no-repeat top;} /*hover*/ #Nav li a:hover {background-position: bottom; } #Nav li a.current {background-position: bottom; } /* Navigation Subpage */ #Nav2 {width: 671px; height: 25px; list-style: none; padding: 3px 0 0 0; position:relative; clear:both; display:block; margin:0; overflow:hidden } #Nav2 ul {margin:0; padding:0 0 0 6px; list-style:none;} *html #Nav2 ul {margin:0; padding:0 0 0 5px; list-style:none} #Nav2 li {float: left;} #Nav2 li a span {display: none; } #Nav2 li a {height: 25px; display: block; float: left; padding: 0;} #Nav2 li a.home {width:133px; background: url(images/nav_home.gif) no-repeat top;} #Nav2 li a.aboutus {width:133px; background: url(images/nav_about.gif) no-repeat top;} #Nav2 li a.search {width:133px; background: url(images/nav_jobopp.gif) no-repeat top;} #Nav2 li a.resources {width:133px; background: url(images/nav_resources.gif) no-repeat top;} #Nav2 li a.contactus {width:133px; background: url(images/nav_contactus.gif) no-repeat top;} /*hover*/ #Nav2 li a:hover {background-position: bottom; } #Nav2 li a.current {background-position: bottom; } /* Navigation Jobboard */ #Nav3 {width: 671px; height:78px; list-style: none; padding: 3px 0 0 0; position:relative; clear:both; display:block; margin:0; overflow:hidden} #Nav3 ul {margin:0; padding:0 0 0 6px; list-style:none;} #Nav3 li {float: left; margin:0; padding:0;} #Nav3 li a span {display: none; } #Nav3 li a {height: 25px; display: block; float: left; padding: 0;} #Nav3 li a.home {width:133px; background: url(images/nav_home.gif) no-repeat top;} #Nav3 li a.aboutus {width:133px; background: url(images/nav_about.gif) no-repeat top;} #Nav3 li a.search {width:133px; background: url(images/nav_jobopp.gif) no-repeat top;} #Nav3 li a.resources {width:133px; background: url(images/nav_resources.gif) no-repeat top;} #Nav3 li a.contactus {width:133px; background: url(images/nav_contactus.gif) no-repeat top;} /*hover*/ #Nav3 li a:hover {background-position: bottom; } #Nav3 li a.current {background-position: bottom; } /* SubNav */ #SubNav {width: 206px; list-style: none; padding: 2px 0 0 0; margin:0; position:relative; clear:both; display:block} #SubNav ul {margin:0; padding:0; list-style:none} #SubNav li {float: left;} #SubNav li a span {display: none; } #SubNav li a {height: 29px; display: block; float: left; padding: 0;} #SubNav li a.one1 {width:206px; background: url(images/subnav_faq_therapist.gif) no-repeat top;} #SubNav li a.one2 {width:206px; background: url(images/subnav_faq_client.gif) no-repeat top;} #SubNav li a.one3 {width:206px; background: url(images/subnav_faq_cont.gif) no-repeat top;} #SubNav li a.two1 {width:206px; background: url(images/subnav_meet.gif) no-repeat top;} #SubNav li a.three1 {width:206px; background: url(images/subnav_testimonials.gif) no-repeat top;} #SubNav li a.three2 {width:206px; background: url(images/subnav_request.gif) no-repeat top;} #SubNav li a.three3 {width:206px; background: url(images/subnav_vs.gif) no-repeat top;} #SubNav li a.three4 {width:206px; background: url(images/subnav_exchange.gif) no-repeat top;} #SubNav li a.three5 {width:206px; background: url(images/subnav_faq.gif) no-repeat top;} #SubNav li a.four1 {width:206px; background: url(images/subnav_benefits.gif) no-repeat top;} #SubNav li a.four2 {width:206px; background: url(images/subnav_refer.gif) no-repeat top;} #SubNav li a.four3 {width:206px; background: url(images/subnav_login.gif) no-repeat top;} #SubNav li a.four4 {width:206px; background: url(images/subnav_apply.gif) no-repeat top;} #SubNav li a.four5 {width:206px; background: url(images/subnav_faq.gif) no-repeat top;} #SubNav li a.four6 {width:206px; background: url(images/subnav_testimonials.gif) no-repeat top;} #SubNav li a.four3one {width:206px; background: url(images/subnav_forms.gif) no-repeat top;} #SubNav li a.four3two {width:206px; background: url(images/subnav_update.gif) no-repeat top;} #SubNav li a.six1 {width:206px; background: url(images/subnav_newsletter.gif) no-repeat top;} #SubNav li a.six2 {width:206px; background: url(images/subnav_edu.gif) no-repeat top;} #SubNav li a.six3 {width:206px; background: url(images/subnav_ann.gif) no-repeat top;} #SubNav li a.six4 {width:206px; background: url(images/subnav_blog.gif) no-repeat top;} /*hover*/ #SubNav li a:hover {background-position: bottom; } #SubNav li a.current {background-position: bottom; } #SubNav li a.line { border-bottom:1px #fff solid; clear:both; display:block; position:relative} /* SubNav2 */ #SubNav2 {width: 206px; list-style: none; padding: 15px 0 0 0; position:relative; clear:both; display:block} #SubNav2 ul {margin:0; padding:0; list-style:none} #SubNav2 li {float: left; margin: 0 0 10px 0;} #SubNav2 li a span {display: none; } #SubNav2 li a {height: 31px; display: block; float: left; padding: 0 0 0 0; margin: 0 0 0 0;} #SubNav2 li a.orange_fac {width:206px; background: url(images/btn_facilities.gif) no-repeat top;} #SubNav2 li a.orange_therapist {width:206px; background: url(images/btn_therapists.gif) no-repeat top;} #SubNav2 li a.orange_search {width:206px; background: url(images/btn_searchjobs.gif) no-repeat top;} /*hover*/ #SubNav2 li a:hover {background-position: bottom; } #SubNav2 li a.current {background-position: bottom; } #SubNav2 li a.line { border-bottom:1px #fff solid;} #Footer { width:893px; font-family:Arial, Helvetica, sans-serif; color:#fff; padding:10px 4px 20px 4px} #Footer ul {padding:0 0 0 0} #Footer li {font-size:11px; padding:0 0 0 6px; float:right; list-style:none; color:#fff;} #Footer a { font-size:11px; text-decoration:none; color:#fff;} #Footer a:hover {color:#fff; font-size:11px; text-decoration:underline;} #Footer a.current {color:#fff; font-size:11px; text-decoration:underline;} #Footer span { float:left; font-size:14px} /* home page */ #HpTop{ background:url(images/hp_top.gif) no-repeat; width:901px; height:62px; overflow:hidden} #HpHeader{ background:url(images/hp_header.jpg) no-repeat; width:901px; height:284px} #HpMiddle{ background:url(images/hp_middle.jpg) no-repeat; width:901px; height:269px} #Flash{ width:560px; height:220px; float:right; margin-top:20px; margin-right:20px} #HPCopy { width:460px; padding:56px 0 0 40px; float:left} #HPBox{ width:300px; float:left; padding:2px 20px 0 30px} #HPBox h4 { padding:0 0 4px 0} #HPBox .content { padding:10px 0 0 180px;} #HPBox ul{ padding:0 0 10px 30px;} #HPBox li{ padding:0 0 0 2px; font-size:12px; font-weight:bold} #Box1{ width:350px; height:130px; margin-bottom:4px; cursor:pointer} #Box2{ width:350px; height:130px; cursor:pointer} /* sub page */ #SubMain{ background:url(images/sub_bg.gif) no-repeat; width:901px;} #SideCol{ width:204px; float:left; padding:10px} #Logo{ width:200px; height:150px; cursor:pointer} #Logo a { text-decoration:none;} #MainCol{ width:671px; float:left; padding:0 0 10px 0px;} #SubContent{ width:670px; margin-top:1px} #Copy{ width:374px; float:left; padding:16px 10px 10px 20px} *html #Copy{ width:373px; float:left; padding:16px 10px 10px 20px} #Copy p {} #Copy table { padding:0; margin:0;} #Copy ul, ol { padding:0 0 10px 30px; margin:0; list-style:url(images/bull_white.gif);} #Copy li { padding:2px 0 2px 2px; font-size:12px; margin:0} #Copy2{ width:630px; float:left; padding:16px 10px 10px 20px} #Copy2 p {} #Copy2 ul { padding:0 0 10px 30px; margin:0; list-style:url(images/bull_white.gif);} #Copy2 li { padding:2px 0 2px 2px; font-size:12px; margin:0} #Copy2 h5{color:#1b325c; font-size:12px; padding:2px;} #SideCopy {width: 206px; padding: 8px 0 0 0; clear:both; position:relative; display:block} #SideCopy h4{color:#1b325c; font-size:14px; padding:0 0 6px 0;} #SideCopy p{ color:#fff; font-weight:bold; font-size:12px} #SideCopy a{ color:#fff; font-weight:bold; font-size:12px} #SideCopy ul { padding:0 0 10px 30px; margin:0; list-style:url(images/bull_blue.gif);} #SideCopy li { padding:2px 0 2px 2px; font-size:12px; margin:0; color:#fff; font-weight:bold} /***********Min-Height Hack**************/ .prop {float:left;width:1px;} .min431px {height:589px;} /***************************************/ /* -- Alsett Clearing Method*/ .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html .clearfix {height: 1%;} .clearfix {display: block;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /******************BLOG***************/ small{font-weight:bold; display:block; padding:0 0 10px 0;} #SidebarforBlog{ width:199px; float:right; padding:18px; background-color:#e6f4ff; margin:10px; border:1px solid #8dcaff} #SidebarforBlog ul{ padding:0 0 10px 20px; margin:0;} #SidebarforBlog ul ul{ padding:4px 0 14px 20px; margin:0;} #SidebarforBlog li{ font-size:12px;} #SidebarforBlog li ul{margin:0 0 20px 0;} #SidebarforBlog li li{margin:0 0 0 25px; padding:0; list-style:disc; font-size:12px; } #SidebarforBlog ul{margin:0; padding:0;} h2.widgettitle{margin:0; padding:0;} form#searchform{margin:0 0 15px 0; font-weight:bold; font-size:18px;} #comment{width:320px;} img.alignright {float:right; margin:6px 0 1em 1em} img.alignleft {float:left; margin:6px 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:6px 0 1em 1em} a img.alignleft {float:left; margin:6px 1em 1em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} .postmetadata{ padding:0 0 14px 0; margin-bottom:16px; border:#7f7f7f dashed 1px; border-width:0 0 1px 0; clear:both}