/* Theme Name: SJI EMS Theme URI: http://www.twocircles7.com/ Description: Custom Wordpress theme designed for San Juan Island EMS Author: Two Cirlces 7, LLC Designer: Heather Auld Author URI: http://www.twocircles7.com/ */ /* Universals */ .floatL{float:left;} .floatR{float:right;} .clearL{clear:left;} .clearR{clear:right;} .clearB{clear:both;} .roundcorners{-moz-border-radius: 4px;} .blue-box {float:left;background:#DCE0EA; border-left:s1px dotted #BBBBBB; padding:10px; height:auto; width:581px; } .bluehead{margin-top:0px; color:#424242;font-family:Arial,Helvetica,sans-serif; font-size:1em; text-transform:uppercase; color:#5F5F5F;letter-spacing:0.1em;line-height:normal;margin-bottom:4px; border:0px solid; width:100%; float:left; display:inline;} .blue-box-wrap{float:left; padding:10px; padding-right:0px; height:auto;border-left:1px dotted #BBBBBB; margin:15px 0px;display:inline;} .read-more {font-size:1em; text-align:right;} .tiny {font-size:.8em; color:#666666; letter-spacing:0.1em; text-transform:uppercase; text-align:left;} .post .entry p.tiny{font-size:.8em;} strong {color:#9C0103;} .smallred {font-size:.9em; color:#B51126;} .post {margin: 10px 0px;padding:0px 16px;text-align: justify;overflow-x: hidden;} .subpost {margin: 0px 0px 10px; padding:0px 16px; float:left; width:612px; height:auto;display:inline;} .subpost p{margin-bottom:8px;} .post hr {display: block;} .post-edit-link {padding:0px 8px 0px 12px;} #respond h3 {border:0px solid; font-size:1.2em; color:#333333;font-family:Trebuchet MS,'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;} #respond {padding:0 16px;} .postmetadata {clear: both;} .clear {clear: both;} .logo-divider {width:612px;float:left;clear:left;background:url(images/logo-divider.png) no-repeat center top;height:54px;} #default-splash {background:url(images/splash-default.jpg) no-repeat -9px 0px;width:955px;float:left;height:45px;} /* Begin Images */ p img {padding: 0;max-width: 100%;} img.centered {display: block;margin-left: auto;margin-right: auto;} .entry img {border: 3px double #cccccc;} img.imgfull { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left: 0px solid; border-right: 0px solid; padding:5px 0px; margin:10px 0px;} img.alignright {padding: 4px;margin: 0 0 2px 10px;display: inline;} img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;} .alignright {float: right;} .alignleft {float: left} /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ #sidebar ul ul li:before {content: "\00BB \0020";} .entry ol {padding: 0 0 0 35px;margin: 0;} .entry ol li {margin: 0;padding: 0;} .postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;} /* END Universals */ .post .entry p {font-size: 1em;margin-bottom:10px;} .post li {list-style-type:circle; margin-left:10px; } .post li li{ list-style-type:disc; margin-left:20px; } .thread-alt {background-color: #f8f8f8;} .thread-even {background-color: white;} .depth-1 {border: 1px solid #ddd;} .even, .alt {border-left: 1px solid #ddd;} p {margin-bottom:5px;} .small {font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;} p.quote, .post p.quote, .quote {padding:15px 0px 10px 15px; margin:10px 0px 10px; font-size:1.1em; font-style:italic; background:url(images/quote.jpg) no-repeat top left;} .quote{float:left; height:auto; width:auto;} h1, h2, h3, #sidebar h3.ybh {font-family:Garamond Premier Pro,Garamond Premr Pro,Garamond,"Times New Roman",Times,serif; color:#941717;text-transform:uppercase;} h1 {font-size:3em;} h2 {margin: 30px 0 15px; font-size:1.8em;} h3 {font-size: 1.4em;} h4 {font-size:1.2em;} h2.pagetitle {font-size: 1.8em;} h3, h3 a, h3 a:visited {color:#266A9C;padding: 0;} h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;} h2, h2 a, h2 a:visited, h3.ybh, h3.ybh a, h3.ybh a:visited{color:#003689;} h3 {border-bottom:#cccccc 1px dotted; margin:10px 0px;} /*h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}*/ /* Begin Headers */ #header h2 {font-size:1.3em;} .post h2{ text-align:left; margin-top:10px;} h2.pagetitle {padding:0px 0px 0px 12px;} h3.comments {padding: 0;margin:40px auto 20px;} a.liexternal {background:transparent url(images/link.gif) no-repeat top right;padding-right:18px;} a.liexternal:hover, a.liexternal:visited:hover{color:#114477;background-position:right -70px;} a.liexternal:visited{color: #8D7000; background-position:right -140px;} /* End Headers */ .entry p a:visited {color: #8D7000;} .commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentlist li ul li {font-size: 1em;} .commentlist li {font-weight: bold;} .commentlist li .avatar { float: right;border: 1px solid #eee;padding: 2px;background: #fff;} .commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;} .commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;} #commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentmetadata {font-weight: normal;} small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;} code {font: 1.1em 'Courier New', Courier, Fixed;} acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;} a{color: #06c;text-decoration: none;} a:hover {color: #147;text-decoration: underline;} #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;} #wp-calendar a {text-decoration: none;} #wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;} #wp-calendar th {font-style: normal;text-transform: capitalize;} /* End Typography & Colors */ /* Begin Structure */ * {padding:0px; margin:0px;} ul, li, ol {list-style:none; list-style-position:inside; padding:0px; margin:0px;} body {font-size: 62.5%; /* Resets 1em to 10px */font-family: Trebuchet MS,'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; color:#333333;text-align:center;margin: 0px;padding: 0px;background:#D1DCEF;} #wrapper {background:#D1DCEF url(images/wrapper.jpg) repeat-x top left;min-height:1104px;height:auto !important;height:1104px;} #page {height:auto;margin:0px auto;width: 971px;text-align: left;} #page-wrap{height:auto;float:left;width: 971px; padding:0px;background:url(images/page-bkg.png) repeat-y;} #page-top{ height:20px; margin:0 auto;padding:0;width:971px;} #breadcrumbs {float:left; width:971px; height:20px; background:url(images/sji-all-nt.jpg) no-repeat 0px -5px;} #paged{padding:0px 7px 40px 9px; width: 955px; float:left; height:auto;} #content-wrap {width:955px; height:auto; float:left; background:#ffffff url(images/page-bkg.png) -9px 0;} #content {width:644px; height:auto; float:left; font-size: 1.2em;} /* Header Area */ #header {background-color: #73a0c5;margin: 0px;padding: 0px;height: 162px;width: 955px;float:left;} #header-top {background:url(images/sji-all-nt.jpg) no-repeat 0px 0px;width:971px;height:14px;float:left;} #header-left {background:#ffffff url(images/sji-all-nt.jpg) no-repeat -9px -24px;height:162px;width:9px;float:left;} #header-mid {background:#ffffff url(images/header-mid.png) repeat-x ;width:945px;height:162px;float:left;} #logo {height:162px;width:187px;float:left;} #logo a{width:187px; height:162px; display:block;} #logo img{width:100%; height:100%; float:left;} #wilderness-logo {width:114px;height:109px;float:right;} #wilderness-logo a{position:relative; height:109px; width:114px; display:block;} #wilderness-logo a span{width:100%; height:100%; position:absolute;background:url(images/sji-all-nt.jpg) no-repeat -840px -24px;} #air-logo {height:109px;width:146px;float:right;} #air-logo a{position:relative;height:109px;width:146px; display:block;} #air-logo a span{width:100%; height:100%; position:absolute; background:url(images/sji-all-nt.jpg) no-repeat -694px -24px;} #header-text{ width:480px; height:auto; float:left; height:77px; margin-top:45px; display:inline;} #header h1 {font-family: Garamond Premier Pro, Garamond Premr Pro, Garamond, "Times New Roman", Times, serif;float:left;color:#004FB9;} #header h2 { clear:left;margin:0; padding-left:10px; color:#4D4D4D;font-family:Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif; font-style:italic;} #header h1 a{color:#004FB9;padding:0px;margin:0px;float:left;} #nav {height:40px; width:744px; float:right;margin-top:14px;display:inline;padding:0px; margin:0px} #nav ul {padding:0px; margin:0px; list-style:none;background:#424B5D url(images/header-mid.png) bottom left repeat-x ;} #nav a {display:block; width:123px;} #nav li {height:40px; width:123px; float:left; text-align:center; line-height:39px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; list-style:none;} #nav li a {color:#ffffff;height:40px; width:123px; background:url(images/nav-divider.png) 0px 0px no-repeat; font-size:1.1em;} #nav li ul {position: absolute;width: 210px;left: -999em;margin:0 0 0 5px;padding-top:10px;background:url(images/trans80.png) repeat top left;z-index:10;border:1px solid #242F42;} #nav li ul a {color:#242F42; background:none; } #nav li ul li { text-align:left; height:23px; line-height:23px;width: 210px;} #nav li ul li a {height:23px;width: 190px; padding:0px 10px;} #nav li ul li:hover, #nav li ul li.sfhover {background: #D1DCEF;} #nav li ul ul {margin: -23px 0 0 210px; padding-top:0px;} #nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul , #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;} #index-splash {width:955px;height:250px;float:left;background:url(images/index-splash2.jpg) no-repeat 0px 0px;} #index-splash_left {height:250px;float:left;width:335px;} #index-splash p span.firstletter {font-size:48px;padding:1px;line-height:42px;} #index-splash p {color:#9C0103; width:290px; height:auto; font-family:Apple Garamond, Garamond Premier Pro, Garamond, Garamond Premr Pro, "Times New Roman", Times, serif; font-size:20px; vertical-align:middle; line-height:24px;} #index-splash_right{height:250px;float:left;width:620px;overflow:hidden;} #index-splash_right .splash {float:left; height:250px; width:620px;} #index-splash_right .splash1 {background:url(images/index-splash2.jpg) no-repeat -1px -251px;} #index-splash_right .splash2 {background:url(images/index-splash2.jpg) no-repeat -630px -251px;} #index-splash_right .splash3 {background:url(images/index-splash2.jpg) no-repeat -1px -502px;} #index-splash-text {width:290px; height:144px; padding:10px; margin-top:40px; margin-left:16px;} #index-splash-text h3.bluehead{font-size:1.2em; padding-bottom:2px;} #top-links {background:url(images/index-splash2.jpg) no-repeat -640px -604px;width:642px;height:140px;float:left;margin-left:1px;display:inline;} .index-link-box {width:213px; float:left; height:160px; margin-left:1px;display:inline;} #top-links h2{font-family:Trebuchet MS,'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;color:#9C0103; font-size:1.3em; text-align:center; margin-top:3px;} #top-links h2 a {color:#9C0103;} #top-links #box2 {margin-left:3px;} #top-links #box3 {width:209px; margin-left:2px;} #top-links p {text-align:center; font-size:.9em; letter-spacing:.1em; color:#808080;} #top-links p a{color:#5F5F5F; font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; } .date {color:#666666;font-size:9px; text-transform:uppercase;} .calendar-icon {width:55px; height:55px; float:left; border:#000000 solid 1px; text-align:center; margin-right:15px;display:inline;} .month{float:left; color:#000000; background:#FACB01; width:55px; height:auto; border-bottom:#000000 solid 1px;} .day{font-size:1.8em;} .year{font-size:1em; color:#999999;} #announcements {padding:0px 12px 0px 16px; float:left; width:330px;height:auto; } #announcements h3{margin-top:0px; margin-bottom:8px; font-size:1.4em; padding:5px 0px; border-bottom:1px solid #D7D7D7; border-top:3px solid #D7D7D7;} #index-column {float:right;width:260px; height:auto; margin-right:12px;display:inline;} #index-column #FHCent{margin-left:9px;} #index-column h3, #featured-wrap h3, #featured-wrap h3 a {font-family:Arial,Helvetica,sans-serif; font-size:1em; text-transform:uppercase; color:#5F5F5F;letter-spacing:0.1em; line-height:normal;margin-bottom:4px; border:0px solid; width:100%; float:left;margin-top:0px;} .column-box{float:left; height:auto; padding:8px;background:#F2F2F2; border-top:dotted #bbbbbb 1px; margin-bottom:16px; width:244px;} .column-box p{ font-size:1em;} .column-box:hover {background:#E9E9E9;} .news-wrap{float:left; height:auto; width:330px; margin:0px 0px 12px 0px; border-bottom:#D7D7D7 solid 1px;} #announcements .news p {margin:8px 0px;} #announcements .news .liinternal { font-size:9px; text-transform:uppercase; float:right; margin-bottom:8px;} #featured {float:left; width:620px; height:auto; background:#DCE0EA;} #featured-wrap{ float:left;width:620px; margin:0px 0px 15px 12px;display:inline;} #featured img.alignleft, #announcements img.alignleft{display:inline;margin:0px 10px 0px 0px;padding:0px;} #featured h2, #featured h2 a {margin-top:0px; margin-bottom:5px;color:#424242;} .news-big { padding:10px; height:auto;} #index-column .fan_box .connections {min-height:260px;} /* About Us Page */ .about-page .blue-box-wrap { border-left:1px dotted #ffffff; margin-bottom:0px; padding:10px 0px; } .about-page .blue-box {width:592px;} h2.half-splash {width:644px; height:173px;margin:0px;padding:0px;color:#F0EFE8; font-size:2em;margin-bottom:15px; position:relative;} h2.half-splash span{width:100%; height:100%; position:absolute;} .about-page .half-splash span {background: url(images/about-splash.jpg) -9px 0px no-repeat;} .about-page h2 {background:#84373B;} #box-links {float:left; width:612px; height:auto;} #box-links .linked{ background:#E6E6E6; width:203px; height:200px; float:left; margin-right:1px; display:inline;} #box-links h3 {color:#ffffff; width:100%; text-align:center; font-size:1em; height:28px; line-height:28px; margin:0px; padding:0px;font-family:Trebuchet MS,'Lucida Grande',Tahoma,Verdana,Arial,sans-serif; border-bottom:0px solid;} #mission-link h3 {background:#8E774C url(images/about-link-top.jpg) no-repeat 0px 0px;} #marine-link h3 {background:#52784A url(images/about-link-top.jpg) no-repeat -204px 0px;} #air-link h3 {background:#755A72 url(images/about-link-top.jpg) no-repeat -408px 0px;} #box-links .linked img{float:left; margin:5px 0 5px 5px; display:inline;} #box-links p {padding:0 5px; margin-bottom:3px; font-size:.9em; text-align:justify;} #box-links a p {text-align:right; font-size:.95em;} p.para1:first-line {font-size:1.15em; text-transform:uppercase;} #map-area { width:612px; height:auto; float:left; position:relative;} #map-area p{ text-align:justify;} #map {width:380px; height:286px; float:left; background:url(images/map.gif) no-repeat 0px 0px; margin-right:15px;display:inline; position:relative;} #map li {display:block;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;} #map a {cursor:pointer;display:block;padding:0;text-decoration:none;} #map a .island{position:absolute; width:120px; font-size:11px; display:block; padding:.2em .5em; background:#fff; border:#cccccc solid 1px; left:-9999px; } #map #sji a:hover .island {left:100px;} #map #sji a .island { top:50px;} #map #fh a:hover .island {left:25px;} #map #brown a:hover .island {left:18px; top:-5px;} #map #johns a:hover .island { left:25px;} #map #henry a:hover .island { left:35px;top:10px;} #map #pearl a:hover .island {left:15px; top:-5px; } #map #speiden a:hover .island {left:55px; top:6px;} #map #stuart a:hover .island {left:55px;top:10px;} #sji {height:203px; width:169px; left:52px; top:79px;} #sji a {height:203px;} #sji a:hover {background:transparent url(images/map.gif) no-repeat scroll -52px -289px;} #fh {height:21px; width:25px; left:160px; top:166px;} #fh a {height:21px;} #fh a:hover {background:transparent url(images/map.gif) no-repeat scroll 0px -386px;} #brown {height:14px; width:18px; left:176px; top:172px;} #brown a{height:14px;} #brown a:hover{background:transparent url(images/map.gif) no-repeat scroll -225px -332px;} #johns {height:19px; width:27px; left:61px; top:23px;} #johns a{height:19px;} #johns a:hover{background:transparent url(images/map.gif) no-repeat scroll 0px -343px;} #henry {height:49px; width:35px; left:27px; top:81px;} #henry a{height:49px;} #henry a:hover{background:transparent url(images/map.gif) no-repeat scroll 0px -289px;} #pearl {height:10px; width:12px; top:84px; left:55px;} #pearl a{height:10px;} #pearl a:hover{background:transparent url(images/map.gif) no-repeat scroll 0px -365px;} #speiden {height:26px; width:53px; left:57px; top:47px;} #speiden a{height:26px;} #speiden a:hover{background:transparent url(images/map.gif) no-repeat scroll -247px -332px;} #stuart {height:40px; width:59px; left:5px; top:3px;} #stuart a{height:40px;} #stuart a:hover{background:transparent url(images/map.gif) no-repeat scroll -225px -289px;} /* Category Page (category.php)*/ .categoryPost a.cat-thumb {margin-right:10px; float:left;display:inline; border:solid #000000 1px;} .categoryPost h3 {margin:0px; border:0px solid;} .categoryPost {background:transparent url(images/post-divider.png) no-repeat scroll center top;float:left;height:auto;width:612px;padding-top:15px;margin:0px 0px 25px;} .small {font-size:.85em;} .category-page h3 {margin-top:0px; border:0px solid;} .category-na-page .post{padding-top:15px;} .category-page .post {padding-top:18px;} .category-na-page h3{margin:0px; border:0px solid;} p.category-description {padding:0px 16px; text-align:justify;} /* Patients Page (patients.php) */ h2#patients-splash span {background:url(images/patients-splash.jpg) -9px 0px no-repeat; width:100%; height:100%; position:absolute;} h2#patients-splash {background:#446239; } .patients-sublink {float:left; width:297px; height:80px;margin:0px; display:inline; background:#ffffff; } #sidebar ul li#text-424295301, #sidebar ul li#text-424119932{background:#ffffff;border:1px solid #BABABA;} #link-costs {margin:0px;} .patients-sublink a {float:left; width:289px; margin:0 4px; height:80px; position:relative;display:inline;} .patients-sublink a span{width:100%; height:100%; position:absolute;} #link-costs a span{background:#Ffffff url(images/costs-funding-btn.gif) no-repeat top center;} #link-billing a span{background:#Ffffff url(images/billing-btn.gif) no-repeat top center;} .pat-test p {font-size:.9em;} .testimonials p {margin-bottom:8px;} .pat-test, .testimonials {float:left; height:auto;} .pat-test .quote {margin-bottom:0px; text-align:justify;} #link-btns .patients-sublink {margin:0px 0px 12px 0px;} #link-btns {margin-top:15px;} /* Billing Page */ .billing-info {width:612px; height:auto; float:left; margin-bottom:10px;} .billing-info h4{margin-bottom:8px; font-size:1.1em;} .entry .billing-info img {border:0px solid;} #billing-box {width:100%; height:auto; float:left; text-align:left;} #billing-box p {margin-bottom:5px; color:#666666;} #billing-box h4 {color:#333333; margin-bottom:5px;} #billing-box .smallred {font-size:.9em; color:#B51126;} /* Resources Page (resources.php) */ h2#resources-splash span {background:url(images/resources-splash.jpg) -9px 0px no-repeat; width:100%; height:100%; position:absolute;} h2#resources-splash {background:#68532F; } .resources-page #sidebar-inner {background:url(images/community-inner-sidebar.jpg) repeat-x 0px 0px;} .left-side {width:443px; height:auto; float:left;} /* History Page */ #in-memory {float:left; width:612px; height:auto; padding:0px 12px;} /* Mission, Vision, Values & Goals */ .pageid-113 .content p:first-letter {font-size:1.3em;} .pageid-113 h2 {margin-bottom:5px;} /* Education Page */ h2#edu-splash span {background:url(images/edu-splash.jpg) 0px 0px no-repeat; width:100%; height:100%; position:absolute;} h2#edu-splash {background:#455B84;} .edu-page h4 {margin-bottom:5px;} .edu-page .sm-prev-box {width:274px;} .edu-page .prev-box-wrap {width:290px; float:left; margin-left:16px;display:inline;} .edu-page .read-more {float:right;} .CPR-class-page #class-list .class {min-height:135px;height:auto !important;height:135px;} .CPR-class-page h3 {margin-top:20px;} #AED-box {-moz-border-radius:4px; border:1px solid #AAAAAA; padding:10px; float:left; margin-top:10px;} #AEDMap {width:590px; height:auto; margin:10px 0px 10px; border-bottom: 1px solid #cccccc; border-top:1px solid #cccccc; padding-top:10px;} #AEDMap iframe {width:590px; height:200px;} #AEDinfo {width:590px; height:auto; margin:0px;} .edu-page #edu-links-wrap {width:306px; height:auto; float:left; margin-left:16px;display:inline;} .edu-page #edu-links {width:292px; height:auto; float:left; padding:8px;background: #F2F2F2; padding:8px;border-top:1px dotted #BBBBBB;} .edu-page #edu-links ul li{width:292px; height:28px; float:left; line-height:28px;} .edu-page #edu-links ul li a{color:#FFFFFF; width:280px; height:28px;padding-left:12px; float:left;} .edu-page #edu-links ul li#link1{background:#8E774C url(images/edu-btns.png) 0px 0px;} .edu-page #edu-links ul li#link2{background:#52784A url(images/edu-btns.png) 0px 28px;} .edu-page #edu-links ul li#link3{background:#843439 url(images/edu-btns.png) 0px 56px;} .edu-page #edu-links ul li#link4{background:#755A72 url(images/edu-btns.png) 0px 86px;} .edu-page #edu-links ul {margin-top:4px; float:left;} /* Prevention Page */ .prevention-page .subpost p.quote{width:330px; margin:10px 0px 10px;} .every15wrap {float:left; width:612px; height:auto; margin-bottom:15px; } #every15 {float:left; width:592px; padding:10px; height:auto; border:1px dotted #BBBBBB;} .every15wrap h3{border:0px solid; margin-bottom:3px;} .sm-prev-box {width:228px; height:auto;background: #F2F2F2; padding:8px;border-top:1px dotted #BBBBBB; float:left;} .prev-box-wrap {width:244px; height:auto;float:left; margin-bottom:16px;} .prev-left-column {margin-left:16px; width:244px; height:auto; float:left;display:inline;} .prev-right-column {width:352px; float:left; height:auto;} .prev-right-column .prev-box-wrap {width:352px;} .prev-right-column .sm-prev-box {width:336px; background:#DCE0EA;} .prev-right-column ul{margin:5px 0px 20px;} .prev-right-column strong{color:#424242; text-transform:uppercase; } .prev-right-column ul li{margin-bottom:5px; list-style-position:outside;} #every15-slideshow {margin-left:6px;width:380px; height:285px; float:left; display:inline;border:3px double #CCCCCC; padding:4px; background:#ffffff;} #ssp_g_every_15_minutes {float:left; padding:0px; margin:0px; } #media-wrap {padding:5px; width:602px; height:auto; float:left; background:#DCE0EA; margin-bottom:10px;} #media-wrap img{background:#ffffff;} h3#comments{margin:15px 16px 0px;} #video-wrap{float:left; width:612px; padding-bottom:20px; height:auto;} .video{float:left; margin-top:30px; } #click-video{float:left; width:125px; margin:10px 0px 8px 5px; height:375px; background:url(images/click-video.gif) bottom left no-repeat;} /*.video{float:left; width:612px; padding:0px 16px 0px 0px; height:auto;} .video .youtube{margin-left:66px; float:left; display:block;}*/ /* Wilderness EMS Page */ .post h4 {margin: 5px 0px; font-size:1.1em; } .WEMS h3 {margin-top:20px;} .post ul {margin-bottom:10px;} .mb10 {margin-top:10px;} #WEMS-splash {width:644px; height:245px; background:url(images/splash-WEMS.jpg) no-repeat -9px 0px;} #class-list {float:left;width:623px; height:auto;} #class-list .class{float:left; height:auto; width:612px; padding:10px 0px; background:url(images/post-divider.png) no-repeat center top;} #class-list .class img {float:left; margin-right:8px;display:inline;} #class-list .class a.title {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.3em;} #class-list .class p {margin-top:6px;} #class-list p.prereqs {text-align:right; font-weight:bold;} #class-list p.course-length {text-align:left; font-weight:bold; margin:0px;} /* Staff Page & Bios */ .staff-page .half-splash span {background:transparent url(images/staff-splash.jpg) no-repeat scroll -9px 0;height:100%;position:absolute;width:100%;} .staff-page h2{background:#618A8B;} #staff-btns{float:left; width:627px; height:28px; display:inline; margin:15px 10px 25px;} #staff-btns a{height:28px; width:156px; text-align:center; line-height:28px; float:left; color:#fff; text-transform:uppercase;} #staff-btns .sButton {width:156px; height:28px; float:left;} #staff-btns #emt-btn { background:url(images/staff-btns.jpg) no-repeat 0px 0px;} #staff-btns #paramedic-btn { background:url(images/staff-btns.jpg) 157px 0px;} #staff-btns #commissioner-btn { background:url(images/staff-btns.jpg) 314px 0px;} #staff-btns #officer-btn { background:url(images/staff-btns.jpg) 471px 0px;} #mycarousel li a{ float:left; margin-left:17px; display:inline; width:85px; height:90px;} .bio-img {float:left; margin-right:10px;display:inline; border:1px #000000 solid;} .bio-page h3 {font-size:1.5em; margin-top:0px;} .bio-block {height:auto; width:410px; float:left;} .bio-page .staff-cats{ font-size:.9em; margin-bottom:8px;} .about-position {float:left; font-size:.95em; height:auto; width:100%; background:url(images/post-divider.png) no-repeat center top; margin:30px 0px; } .about-position p { font-size:1.2em; } .bio-page {margin-top:25px;} .staffh3 {margin:0px 10px;} .qualifications {text-transform:uppercase; color:#666666; font-size:.9em; font-weight:normal; } #mycarousel h3 {border:0px solid;} ul.cat-emt-bios li{width:108px; height:130px; padding: 8px 3px 4px;float:left; border:#cccccc 1px solid; margin:0px 6px 6px 0px; display:inline; background:#ffffff;} ul.cat-emt-bios {width:612px; float:left; margin-top:10px;} ul.cat-emt-bios li h3 {font-size:1em;text-align:center;border:0px solid;margin-bottom:0px;} .officer-page .post {width:350px; float:left;} .officer-page .post strong, strong.difstrong{ color:#000000; font-size:1.1em;} #vertbar{ height:auto; width:245px; float:right; margin:60px 16px 0px 0px; } #Vert li {float:left; list-style:none; margin:0 6px 6px 0;padding:8px 3px 4px;width:108px; height:auto; border:1px solid #CCCCCC; height:12.8em;} #Vert h3 {font-size:.9em; text-align:center; margin-top:0px; margin-bottom:0px; border-bottom:0px solid;} #Vert p{text-align:center;} ul#Vert {background:#ffffff; float:left; padding:3px 0px 0px;} /* Tourists Page */ .tourists-page .half-splash span{background:url(images/tourist-splash.jpg) no-repeat -9px 0px;} /* Begin Footer */ #footer {padding:12px 0px 0px;height:70px;margin: 0 auto;width: 971px;clear: both;background:url(images/footer.png) no-repeat top left;} #footer-nav{width:385px; height:auto; float:left; margin-left:9px;display:inline;} #footer li{list-style:none; float:left; margin-right:10px;display:inline;} #footer p {margin: 0;padding: 0px;float:left;} #social-media {float:right; height:74px; width:567px; margin-right:7px; display:inline;} #social-media a.liexternal {background:none;padding-right:0px;} #footer li.sm-links {height:74px; float:right; margin-right:0px;} li#twitter{width:106px;} li#facebook{width:98px;} li#linkedin{width:106px;} li#flickr{width:99px;} li#youtube{width:91px;} li#emsconnect{width:61px;} li.sm-links img{width:100%; height:100%; float:left;} /* Contact Page */ .mail {float:left; width:200px; margin-right:20px;display:inline; height:auto;} #address{float:left; width:612px; height:auto; margin-bottom:15px;} #contactus {margin-top:30px;} /* error 404 Page */ #error404 {width:256px; height:367px; padding:178px 0px 0px 372px; background:url(images/error404.jpg) 0px 20px no-repeat; float:left;} #error404 h2{margin-top:0px;} #error404 li {list-style-type:disc; list-style-position:outside; margin-left:30px;} /* Staff Resources Page */ .staff-resources-page .entry h3 {color:#424242;font-family:Arial,Helvetica,sans-serif; font-size:1em; text-transform:uppercase; color:#5F5F5F;letter-spacing:0.1em;line-height:normal; border:0px solid; padding-bottom:10px;width:100%; float:left;margin-top:0px; background:#ffffff;} .staff-link-btns {float:left; width:297px; height:88px; border:1px solid #cccccc; margin:0px 0px 8px 5px; } .staff-link-btns a{float:left; width:297px; height:88px; position:relative; } .staff-link-btns span{width:100%; height:100%; position:absolute; display:block;} #gmail span{background:url(images/gmail.gif) top left;} #gmail { margin-bottom:12px; } #ninthbrain span{background:url(images/ninthbrain.gif) top left;} #sidebar ul li#text-432057641{background:#E7E2C0; padding:0px;} .staff-resources-page .cal {width:612px; height:400px;} #calendar {float:left; width:612px; height:auto;} .pageid-143 strong{color:#000000; font-size:1.1em;} /* Sitemap Page */ .sitemap-page ul {margin-left:15px;} .sitemap-page #page-list ul li{ list-style:disc;font-weight:bold; list-style-position:inside;} .sitemap-page #page-list {margin-bottom:15px;} .sitemap-page #page-list li li{ font-weight:normal; list-style:none;} .sitemap-page h4{margin-top:8px;} .sitemap-page ul li a{color:#003689;} .sitemap-page #content #page-list ul li:before {content:"";} .sitemap-page #content ul li:before, .sitemap-page #content #page-list li li:before {content: "\00BB \0020";} .sitemap-page ul li{font-size:1em; list-style:none;} .sitemap-page .subpost{width:628px; padding-right:0px;} .sitemap-page ul ul{margin-bottom:10px;} .sitemap-page a{text-decoration:underline;} .sitemap-page .sitemap-list {float:left; width:298px;display:inline; height:auto; margin-right:16px;} /* Begin Sidebar */ #sidebar{padding:0px;width: 309px;float:right;margin-right:1px;display:inline; position:relative;font-size:1.1em; } #sidebar h2{font-size: 1.4em;margin: 5px 0 0;padding: 0;color:#003689; } #sidebar h3, sidebar h3 a{font-size:1.2em; color:#424242;font-family: Trebuchet MS,'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; } #sidebar ul, #sidebar ul ol {width:310px;margin: 0px; float:left;} #sidebar .calls {border:1px solid #BABABA; height:auto; padding:5px 5px 5px 3px; width:289px;background:#Ffffff;float:left; margin:0px 0px 8px 5px; display:inline;} #sidebar .calls .firstline{margin-top:7px;} #sidebar .calls p{font-size:1.2em; float:left; line-height:15px;} #sidebar .calls iframe{border:0px solid; padding:0px; margin-left:-3px; margin-top:-2px; overflow:hidden; float:left;} #sidebar .calls iframe table, #sidebar .calls iframe td {overflow:hidden;} #sidebar .calls #callvol {float:left; width:29px; height:15px; overflow:hidden;} #sidebar #classReg {width:297px; margin:0px 0px 8px 5px; height:83px; display:inline; float:left; border:1px solid #BABABA;} #sidebar #ALNWlink {width:297px; margin:0px 0px 8px 5px; height:103px; display:inline; float:left; border:1px solid #BABABA;} #sidebar #FAQSlink{width:297px; margin:0px 0px 8px 5px; height:60px; display:inline;float:left; border:1px solid #BABABA;} #sidebar #billinglink {width:297px; margin:0px 0px 8px 5px; height:90px;display:inline; float:left; border:1px solid #BABABA;} #sidebar #ALNWlink a, #sidebar #ALNWlink img, #sidebar #billinglink a, #sidebar #billinglink img{float:left; width:100%; height:100%;} #sidebar ul li {width:299px;padding:0px 5px;background:url(images/sidebar-section.png) repeat-x top left;display:inline;list-style-type: none;list-style-image: none;margin-bottom: 10px;float:left;} #sidebar h2, #sidebar h3.ybh{border-bottom:1px solid #003689; background:#ffffff;border-top:1px solid #003689;;font-size:1.3em;margin-bottom:8px;margin-top:0;padding:5px 5px;} #sidebar ul li, #sidebar #preparedness-links{background:#F2F3F7;width:297px; display:inline; margin:0px 0px 8px 5px; padding:10px 0px 0px; float:left; } #sidebar ul li.ybi {margin:0px 5px; width:287px; padding:0px;} #sidebar #preparedness-links ul{width:297px;} #sidebar #preparedness-links ul li{width:292px;} #sidebar #preparedness-links ul ul{width:272px;} #sidebar #preparedness-links li li{width:272px;} #sidebar ul li ul{width:279px; margin:0px; float:left; padding:0px 10px 15px;} #sidebar ul li ul.pipesSmallthumb {padding:0px 10px;} #sidebar ul li ul li, #sidebar ul li ul li ul li {background:none; width:auto; width:100%;} #sidebar ul p, #sidebar ul select {margin: 5px 0 8px;} #sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;width:293px;} #sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;} ol li, #sidebar ul ol li {list-style: decimal outside;} #sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;} #sidebar form {padding:0px;} .emergency {float:left; background:#ffffff; height:auto; width:261px; padding:0px 16px;} /* Sidebar - Shopping Cart Widget */ #sidebar #shopping-cart #widgetshoppingcart {width:279px;} #sidebar #shopping-cart #widgetshoppingcart tbody tr td, #sidebar #shopping-cart #widgetshoppingcart tbody tr th {padding:0px 3px 8px 0px;} #sidebar #widgetshoppingcart #thqty, #sidebar #widgetshoppingcart .tdqty, #sidebar #widgetshoppingcart #thprice, #sidebar #widgetshoppingcart .tdprice {text-align:center;} .short-splash #sidebar{padding-top:20px;} /* Sidebar - Recent Courses Widget */ .course-list {padding:0px 10px 15px;} /* Sidebar - Bookmarks Disaster Links */ #preparedness-links {background:url(images/links-section.png) repeat-x 0px 0px; height:auto; width:293px; float:left; padding:0px 8px;} #sidebar ul li.linkcat {background:none; padding:0px;} #sidebar ul.blogroll li{width:100%;} /* Sidebar - Staff Lists */ #sidebar ul li#cat-posts-425219401 ul li, #sidebar ul li#cat-posts-425219861 ul li, #sidebar ul li#cat-posts-428337261 ul li{width:139px;} /* Sidebar - Donations */ #donorwall{float:left; position:relative;} #sidebar form#donateplusform {padding:0px 10px;} .textwidget .donate_ty {padding:0 10px;} #donorwall .donorname,.entry, pre { float:left;} #donorwall .comment p{ width:597px; float:left; margin-top:10px; margin-bottom:10px;} #donorwall .url{float:left;} .post .entry p.date {margin-bottom:0px;} .post .entry p.donorname, .post .entry p.donation {margin-bottom:5px;} .donortop{float:left;height:auto; width:612px;border-bottom:thin #cccccc solid;} .donation{float:right;} .donorbottom{float:left;height:auto; width:612px;} .post .entry p.donorname {font-weight:bold;} #donorwall .date{float:right;} /* Search*/ #cse-search-results iframe {width:615px;} /* Begin Form Elements */ #cse-search-box {margin:0px 0px 8px 5px; float:left; display:inline;} #searchform {margin: 20px 5px 10px 0px;float:right;width:300px;text-align: center; display:inline;overflow-x: hidden;} #sidebar ul li#shopping-cart ul {margin-left:0px;} #sidebar #s {width: 202px;height:17px;float:left;font-size:1.0em; margin-top:1px;padding: 4px 3px 2px 10px;border:1px solid #B3B3B3; border-right:none;line-height:17px;} #sidebar #searchsubmit {padding: 0px;float:left;background:url(images/sji-all-nt.jpg) no-repeat -836px -160px;height:26px;border:none;width:84px;} .entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;} select {width: 130px;} #commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;} #commentform {margin: 5px 10px 0 0;} #commentform textarea {width: 100%;padding: 2px;} #respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #commentform #submit {margin: 0 0 5px auto;float: right;display:inline;} /* End Form Elements */ /* Begin Comments*/ .alt {margin: 0;padding: 10px;} .commentlist {padding: 0 16px;text-align: justify; } #commentlist li {margin: 15px 0 10px;list-style-type: none; float:left;} .commentlist li ul li {margin-right: -5px;margin-left: 10px;} ol#commentlist {list-style-image:none; list-style-type:none; list-style-position:inside; padding:0px 16px; float:left; margin-bottom:15px;} .commentlist p {margin: 10px 5px 10px 0;} .children { padding: 0; } #commentform p {margin: 5px 0;} .nocomments {text-align: center;margin: 0;padding: 0;} .commentmetadata {margin: 0;display: block;} #comment-form-box label{display:none;} .comment-cloud {margin:0px 0px 0px 15px;} .cloud-top {background:url(images/cloud-top.jpg) no-repeat 0px 0px; float:left; width:582px; height:35px;} .cloud-mid {background:url(images/cloud-mid.jpg) repeat-y 0px 0px; float:left; width:562px; height:auto; padding:0px 10px;} .cloud-btm {background:url(images/cloud-btm.jpg) no-repeat 0px 0px;float:left; width:582px; height:12px;} .author-id-1 .cloud-top {background:url(images/admin-cloud-top.jpg) no-repeat top left; float:left; width:582px; height:35px;} .author-id-1 .cloud-mid {background:url(images/admin-cloud-mid.jpg) top left; float:left; width:502px; height:auto; padding:10px 10px 0px 70px;margin:0px; min-height:60px;height:auto !important;height:60px;} .author-id-1 .cloud-btm {background:url(images/admin-cloud-btm.jpg) no-repeat top left;float:left; width:582px; height:12px; margin:0px; padding:0px;} h3.comments {margin-top:15px;} /* End Comments */ /* Begin Calendar */ #wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;} #wp-calendar #next a {padding-right: 10px;text-align: right;} #wp-calendar #prev a {padding-left: 10px;text-align: left;} #wp-calendar a {display: block;} #wp-calendar caption {text-align: center;width: 100%;} #wp-calendar td {padding: 3px 0;text-align: center;} #wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #fff; } /* Begin Various Tags & Classes */ acronym, abbr, span.caps {cursor: help;} acronym, abbr {border-bottom: 1px dashed #999;} blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;} blockquote cite {margin: 5px 0 0;display: block;} .center {text-align: center;} .hidden {display: none;} hr {display: none;} a img {border: none;} .navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 10px;} /* Captions */ .aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;} .wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;} .wp-caption img {margin: 0;padding: 0;border: 0 none;} .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;} /* Links Page */ .pageid-122 .link{width:100%; height:auto; float:left;} /*jQuery tabs*/ #tabs iframe { margin: 0px; border:#cccccc solid 1px;} #tabs small {font-size:.8em;} #tabs h2{font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; color:#000000; margin:10px 0px 0px 10px; text-transform:none; font-size:1.1em;} #tabs h3 {font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; color:#900008; font-size:.9em; margin:8px 0px 8px;width:100%;} #tabs p {margin-bottom:8px; text-align:justify;} /* Statistics Page */ .stats-page .ui-tabs-nav li.ui-tabs-selected a, .pageid-96 .ui-tabs-nav li.ui-tabs-selected a:hover{background:url(images/tabs-right.png) 76px -52px no-repeat;} .stats-page .ui-tabs-panel {padding:4px 23px 20px; width:566px; border-bottom:#cccccc solid 1px;} .stats-page #trans2009 {width:550px; height:333px;} .stats-page #trans2008 {width:572px; height:336px;} .stats-page #trans2007 {width:550px; height:330px;} .stats-page #trans2006 {width:572px; height:316px;} .stats-page #transall {width:550px; height:333px;} /* jQuery UI tabs */ #tab-top{width:619px; background:url(images/tab-top.png) no-repeat top left; height:20px; float:left;} #tab-btm {width:619px; background:url(images/tab-btm.png) no-repeat top left; height:20px;float:left;} .ui-tabs-nav { list-style: none;font-size: 1.1em;float: left;position: relative;margin:0px;z-index: 1;bottom: -1px;} .ui-tabs-nav ul, .ui-tabs-nav li { list-style-image:none;list-style: none; list-style-type:none; list-style-position:inside; } .ui-tabs-nav li { float: left;background:url(images/tabs-left.png) 0px 0px no-repeat;border-bottom:none;border-left: none;margin-right:3px; margin-left:0px;width:84px;height:25px;} .ui-tabs-nav li a {float: left;font-size: 1em;font-weight: normal;text-decoration: none;width:84px; text-align:center;height:25px;line-height:26px;background:url(images/tabs-right.png) top right no-repeat;color: #444444;} .ui-tabs-nav li.ui-tabs-selected {background:url(images/tabs-left.png) 0px -52px no-repeat;} .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {background: #ffffff;color: #000000;background:url(images/tabs-right.png) 195px -52px no-repeat;} .ui-tabs-panel {float:left;background: #ffffff url(images/tab-mid.png) top left repeat-y;color: #362b36;padding:8px; font-size:.9em;width:603px;} .ui-tabs-hide {display: none;/* for accessible hiding: position: absolute; left: -99999999px*/} /* Ajaxreader */ #ajaxreader {float:left; width:300px; height:auto;} #ajaxreader li {background: url(ok.png) no-repeat ;padding: 2px 0 0 20px;list-style: none;} .error {background: url(error.png) no-repeat;padding: 2px 0 0 20px;list-style: none;} div.channeltitle {clear: both;border-top: #333 1px solid;font-weight: bold;font-size: 24px;padding-bottom: 2px;margin: 5px;padding-top: 2px;border-bottom: #333 1px solid;font-family: Georgia, serif, 'Times New Roman';background-color: #f8f8f8;width: 100%} div.channeltitle a{color: black;text-decoration: none;} div.channeltitle a:hover{text-decoration: underline;} /* Coda Slider */ #sidebar ul li#text-424377191{padding:0px;} .slide-content {float:left; width:303px; height:auto; margin-left:10px;} .stripViewer .panelContainer .panel ul {text-align:left; margin:0 15px 0 30px;} .slider-wrap {margin: 10px 0px 20px 0px;position: relative;width: 612px;float:left;display:inline; } .slider-wrap p {font-size:1em; margin-bottom:4px;} .about-page .slider-wrap h4 {font-size:1.2em; margin-top:0px; margin-bottom:6px; text-align:center; color:#5F5F5F; background:none;} .panel .wrapper img{float:left;} .csw {width: 100%; height: auto; background: #fff; overflow: scroll;} .csw .loading {margin: 200px 0 300px 0; text-align: center;} .stripViewer {position: relative;overflow: hidden; margin: auto;width:612px;height: auto;clear: both; border:#cccccc solid 1px;} .stripViewer .panelContainer { position: relative;left: 0px; top: 0px;width: 100%;list-style-type: none;} .stripViewer .panelContainer .panel {float:left;height: 100%;position: relative;width: 612px;} .stripViewer .panelContainer .panel .wrapper {padding: 10px; float:left;} .stripNav ul{display:none;} .stripNavL, .stripNavR {position: absolute;line-height:20px;top: 0px;z-index:10;} .stripNavL a, .stripNavR a {display:block;font-size:.85em; } .stripNavL {right:55px;} .stripNavR {right: 5px;}