@import "baseline.css";

@font-face {
    font-family: 'ArimoRegular';
    src: url('../fonts/Arimo-Regular-Latin-webfont.eot');
    src: url('../fonts/Arimo-Regular-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Arimo-Regular-Latin-webfont.woff') format('woff'),
         url('../fonts/Arimo-Regular-Latin-webfont.ttf') format('truetype'),
         url('../fonts/Arimo-Regular-Latin-webfont.svg#ArimoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F-webfont.woff') format('woff'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body { height: 100%; font-family: Arial; font-size: inherit; color: #000; }

p { line-height: 15px; margin-top: 8px; }
h1, h1 strong, h2, h3 { font-size: 22px; color: #000000; }
h2 { font-size: 16px; }
h3, h4 { font-size: 14px; }
h5, h6 { font-size: 10px; color:#000; font-weight:bold; }
ul { list-style-image: none; list-style-position: outside; list-style-type: none; }
/*a { color: #005484; text-decoration: underline; }*/
a:link { color: #005484; text-decoration: underline; }
a:visited { color: #800080; text-decoration: underline; }
a:hover { color: #053150; text-decoration: underline; }
a:active { color: #053150; text-decoration: underline; }

ol { list-style: decimal outside none; padding-left: 20px; margin-top: 5px; }

#header { position: relative; height: 128px; color: #fff; background: transparent url(../images/header_bg.jpg) no-repeat scroll 0 0; }
#header #logo { position: relative; top: 12px; }
/*#header #logo img { display: none; }*/
#header h1 { position: absolute; top: 12px; left: 108px; width: 211px; height: 41px; background: transparent url(../images/title.png) no-repeat scroll 0 0; }
#header h1 strong { display: none; }

#top-nav { position: absolute; bottom: 2px; left: 100px;  }
#top-nav li { display:block; float: left; height: 52px; }
#top-nav li:hover { background: transparent url(../images/top_nav_hover_bg.png) repeat-x scroll 0 0; }
#top-nav li.selected { background: transparent url(../images/top_nav_selected_bg.png) repeat-x scroll 0 0; }
#top-nav li a { text-decoration: none; display: block; line-height: 25px; border-left: 1px solid #024870; color: #fff; font-weight: normal; text-transform: uppercase; padding: 11px 11px; font-family: 'ArimoRegular', Arial, sans-serif; font-size: 12px; border-right: 1px solid #26719b; }
#top-nav li a span { display: block; font-weight: normal; text-transform: none; margin-top: 2px; }
#top-nav li.first { border: none; }
#top-nav li.first a { border-right: 1px solid #26719b; border-left: none; }
#top-nav li.last { border-right: none; }
#top-nav li.last a { border-right: none; }
#top-nav li.mywsba a { text-transform: none; color: #ffcc33; }

#quick-search { position: absolute; right: 0; top: 40px; }
#quick-search input, .search-input { display: block; float: left; width: 130px; font-size: 10px; border: 0; margin: 1px 6px 0 12px; background-color: #f2f2f2; height: 21px; line-height: 21px; padding: 0 8px; }
input.ghost { color: #555; }
#quick-search a { display: block; float: left; text-indent: -9999px; }
#quick-search a.ld { width: 137px; height: 23px; background: transparent url(../images/button_lawyer_directory.png) no-repeat scroll 0 0; }
#quick-search .go { width: 35px; height: 21px; text-indent: -9999px; display: block; float: left; padding: 0; background-color: transparent; margin-left: 0; margin-right: 0; }
#quick-search .social-media { float: left; width: 114px; }
#quick-search .social-media a { display: inline; float: none; }
#quick-search .social-media img { float: left; margin-right: 8px; border: none; }
#quick-search .social-media a.last img { margin-right: 0; }

#login { position: absolute; right: 0; top: 19px; }
#login a { color: #fff; }

#footer-wrapper { background:#dcdcd5; min-height: 272px; margin-top: 45px; }
#footer { font-size: 10px; width: 950px; margin: 0 auto; position: relative; }
#footer p { margin-top: 0px; }
#footer .widget { position: absolute; top: -36px; }
#footer .widget .inner { padding: 17px 21px 43px; min-height: 212px; background: #ebebeb url(../images/footer_bg.jpg) no-repeat scroll bottom; }
#footer #fcol-wrapper { margin-top: 10px; }
#footer h4 { padding: 0; margin: 0; color: #333; font-weight: bold; font-size: 10px; line-height: 15px; }
#footer h4.push-down { margin-top: 1em; }
#footer a { text-decoration: none; line-height: 15px; color: #333; font-size: 11px; }
#footer a:hover { text-decoration: underline; }
#footer .fcol { float: left; margin-left: 32px; width: 155px; }
#footer .fcol.first { margin-left: 0; }

body { background: #eaeaea url(../images/body_bg.png) repeat-x scroll 0 0; }
body.home { background: #eaeaea url(../images/body_bg_main.png) repeat-x scroll 0 0; }
#page-wrapper { width: 950px; margin: 0px auto; min-height: 500px; }

.widget { width: 256px; float: left; margin-left: 11px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #d8d8d1; background-color: #fff; padding: 1px; }
.widget .inner { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height: 100%; background-color: #eae9e4; min-height: 136px; }

.widget.w1 { width: 330px; }
.widget.w2 { width: 675px; }
.widget.w3 { width: 946px; float: none; }
.widget.first { margin-top: 0; margin-left: 0; }
.widget.last { margin-bottom: 0; }

.widget.blue { background: #001931 url(../images/blue_widget_bg.png) repeat-x scroll 0 0; }
.widget.blue .inner{ background-color: transparent; padding: 11px 12px; }

#info-row .widget#widget-93 { float: right; margin-top: 11px; }
#info-row .widget#widget-93 .inner { min-height: 93px; }
#info-row .widget#widget-93 .inner .padded { padding: 10px 70px 5px 10px; }
.widget#widget-93 h3 { font-size: 11px; margin-bottom: -4px; }
.widget#widget-93 p { font-size: 9px; color: #747474; line-height: 10px; margin-top: 7px; }
.widget#widget-93 p a { font-size: 9px; }

#info-row #news { float: left; width: 679px; margin-left: 0; margin-top: 0; }
#info-row #news a:hover { color: #053150; }
#info-row #news .featured-articles { width: 334px; float: left; margin-right: 11px; min-height: 310px; position: relative; padding-bottom: 20px; }
#info-row #news .events { width: 332px; float: left; min-height: 310px; position: relative; padding-bottom: 20px; }
#info-row #news h2 { font-family: "PTSansRegular",Arial, Helvetica; font-size: 14px; color: #585754; border-bottom:4px solid #585754; text-transform: uppercase; font-weight: normal; padding-bottom: 2px; margin-bottom: 18px; }
#info-row #news h2 img { float: right; *float: none; position: absolute; right: 0; top: 0; }
#info-row #news h2 a { font-size: 14px; color: #4C89A8; text-decoration: none; }
#info-row #news p, #info-row #news p a { font-size: 11px; margin-top: 0; }
#info-row #news p a { font-weight: bold; text-decoration: none; color: #4c89a8; }
#info-row #news .wsbahome { float: left; margin-bottom: 15px; }
#info-row #news .wsbahome a { display: block; }
#info-row #news .wsbahome img { float: left; padding: 4px; border: 1px solid #AAAAAA; background: #ffffff; margin-right: 10px; }
#info-row #news .wsbahome p img { padding: 0; border: none; background: none; margin: 0; }
.events .event-details { clear: both; margin-bottom: 25px; overflow: hidden; }
.event-details .date { width: 55px; float: left; margin-right: 10px; margin-top: 2px; }
.event-details .date h3 { margin: 0 0 3px; padding: 0!important; text-align: center; font-size: 12px; color: #8d8d8d; font-weight: normal; }
.event-details .date h4 { text-align: center; font-size: 21px; color: #8d8d8d; font-weight: normal; }
.event-details p { width: 265px; float: right; }
.event-details p a { display: block; }
.more-details { clear: both; display: block; text-align: right; background: url(../images/grey-arrows.png) no-repeat right 4px; padding-right: 10px; font-size: 11px; font-family: "PTSansRegular",Arial, Helvetica; text-decoration: none!important; color: #4c89a8!important; text-transform: uppercase; margin-top: 10px; float: right; width: 100%; position: absolute; bottom: 0; right: 0; }
.more-details:hover { color: #053150; }

#main { margin-top: 5px; }
#home-banner { color: #fff; height: 297px; background: url(../images/slider-shadow.jpg) no-repeat 50% bottom; margin-top: 12px; position: relative; }
#home-banner a { color: #fff; text-decoration: none; }
#home-banner .inner { padding: 11px 12px; }
#main #left-col #lawyer-directory ul { border-bottom: 1px solid #26719b; }
#main #left-col #lawyer-directory { position: relative; top:0; left: 0; border-radius: 0;  padding: 0; background: #2c6199 url(../images/sidebar-nav.jpg) repeat-x 0 0; z-index: 1;}
#main #left-col #lawyer-directory li { border-bottom: 1px solid #024870; border-left: none; border-right: none; border-top: 1px solid #26719b; margin: 0; background: none; }
#main #left-col #lawyer-directory li:hover { background: #014871; }
#left-col #left-nav-bottom-pad { margin-top: -1px; }
#lawyer-directory { width: 124px; color: #fff; position: absolute; top: 5px; left: 9px; z-index: 100; padding: 12px 11px; -webkit-border-radius: 3px;
border-radius: 3px; background: url(../images/lawyer-bg.jpg) repeat-x 0 0 #044D79;

 }
#lawyer-directory a { text-decoration: none; color: #fff; }
#lawyer-directory h3 { font-weight: normal; padding: 12px 10px 12px 17px; width: 97px; margin-bottom: 4px; color: #001931; cursor: pointer; -webkit-border-radius: 3px;
border-radius: 3px; 

background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(232,232,232) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(232,232,232))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(232,232,232) 100%); /* W3C */
background: rgb(255,255,255)\9;

 }
#lawyer-directory h3 span { display: block; background: transparent url(../images/lawyer-folder.png) no-repeat scroll right 50%; }

#lawyer-directory h4 { font-size: 11px; font-weight: normal; padding-left: 17px; text-transform: uppercase; margin: 30px 0 8px; }
#lawyer-directory li { height: 26px; line-height: 26px; display: block; padding: 0 17px; background-color: #005484; border: 1px solid #3788b6; margin-bottom: 1px; }
#lawyer-directory li a { display: block; height: 26px; line-height: 26px; width: 92px; background: transparent url(../images/arrow_right.png) no-repeat scroll left 50%; padding-left: 10px; }
#lawyer-directory li.selected { background: #308203 url(../images/lawyer_directory_li_selected_bg.png) repeat-x scroll 0 0 !important; }
#lawyer-directory li:hover { background: #014871; }

#banner-main { margin-left: 10px; width: 529px; border: 1px solid #003353; background-color: #001931; padding: 10px; padding-left: 20px; }
#banner-main h1 { color: #fff; }
#banner-main .info { width: 196px; }
#banner-main img { border: 1px solid #003353; }
#banner-main a { text-decoration: underline; }

#calendar { float: left; color: #fff; margin-left: 12px; width: 208px; }
#calendar h3, .small-calendar h3 { color: #fff; font-weight: normal; padding: 8px 0; }
/*#event-types { height: 16px; }*/
/*#event-types a { padding: 1px 3px; }*/
#calendar .month-select td, .small-calendar .month-select td { margin: 4px 0; padding: 8px 14px; text-align: center; font-weight: normal; font-size: 13px; background-color: #005484; }
#calendar .month-select a, .small-calendar .month-select a { margin-top: 2px; text-indent: -9999px; width: 6px; height: 8px; background: transparent url(../images/arrow_right.png) no-repeat scroll 0 0; }
#calendar .month-select a.fleft, .small-calendar .month-select a.fleft { background-image: url(../images/arrow_left.png); }
#calendar table, .small-calendar table { width: 100%; }
#calendar tr, .small-calendar tr { text-align: center; font-weight: bold; }
#calendar th, .small-calendar th { padding: 6px 0; }
#calendar td, .small-calendar td { padding: 4px 0; }
#calendar span, .small-calendar span { padding: 1px 4px; }
#home-banner .selected { background-color: #005484; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.rarr { padding-right: 12px; background: url(../images/arrow_right.png) no-repeat scroll right 50%; }

.small-calendar .calendar { clear: both; }
.small-calendar select { width: 100%; border: none; background-color: #005484; color: #fff; margin-top: 8px; }
.small-calendar div.day { font-weight: bold; width: 20px; padding: 5px 0; text-align: center; float: left; margin: 4px 4px 0; }
.small-calendar div.day.hilight { background-color: #005484; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.small-calendar div.popup { display: none; z-index: 999; }
.small-calendar div.day.dow6 { clear: right; margin-right: 0; }
.small-calendar div.day.dow0 { clear: both; }
.small-calendar div.day span { display: none; }

#info-row, #button-row { margin-top: 22px; clear: both; }
#info-row .widget .inner { min-height: 218px; }
#info-row #news .padded { padding: 11px 0; }
#info-row #news h3 { padding: 0 11px 0 17px; }
#info-row #news h3 span.social { margin-top: -3px; }
#info-row #news h3 span a { width: 19px; height: 20px; text-decoration: none; margin-left: 3px; }
#info-row #news-list { margin-top: 11px; }
#info-row .news-item { padding: 10px 11px 10px 17px; color: #262e31; background-color: #f2f2f2; margin-bottom: 1px; }
#info-row .news-item div { float: left; }
#info-row .news-item .info { margin-left: 17px; }
#info-row .news-item .link { float: right; }
#info-row .news-item .link a { display: block; width: 21px; height: 16px; text-indent: -9999px; text-decoration: none; background: transparent url(../images/icon_arrow_right.jpg) no-repeat scroll 0 0; }
#info-row #all-news { display: block; float: right; margin-top: 11px; margin-right: 11px; }

#info-row #bar-news .inner { background: #eae9e4 url(../images/widget_bar_news_bg.jpg) no-repeat scroll bottom; }
#info-row #bar-news .padded { padding: 11px 17px; }

#button-row .widget { min-height: 136px; }
#button-row #wsba-conduct .inner { background: #eae9e4 url(../images/widget_wsba_conduct_bg.jpg) no-repeat scroll 0 0; }
#button-row #wsba-conduct .padded { padding: 19px 17px 0; }
#button-row #wsba-conduct p { width: 200px; }
#button-row #wsba-donate .inner { background: #eae9e4 url(../images/widget_wsba_donate_bg.jpg) no-repeat scroll 0 0; }
#button-row #wsba-store .inner { background: #eae9e4 url(../images/widget_wsba_store_bg.jpg) no-repeat scroll 0 0; }

.meta { font-size: 10px; color: #999; text-transform: uppercase; }
.fleft { float: left; display: block; }
.fright { float: right; display: block; }

.filler { margin-top: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #dcdcd5; width: 100%; height: 0; }
.hasLink { cursor: pointer; }


.popup {
   position: absolute;
   top: 0;
   left: 0;
   width: 413px;
   height: 102px;
   padding: 29px 27px 0;
   color: #fff;
   background-image: url(../images/popup.png);
   display: none;
   font-size: 12px;
   line-height: 150%;
   color: #fff;
}
.popup a { color: #fff; }

div.popup-close {
   position: absolute;
   top: 12px;
   right: 5px;
   cursor: pointer;
}

p.success, p.error { color: #333; font-size: 12px; padding: 10px; background-color: #faa; border: 1px solid #ccc; -moz-border-radius: 4px; border-radius: 4px; }
p.success { background-color: #afa; }
strong.hit { color: #000; }

h3.search-item a { color: #262e31; }
h3.search-item.pdf { padding-left: 20px; background: transparent url(../images/icon_pdf.png) no-repeat scroll 0 0; min-height: 16px; }

.print-only { display: none; }

/*---- Banner Slider -----*/

.rsSlide { background: #616161; font-family: "OpenSansRegular", Arial, Helvetica; }
.rsSlide > div > img { float: left; }
.rsSlide h2 { float: right; width: 316px; font-family: "OpenSansBold", Arial, Helvetica; font-weight: normal; color: #ffffff; background: url(../images/yellow-ribbon.png) no-repeat 0 0; height: 60px; position: absolute; top: 28px; right: -50px; line-height: 50px; padding-left: 40px; }
.rsSlide p { width: 210px; position: absolute; top: 90px; right: 0; padding: 0 25px; line-height: 17.5px; }
.rsSlide p a:hover { text-decoration: underline!important; }
.rsNav { position: absolute; right: 14px; bottom: 8px;  }
.rsNav .rsNavItem { float: left; }
.rsNav .rsNavItem span { background: url(../images/slider-pagination.png) no-repeat -16px 0; width: 11px; height: 13px; float: left; margin-left: 5px; }
.rsNav .rsNavSelected span { background-position: 0 0; }
.rsNav .rsNavItem span:hover { background-position: 0 0; cursor: pointer; }

.royalSlide h2 { float: right; width: 316px; font-family: "OpenSansBold", Arial, Helvetica; font-weight: normal; color: #ffffff; background: url(../images/yellow-ribbon.png) no-repeat 0 0; height: 60px; position: absolute; top: 28px; right: -60px; line-height: 50px; padding-left: 40px; }
.royalSlide p { }
.royalSlide div a { text-decoration: underline!important; }
.royalSlide div a:hover { text-decoration: underline!important; }
.royalSlide > div { width: 210px; position: absolute; top: 90px; right: 0; padding: 0 25px; line-height: 17.5px; }

/*--- Widget wrapping link ---*/
#button-row .widget .inner { position: relative; }
#button-row .widget .inner > a { position: absolute; width: 100%; height: 100%; }
#button-row .widget .inner .padded a { position: relative; z-index: 1; }

#info-row .widget .inner { position: relative; }
#info-row .widget .inner > a { position: absolute; width: 100%; height: 100%; }
#info-row .widget .inner .padded a { position: relative; z-index: 1; }

.ui-widget-content { z-index: 4 !important; }

/*----- Contact button -----*/
#logo .btn-green {
    background: #008000 none repeat scroll 0 0;
    border: 1px solid #488c35;
    border-radius: 4px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    outline: medium none;
    padding: 7px 19px 5px;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-transform: uppercase;
    top: -5px;
}

#logo .btn-green:hover, #logo .btn-green:active {
    background: # f6c300 none repeat scroll 0 0;
    border: 1px solid # f4cf00;
}