*{
    word-break:break-word;    
}

a, a:visited{
    color:#1d70a4;
    -webkit-transition: color 0.2s linear; 
       -moz-transition: color 0.2s linear; 
         -o-transition: color 0.2s linear; 
            transition: color 0.2s linear;  
}

a:hover{
    color:#6ca2c4;   
    -webkit-transition: color 0.2s linear; 
       -moz-transition: color 0.2s linear; 
         -o-transition: color 0.2s linear; 
            transition: color 0.2s linear; 
}

.button{
    display:inline-block;
    font-family: 'Crimson Text', serif;  
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    text-decoration:none;
    background-color:#f0b310;
    border:3px solid #f7ca29;
    padding:10px 25px 10px 25px;    
    -webkit-box-shadow: 0px 0px 4px 0px #000;
    box-shadow: 0px 0px 4px 0px #000;
    cursor:pointer;
}

.button:hover{
    background-color:#f0c310;   
}

.alert{
    background-color:Red;
    color:White;
    padding:10px;
    text-align:center;
}

.alert a{
    color:White;
    text-decoration:underline;
}

.someLinks{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1MGEwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjMDAxZDNlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjMDAyNjU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjMDAyNzU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMjI0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(5,10,15,1) 0%, rgba(0,29,62,1) 2%, rgba(0,38,85,1) 32%, rgba(0,39,87,1) 52%, rgba(0,34,79,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,10,15,1)), color-stop(2%,rgba(0,29,62,1)), color-stop(32%,rgba(0,38,85,1)), color-stop(52%,rgba(0,39,87,1)), color-stop(100%,rgba(0,34,79,1)));
    background: -webkit-linear-gradient(top,  rgba(5,10,15,1) 0%,rgba(0,29,62,1) 2%,rgba(0,38,85,1) 32%,rgba(0,39,87,1) 52%,rgba(0,34,79,1) 100%);
    background: -o-linear-gradient(top,  rgba(5,10,15,1) 0%,rgba(0,29,62,1) 2%,rgba(0,38,85,1) 32%,rgba(0,39,87,1) 52%,rgba(0,34,79,1) 100%);
    background: -ms-linear-gradient(top,  rgba(5,10,15,1) 0%,rgba(0,29,62,1) 2%,rgba(0,38,85,1) 32%,rgba(0,39,87,1) 52%,rgba(0,34,79,1) 100%);
    background: linear-gradient(to bottom,  rgba(5,10,15,1) 0%,rgba(0,29,62,1) 2%,rgba(0,38,85,1) 32%,rgba(0,39,87,1) 52%,rgba(0,34,79,1) 100%);    
    padding:2px 0 2px 0;
}

.no-cssgradients .someLinks{
    background-color: #002351;  
}

.someLinks a{
    display:block;
    color:#002c5f;
    text-transform:uppercase;
    text-decoration:none;
    font-family: 'Crimson Text', serif;
    font-weight:600;
    font-size:14px;
    background-color:#f3c641;
    margin:1px 0 0 0;
    padding:10px 40px 10px 25px;
    position:relative;
}

.someLinks a:hover{
    background-color:#f0c310;   
}

.someLinks a:before{
    content:'';   
    position:absolute;
    top:2px;
    right:2px;
    bottom:2px;
    left:2px;
    border:1px solid #f7d87c;
}

.someLinks a:after{
    content:'\2192';
    position: absolute;
    top: -5px;
    right: 0;
    bottom: 0;
    width: 50px;
    font-size: 40px;
    line-height: 40px;
    color: #AF8502;
    overflow: hidden;
    text-indent: -10px;
}

.snazyList{
    margin:0;
    padding:0 15px 0 15px;       
    box-shadow: inset 0 7px 7px -4px rgba(0, 0, 0, 0.1);
}

.no-boxshadow .snazyList{
    border-top:3px solid #e3e3e3;   
}

.snazyList a,
.saveDate a{
    text-decoration:none;   
}

.snazyList dt{
    font-family: 'Crimson Text', serif;    
    color:#023a80;
    font-size:32px;
    cursor:pointer;
}

.snazyList dt:before{
    content:'+';
    display: inline-block;
    vertical-align: baseline;
    color: white;
    background-color: #C9C3BA;
    height: 20px;
    width: 20px;    
    border-radius:10px;
    text-align:center;
    line-height:20px;
    font-family: Arial;
    font-size: 17px;
    font-weight: 900;
    position: relative;
    top: -3px;
    left: -2px;
    margin:0 10px 0 0;
}

.snazyList.active dt:before{
    content:'-';   
}

.snazyList dd{
    display:none;   
    margin:0;
    padding:15px 15px 15px 15px;
    border-top:2px solid #d5d5d5;
}

.snazyList.active dd{
    display:block;
}

.snazyList .all,
.news .all,
.events .all{
    border:none;
    text-align:right;
    font-family: 'Lato', sans-serif;  
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    padding-top: 0;
}

.snazyList .all a:after,
.news .all a:after,
.events .all a:after{
    content: url(small_arrow.png);
    padding:0 0 0 10px;
    position: relative;
    top: 1px;
}

.snazyList .date,
.saveDate .date{
    font-family: 'Lato', sans-serif;    
    color:Black;
    font-size:12px;
    text-transform:uppercase;   
    position:relative;
}

.snazyList .pinned {
    position: relative;
}

.snazyList .date:before,
.snazyList .pinned:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -15px;
    height: 7px;
    width: 7px;
    background-color: #F2BB24;
}

.snazyList .title,
.saveDate .title{    
    font-family: 'Crimson Text', serif;  
    font-size:17px;  
}

.saveDateColumn {
    width: 220px;
    display: inline-block;
}

.saveDate .header{
    color:White;
    background-color:#023675;   
    font-family: 'Crimson Text', serif;  
    font-size:23px;
    text-transform:uppercase;
    line-height: .8;
    padding:10px 30px 10px 30px;
    background-image:url(crooked_calendar.png);
    background-repeat:no-repeat;
    background-position:235px bottom;
}

.saveDate .header.custom{
    padding:10px 15px 10px 15px;
    background-image:none;  
    line-height:1; 
}

.saveDate .content{
    padding:15px 20px 20px 20px;
    box-shadow:inset 0px 10px 5px rgba(0, 0, 0, 0.1), inset 0px -10px 5px rgba(0, 0, 0, 0.1);
}

.saveDate .more{
    text-align:center;  
    margin:15px 0 0 0; 
}

.saveDate .header em{
    font-weight:normal;
    font-size:27px;   
    text-transform:none;    
}

.carousel{
    text-align:center; 
    margin:0 auto 15px auto; 
    outline:3px solid #d6d0ae;
    border:1px solid #969593;     
    max-width:100%;
}

.carousel ul li{
    margin: 0 1px 0 0;  
    position:relative; 
}

.carousel ul li a:before{
    content: '';
    position: absolute;
    right: 0;
    bottom: -35px;
    height: 0;
    width: 0;
    border: 35px solid transparent;
    border-right-color: #F6B719;
}

.carousel ul li a:hover:before{
    border-right-color:#f0c310;
}

.carousel .image a:after{
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    height:20px;
    width:20px;
    background-image:url(carousel_sprite.png);
    background-repeat:no-repeat;
    background-position:right top;
}

.carousel .video a:after{
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    height:20px;
    width:20px;
    background-image:url(carousel_sprite.png);
    background-repeat:no-repeat;
    background-position:left top;
}

.carouselNextPrev{
    text-align:center;
    margin: 0 0 20px 0;
}

.carouselNextPrev .button{
    padding: 0px 5px 5px 5px;
    color: #59513D;
    font-size: 20px;
    line-height: 20px;
    position:relative;
}

.carouselNextPrev .prev{
    left:-5px;
}

.carouselNextPrev .next{
    left:5px;
}

.externalControl{  
    text-align: center;
}

.externalControl .go{
    width: 11px;
    height: 11px;
    display:inline-block;   
    background: #666;
    background-image: none;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.externalControl .go.active{
    background: #3C7ABA;
    cursor: default;
}

.meetSoAndSo{
    margin:15px 15px 15px 15px;   
}

.meetWho{
    font-family: 'Crimson Text', serif; 
    font-size:32px;
    color:#023a80; 
    border-bottom:1px solid #dcbd4d;   
}

.meetSoAndSo blockquote{
    margin:10px 0 10px 0;  
    color:#383839;
    font-family: 'Crimson Text', serif; 
    font-size:18px;    
}

.meetSoAndSo blockquote cite{
    display:block;
    color:Black;
    font-family:Georgia;
    font-size:12px;
    text-transform:uppercase;
    font-style:normal;
    margin:0 0 15px 0;
}

.meetSoAndSo blockquote .profileImage{
    width: 120px;  
}

.connect dd{
    padding:15px 0 15px 0;   
    display:none;
    border:none;
}

.connect .tabs{
    padding:0;   
}

.connect .tabs .social{
    margin:0 0 0 35px;
    padding:0;    
    background-image:url(social_feed_dividers.png);
    background-repeat:no-repeat;
    background-position:left center;
}

.connect .tabs .social li{
    list-style-type:none;
    display:inline-block;
    cursor:pointer;
    background-image:url(social_feeds_sprite.png);
    background-repeat:no-repeat;
    height:30px;
    width:42px;
    opacity:.3;
    filter:alpha(opacity=30);
    margin:0 5px 0 0;
    position:relative;
}

.connect .tabs .social li.active{
    opacity:1;    
    filter:none;
    cursor:default;
}

.connect .tabs .social .facebook{
    background-position: 23px center;   
}

.connect .tabs .social .twitter{
    background-position: -23px center;   
}

.connect .tabs .social .youtube{
    background-position: -73px center;   
}

.youtube.feed .pubDate{
    margin:0 0 10px 0;   
}

.youtube.feed .thumb{    
    max-height:256px;
}

.youtube.feed .title{
    margin:10px 0 10px 0;
}

.connect .feed{
    display:none;
}

.connect .feed.active{
    display:block;   
}

.connect .feed .post{
    display:none;
    font-family: 'Crimson Text', serif; 
    font-size:15px;
    color:#2d2d2d;
    margin: 0 0 15px 0;
    position:relative;
}

.connect .feed .post iframe{
    float:left;
    width:100%;
}

.connect .feed .post .pubDate{
    font-size:12px;
    font-family: 'Lato', sans-serif;
    color: black;
    margin:0 0 15px 0;
}

.connect .feed .post .pubDate a{
    text-decoration:underline;
}

.connect .feed .post.active{
    display:block;
}

.connect .feed .pager{
    margin:0;
    padding:10px 10px 10px 10px;   
    display:inline-block;
    float:right;
}

.connect .feed .pager li{
    width: 11px;
    height: 11px;
    display: inline-block;
    background: #666;
    background-image: none;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    margin: 0 10px 0 0;
    position:relative;
}

.connect .feed .pager li div{
    width: 100%;
    height: 100%;
    padding:8px;
    top:-8px;
    left:-8px;
    position: absolute;
}

.connect .feed .pager li.active{
    background: #3C7ABA;
    cursor: default;
}


.paging{
    text-align:center;   
    max-width: 475px;
}

.paging ul{
    display:inline-block;
    text-align:left;
    margin:0 auto;
    padding:0;   
    list-style-type:none;
}

.paging ul li{
    display:inline-block;   
}

.paging ul li a{
    display:inline-block;
    border:2px solid #ededed;
    padding:2px 5px 2px 5px;
    text-decoration:none;
    color:#006699;
}

.paging ul li.active a{
    font-weight:bold;
    color:#333333;
}

.paging .first a,
.paging .last a{
    border:none;  
    text-decoration:underline; 
}

.paging .previous a,
.paging .next a{
    border:none;
    background-color:#f0b310;
    border:3px solid #f7ca29;
    color:White;
}

.paging .previous a:hover,
.paging .next a:hover{
    background-color:#f0c310;
}

@media only screen and (min-width: 768px) {
    
a.button{
    color:Black;
    padding: 5px 25px 5px 25px;    
    margin:10px 0 20px 0;
}

.someLinks{
    text-align:right;  
    margin:0 auto 20px auto;
    max-width:1920px;
    box-shadow: 0 15px 15px 0px #d7d7d7;
}

.someLinks .container{
    max-width: 960px;
    margin: 0 auto;
    padding:0 35px 0 0;
}
    
.someLinks a{
    display:inline-block;   
    margin: 5px 0 5px 5px;
    padding: 5px 15px 5px 15px;
    -webkit-box-shadow: 0px 0px 4px 0px black;
    box-shadow: 0px 0px 4px 0px black;
}    

.someLinks a:after{
    display:none;   
}

.happenings{
    max-width:970px;
    margin:auto; 
    padding:0 20px 0 20px;
}

.snazyList dt:before{
    display:none;   
}

.snazyList{
    box-shadow: none;
    width:31%;
    display:inline-block;
    vertical-align:top;
    margin:0 0 0 -4px;
}

.no-boxshadow .snazyList{
    border:none;   
}

.snazyList dt{
    cursor:auto;
}

.snazyList dd{
    display:block;   
}

.saveDate{
    width:220px;
    display:inline-block;
    vertical-align:top;
    margin:0 0 0 -4px;    
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.5);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,.5);
}

.saveDate .header{
    background-position:right bottom;
    padding: 10px 30px 10px 15px;   
}

.saveDate .content{
    box-shadow:none;     
    background: -moz-linear-gradient(top,  rgba(250,249,245,1) 0%, rgba(204,203,200,1) 1%, rgba(225,224,220,1) 4%, rgba(237,236,233,1) 7%, rgba(243,242,238,1) 8%, rgba(250,249,245,1) 14%, rgba(250,249,245,1) 86%, rgba(243,242,238,1) 91%, rgba(237,236,233,1) 93%, rgba(225,224,220,1) 95%, rgba(204,203,200,1) 99%, rgba(215,215,215,1) 100%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,249,245,1)), color-stop(1%,rgba(204,203,200,1)), color-stop(4%,rgba(225,224,220,1)), color-stop(7%,rgba(237,236,233,1)), color-stop(8%,rgba(243,242,238,1)), color-stop(14%,rgba(250,249,245,1)), color-stop(86%,rgba(250,249,245,1)), color-stop(91%,rgba(243,242,238,1)), color-stop(93%,rgba(237,236,233,1)), color-stop(95%,rgba(225,224,220,1)), color-stop(99%,rgba(204,203,200,1)), color-stop(100%,rgba(215,215,215,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(250,249,245,1) 0%,rgba(204,203,200,1) 1%,rgba(225,224,220,1) 4%,rgba(237,236,233,1) 7%,rgba(243,242,238,1) 8%,rgba(250,249,245,1) 14%,rgba(250,249,245,1) 86%,rgba(243,242,238,1) 91%,rgba(237,236,233,1) 93%,rgba(225,224,220,1) 95%,rgba(204,203,200,1) 99%,rgba(215,215,215,1) 100%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(250,249,245,1) 0%,rgba(204,203,200,1) 1%,rgba(225,224,220,1) 4%,rgba(237,236,233,1) 7%,rgba(243,242,238,1) 8%,rgba(250,249,245,1) 14%,rgba(250,249,245,1) 86%,rgba(243,242,238,1) 91%,rgba(237,236,233,1) 93%,rgba(225,224,220,1) 95%,rgba(204,203,200,1) 99%,rgba(215,215,215,1) 100%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(250,249,245,1) 0%,rgba(204,203,200,1) 1%,rgba(225,224,220,1) 4%,rgba(237,236,233,1) 7%,rgba(243,242,238,1) 8%,rgba(250,249,245,1) 14%,rgba(250,249,245,1) 86%,rgba(243,242,238,1) 91%,rgba(237,236,233,1) 93%,rgba(225,224,220,1) 95%,rgba(204,203,200,1) 99%,rgba(215,215,215,1) 100%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(250,249,245,1) 0%,rgba(204,203,200,1) 1%,rgba(225,224,220,1) 4%,rgba(237,236,233,1) 7%,rgba(243,242,238,1) 8%,rgba(250,249,245,1) 14%,rgba(250,249,245,1) 86%,rgba(243,242,238,1) 91%,rgba(237,236,233,1) 93%,rgba(225,224,220,1) 95%,rgba(204,203,200,1) 99%,rgba(215,215,215,1) 100%,rgba(255,255,255,1) 100%); 
}

.no-cssgradients .saveDate .content{
    background-color:#e1e0dc;   
}

.saveDate .header em{
    display:block;   
}

.carousel{
    margin-top:25px;
}

.externalControl{
    margin-bottom:0;
}

.meetSoAndSo{
    text-align:left;
    display:inline-block;
    max-width:380px;   
    position:relative;
    padding:15px 25px 25px 0;
    position:relative;
}

.meetSoAndSo:before{
    content: '';
    background-image: url(quotes_sprite.png);
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    top: 0;
    left: -75px;
    height: 65px;
    width: 75px;
}

.meetSoAndSo blockquote p:after{
    content: '';
    background-image: url(quotes_sprite.png);
    background-repeat: no-repeat;
    background-position: right center;
    display:block;
    float:right;
    height: 65px;
    width: 75px;
}

.meetSoAndSo blockquote cite{
    position:absolute;
    bottom:0;   
}

.meetSoAndSo blockquote .profileImage{
    float:right;
    width:130px;
    margin:0 0 0 15px;
}

.personal{
    text-align:center;   
}

.personal .connect{
    text-align:left; 
    padding:30px 25px 25px 10px;  
    position:relative;
    width:390px;
}

.personal .connect dt{
    border-bottom: 1px solid #DCBD4D;       
}

.personal .connect .tabs{
    position:absolute;
    top:38px;
    right:25px;   
}
    
.paging ul li a{
    padding:5px 10px 5px 10px;
}  

}

@media only screen and (min-width: 852px) {

.meetSoAndSo{
    border-right:3px solid #e7e7e7;
}
      
}

@media only screen and (min-width: 1100px) {

.someLinks .container{
    padding:0;
}

.snazyList{
    width:340px;
}

.saveDate{
    margin:0 0 16px 5px;
}

.meetSoAndSo{
    max-width:510px;  
    margin-left: 35px; 
}

.meetSoAndSo blockquote .profileImage{
    width:210px;   
}

.meetSoAndSo blockquote cite{
    bottom:10px;
    right:250px;
}

.personal .connect{
    width:410px;   
}

.facebook .post .copy{
    position:relative;
    padding:0 0 0 110px;   
    min-height:100px;
}

.facebook .post .copy:before{
    content:url(washLawFacebookProfileImage.jpg);
    position:absolute;
    top:0;
    left:0;
}

}

@media only screen and (min-width: 1152px){
    
.externalControl{
    display:none;   
}
    
}

@media print {

header .container,
.breadcrumbs,
.news,
.events,
.connect,
.col1 .nav,
footer{
    display:none;
}

header:after{
    content:url('logo.png');
    display:block;
    margin:0 0 20px 0;
}

}