body { margin: 0px; padding: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 62.5%; color: #333333; background: #E9E9E9 url(/themes/seslp/images/bg.gif) repeat-x; text-align:left; } td, th {vertical-align:top;} #wrap { width:780px; margin:0px;} #header {width:780px; height:238px; margin:0; padding:0; background:url(/themes/seslp/images/header_bg.gif) left top no-repeat; } #header_home {width:780px; height:330px; margin:0; padding:0; background:url(/themes/seslp/images/header_bg.gif) left top no-repeat; } #logo {float:left; width:190px; margin:0; padding:0;} #logo a {display: block; overflow: hidden; font-size: 1px; height: 0px; padding-top:120px;} /* Styles for columns on home page and carf */ #main_home {float:left; width:780px; text-align:left; margin:0 0 20px 0; padding:0;} #carf {float:left; width:210px; padding:0 0 20px 0; margin:0 0 0 0; background: url(/themes/seslp/images/carf_bottom.gif) bottom no-repeat;} #callout {float:left; width:210px; padding:0 0 70px 0; margin:0 0 0 0; background: url(/themes/seslp/images/call-button_bottom.gif) bottom no-repeat;} #home_content {float:left; width:550px; margin:40px 0 0 16px; padding:0;} #main_home p {font-size:1.3em; line-height:1.8em;} #carf h3 { height: 70px; line-height: 28px; margin: 0; padding:0; vertical-align: bottom; background: url(/themes/seslp/images/carf_top.gif) top no-repeat; } #callout h3 { height: 46px; line-height: 28px; margin: 0; padding:0; vertical-align: bottom; background: url(/themes/seslp/images/call-button_top.gif) top no-repeat; } #carf p { background: url(/themes/seslp/images/carf_bg.gif); margin: 0; padding: 9px 10px 12px 30px; text-align:left; color:#2F3C8B; } #callout p { margin: 0; padding: 9px 20px 12px 30px; text-align:left; color:#2F3C8B; } /* Styles for colummns and all other pages */ #main {float:left; width:780px; text-align:left; margin:40px 0 20px 0; padding:0;} #main p, #main blockquote, #main td, #main li {font-size:1.1em; line-height:1.8em; } #main p.small {font-size:0.9em; font-style:italic;} #main h3, #main_home h3 {font:bold 1.5em arial, verdana, tahoma, sans-serif; color:#222E72; margin-top:0px;} #main h4, #main_home h4, #main th, #main_home th {font:bold 1.3em arial, verdana, tahoma, sans-serif; color:#2F3C8B; margin: 2px 0;} #left {float:left; width:200px; margin:0; padding:0; } #content {float:left; width:550px; margin:0 0 0 26px; padding: 0;} /* Styles for titles */ .title{float:right; width:558px; height:203px; margin:0; padding:0;} #title_home {/* background:url(/themes/seslp/images/brochure_new.jpg) no-repeat;*/} #title_home a {display: block; overflow: hidden; font-size: 1px; height: 0px; margin:120px 120px 0 270px; padding-top:70px;} #title_about, #title_faq, #title_services, #title_community, #title_calendar, #title_resources, #title_get, #title_contact {float:right; width:558px; height:113px; margin:0; padding:0; } #title_about {background:url(/themes/seslp/images/titles/about.jpg) no-repeat;} #title_faq {background:url(/themes/seslp/images/titles/faq.jpg) no-repeat;} #title_services{background:url(/themes/seslp/images/titles/services.jpg) no-repeat;} #title_community{background:url(/themes/seslp/images/titles/community.jpg) no-repeat;} #title_resources {background:url(/themes/seslp/images/titles/resources.jpg) no-repeat;} #title_calendar {background:url(/themes/seslp/images/titles/calendar.jpg) no-repeat;} #title_get {background:url(/themes/seslp/images/titles/get.jpg) no-repeat;} #title_contact {background:url(/themes/seslp/images/titles/contact.jpg) no-repeat;} /* Styles for navigation */ #main_nav { float:right; margin: 103px 0 0 0; padding:0; list-style-type: none; height:22px; width:564px; } #main_nav li {display: inline;} #main_nav li a, #main_nav li div {float: right; margin: 0px; padding: 0px; height: 22px;} #main_nav .home {width: 58px; background: url(/themes/seslp/images/buttons/home.gif) no-repeat;} #main_nav .about {width: 72px; background: url(/themes/seslp/images/buttons/about.gif) no-repeat;} #main_nav .faq {width: 55px; background: url(/themes/seslp/images/buttons/faq.gif) no-repeat;} #main_nav .services {width: 72px; background: url(/themes/seslp/images/buttons/services.gif) no-repeat;} #main_nav .professionals {width: 102px; background: url(/themes/seslp/images/buttons/professionals.gif) no-repeat;} #main_nav .calendar {width: 75px; background: url(/themes/seslp/images/buttons/calendar.gif) no-repeat;} #main_nav .resources {width: 75px; background: url(/themes/seslp/images/buttons/resource.gif) no-repeat;} #main_nav .get {width: 95px; background: url(/themes/seslp/images/buttons/get.gif) no-repeat;} #main_nav .contact {width: 84px; background: url(/themes/seslp/images/buttons/contact.gif) no-repeat;} #main_nav .community {width: 96px; background: url(/themes/seslp/images/buttons/community.gif) no-repeat;} #main_nav .home:hover, #main_nav div.home, #main_nav .home {width: 58px; background: url(/themes/seslp/images/buttons/home_over.gif) no-repeat;} #main_nav .about:hover, #main_nav div.about {width: 72px; background: url(/themes/seslp/images/buttons/about_over.gif) no-repeat;} #main_nav .services:hover, #main_nav div.services {width: 72px; background: url(/themes/seslp/images/buttons/services_over.gif) no-repeat;} #main_nav .professionals:hover, #main_nav div.professionals {width: 102px; background: url(/themes/seslp/images/buttons/professionals_over.gif) no-repeat;} #main_nav .calendar:hover, #main_nav div.calendar {width: 75px; background: url(/themes/seslp/images/buttons/calendar_over.gif) no-repeat;} #main_nav .resource:hover, #main_nav div.resource {width: 75px; background: url(/themes/seslp/images/buttons/resource_over.gif) no-repeat;} #main_nav .get:hover, #main_nav div.get {width: 95px; background: url(/themes/seslp/images/buttons/get_over.gif) no-repeat;} #main_nav .contact:hover, #main_nav div.contact {width: 84px; background: url(/themes/seslp/images/buttons/contact_over.gif) no-repeat;} #main_nav .community:hover, #main_nav div.community {width: 96px; background: url(/themes/seslp/images/buttons/community_over.gif) no-repeat;} #main_nav .faq:hover, #main_nav div.faq {width: 55px; background: url(/themes/seslp/images/buttons/faq_over.gif) no-repeat;} /* Styles for the side navigation */ .navcontainer ul { width: 180px; margin: 0 0 0 20px; padding-left: 0; list-style-type: none; font:bold 1.1em Arial, Helvetica, verdana, sans-serif; border:1px solid #2F3C8B; border-bottom:none; } .navcontainer a{ display: block; padding: 5px; width: 170px; background-color: #FFF; border-bottom: 1px solid #2F3C8B; color: #2F3C8B; text-decoration: none; } .navcontainer a:hover, .navcontainer a.here {background-color: #2F3C8B; color: #F6D700;} /* Styles for footer */ #footer {margin:60px auto 20px auto; width:780px; font:bold 1.2em arial, verdana, tahoma, sans-serif; color:#663300; } p.copy {font-size:1em; color:#787878; margin:40px 0 0 0;} /* General Styles */ .hide {display: none;} .padLeft {float:right; margin-left:10px; border:3px solid #FFF;} a {color:#222E72;} a:hover {color:#F6D700;} #staff { text-align:center;} #staff img {border:3px solid #FFF;} /*pete's left panel pullout*/ #leftPanelPullout { width: 170px; margin: auto; border: 1px solid #222E72; background-color: #fff; padding: 10px; /*text-align: center;*/ /* background-image: url(/themes/seslp/images/leftpanel_gradient_bg.jpg); background-position: bottom right; background-repeat:no-repeat ; */ font-size: 1.0em; } leftPanelPullout p { font-size: 1.0em; line-height: 1.4em; } #leftPanelPulloutFooter { height: 113px; clear: both; } #leftPanelPullout h3{ font: 20px arial, verdana, tahoma, sans-serif; color: #2b3a99; }