/******************************************************************************
// Created by:
// Release Version : 1.1
// Creation Date:
// Copyright 2014,  .
******************************************************************************/

/******************************************************************************
General
******************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { 
    background: transparent; 
    border: none; 
    font-size: 100%; 
    margin: 0; 
    outline: 0; 
    padding: 0; 
    vertical-align: top; 
    text-decoration:none;
}
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
:focus { outline: 0; }
img { border:0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; width:auto; height:auto; }
*{ padding:0 0 0 0; margin:0 0 0 0; }


@font-face { font-family: 'Museo slab'; font-style: normal; font-weight: 900; src: local('Tangerine'), url('http://www.talbotcountymd.gov/uploads/2014Style/css/fonts/Museo_slab_900.otf') format('opentype'); }
@font-face { font-family: 'Museo slab'; font-style: normal; font-weight: 700; src: local('Tangerine'), url('http://www.talbotcountymd.gov/uploads/2014Style/css/fonts/Museo_slab_700.otf') format('opentype'); }
@font-face { font-family: 'Museo slab'; font-style: normal; font-weight: 500; src: local('Tangerine'), url('http://www.talbotcountymd.gov/uploads/2014Style/css/fonts/Museo_slab_500.otf') format('opentype'); }
@font-face { font-family: 'Museo slab'; font-style: normal; font-weight: 400; src: local('Tangerine'), url('http://www.talbotcountymd.gov/uploads/2014Style/css/fonts/Museo_slab_400.otf') format('opentype'); }
@font-face { font-family: 'Museo slab'; font-style: normal; font-weight: 300; src: local('Tangerine'), url('http://www.talbotcountymd.gov/uploads/2014Style/css/fonts/Museo_slab_300.otf') format('opentype'); }


body { 
    background-color:#3f003f;
	color:#383e42;
	font-family: 'Open Sans';
    font-weight: 400;
	font-size: 14px;
    width:100%;
}

h1,h2,h3,h4,h5,h6 { font-weight: bold; margin-bottom: 10px; }
p { margin: 0 0 15px 0; }
element { cursor: pointer; }
a, 
a:link, 
a:visited, 
a:active { color:#fafafa; }


.fr { float:right; }
.fl { float:left; }
.dib { display:inline-block; }
.dirRtl { direction:rtl !important; }
.dirLtr { direction:ltr !important; }

.input_field select {
    width:226px;
    border-radius: 4px;
    padding: 7px 12px;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.width200 { width:200px; }
.width300 { width:200px; }
.width400 { width:200px; }
.width500 { width:200px; }
.width100p { width:100%; }

.center { text-align:center; }
.middle { vertical-align:middle; }

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #a7a9aa;
    border-radius: 4px;
}
.btn-blue { background-color: #428bca; border-color: #3979B0; color:white; }
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active { background-color: #357ebd; border-color: #3071a9; }

.btn-orange { background-color: #FDBA56; border-color: #D58309; color:#4E4E4E; }
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active { background-color: #EE9B1E; border-color: #D58309; } 

.btn-green { background-color: #CEF6CE; border-color: #81D481; color:#2E2E2E; }
.btn-green:hover,
.btn-green:focus,
.btn-green:active { background-color: #94E294; border-color: #81D481; } 

.btn-red { background-color: #F5A9A9; border-color: #F78181; color:#2E2E2E; }
.btn-red:hover,
.btn-red:focus,
.btn-red:active { background-color: #F78181; border-color: #F78181; } 

.btn-sizemedium { width:120px; }
.btn-sizesmall { width:70px; padding:0px; font-size:12px; }
.btn-sizemediumShort { width:120px;  padding:0px; font-size:12px; }

.nav_hover1 { background-color: #dee0e5; }
/******************************************************************************
General END
******************************************************************************/
/******************************************************************************
Deafault Typo 
******************************************************************************/

h1 { font-family: 'Museo slab'; font-size: 28px; font-weight: 700; color:#3f003f; }
h2 { font-family: 'Museo slab'; font-size: 24px; font-weight: 700; }
h3 { font-family: 'Museo slab'; font-size: 20px; font-weight: 700; }
h4 { font-family: 'Museo slab'; font-size: 18px; font-weight: 700; }
h5 { font-family: 'Museo slab'; font-size: 16px; font-weight: 700; }
h6 { font-family: 'Museo slab'; font-size: 14px; font-weight: 700; }
p  {  }
p.boldNote { font-size: 14px; font-weight: 700; font-style:italic; }
img.inline { float:left; width:270px; margin-right:15px; margin-bottom:5px; border-radius:3px; clear:right; }

img.fullline { width:99%; margin-bottom:10px; border-radius:3px; clear:right; }
div.page_con_full ul { margin-bottom:15px; margin-left:10px;}
div.page_con_full ul li { padding:5px 5px 5px 5px; }
div.page_con_full ul.discs { list-style: disc inside; }
div.page_con_full ul.arrows { list-style: none inside url('http://www.talbotcountymd.gov/uploads/2014Style/img/rec_ico4.png'); }
div.page_con_full a:link,
div.page_con_full a:visited, 
div.page_con_full a:active {
    display:inline;
    font-weight: 600;
    color:#8e008e;
}
div.page_con_full a:hover {
    color:#aa09aa;
}
/******************************************************************************
Deafault Typo - END
******************************************************************************/
/******************************************************************************
General END
******************************************************************************/

/******************************************************************************
Wrappers
******************************************************************************/
div.header_wrapper,
div.nav_wrapper,
div.body_wrapper,
div.footer_wrapper,
div.page_title_wrapper {
    width:100%;
    height:auto;
    min-width:1000px;
}
div.header_wrapper  {   }
div.nav_wrapper        { overflow:hidden; border-bottom:1px solid #b8b8b8; background-color:#e8e8e8; }
div.body_wrapper      { background-color:#e8e8e8; padding-top:0px;}
div.footer_wrapper  {   }
div.page_title_wrapper {  background-color: #fafbfd; }

div.header_inner_con,
div.body_inner_con,
div.nav_inner_con,
div.footer_inner_con,
div.page_con_full,
div.page_title {  
    width:1000px;
    height:auto;
    margin:0 auto;
    background-color:transparent;
}
div.header_inner_con  { height:130px; vertical-align:middle; position:relative; }
div.nav_inner_con        { height:42px; background-color:#f2f4f9; border-left:1px solid #dee0e5; }
div.body_inner_con      { background-color:transparent; position:relative; }
div.footer_inner_con  {  }
div.page_con_full       { padding-top:20px; padding-bottom:20px; overflow: hidden; }
div.page_title            { padding-top:10px; padding-bottom:10px; }
/******************************************************************************
Wrappers END
******************************************************************************/
/******************************************************************************
Header
******************************************************************************/
div.header_logo,
div.header_slogan,
div.header_search_bar {
    display:inline-block;
    vertical-align:middle;
}
div.header_logo {
    margin-top:5px;
    width:117px; 
}
div.header_slogan { 
    font-family: 'Museo slab';
    font-weight:500; 
    color:#FAFAFA; 
    font-size:40px; 
    padding-left:30px;
}
div.header_search_bar { float:right; vertical-align:middle; }
div.header_search_bar table { height:130px; }
div.header_search_bar table td { border:0; margin:0; padding:0; vertical-align:middle; }
input.header_input_search {
  width:190px;
  direction:ltr;
  padding: 10px 12px 9px 12px;
  font-size: 14px;
  line-height: 15px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 2px;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
input.header_input_search:focus { outline: 0; outline: thin dotted \9; }
div.header_but_search {
    background:#c50202 url('http://www.talbotcountymd.gov/uploads/2014Style/img/search1.png') no-repeat scroll center center;
    width:55px;
    height:37px;
    border-radius: 2px;
    margin-left:4px;
}
div.header_but_search:hover { 
    cursor:pointer; 
    -webkit-box-shadow: inset 0px 0px 3px rgba(256, 256, 256, 0.8);
    box-shadow: inset 0px 0px 3px rgba(256, 256, 256, 0.8);
}
/******************************************************************************
Header END
******************************************************************************/
/******************************************************************************
Main - body
******************************************************************************/
div.body_con_full {
    position:relative;
    width:980px;
    height:auto;
    background-color:#fafbfd;
    margin-bottom:15px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
}
div.body_con_flex {
    display:inline-block;
    width:400px;
    height:270px;
    background-color:#fafbfd;
    margin-bottom:15px;
    padding-top:10px;
    padding-bottom:10px;
}
.body_short_con {
    position:absolute;
    top:10px;
    right:10px;
    width:290px;
    background-color:transparent;
    vertical-align:middle;
}

div.short_ele {
    padding:0px 10px 0px 85px;
    height:58px;
    width:195px;
    display:inline-block;
    border-radius:5px;
    margin-bottom:10px;
    vertical-align:middle;
    cursor:pointer;
}

span.short_higher_bold,
span.short_lower_nor {
    display:block;
}

span.short_higher_bold { font-family:'Museo slab'; font-size:15px; font-weight:700; color:#3f003f; margin-top:12px;}
span.short_lower_nor { font-size:12px; font-weight:600; color:#808ca4; }

div.emerg_ico,
div.job_ico,
div.jury_ico,
div.agen_ico,
div.park_ico {

}
div.emerg_ico { background:#e8e8e8 url('http://www.talbotcountymd.gov/uploads/2014Style/img/emerg.png') no-repeat; background-size:61px 57px; background-position:11px; }
div.job_ico    { background:#e8e8e8 url('http://www.talbotcountymd.gov/uploads/2014Style/img/job.png') no-repeat; background-size:61px 57px; background-position:11px;   }
div.jury_ico  { background:#e8e8e8 url('http://www.talbotcountymd.gov/uploads/2014Style/img/jury.png') no-repeat; background-size:61px 57px; background-position:11px;  }
div.agen_ico { background:#e8e8e8 url('http://www.talbotcountymd.gov/uploads/2014Style/img/agen.png') no-repeat; background-size:61px 57px; background-position:11px;   }
div.park_ico { background:#e8e8e8 url('http://www.talbotcountymd.gov/uploads/2014Style/img/park.png') no-repeat; background-size:61px 57px; background-position:11px;   }

div.emerg_ico:hover { background:#7cbff8 url('http://www.talbotcountymd.gov/uploads/2014Style/img/emerg1.png') no-repeat; background-size:61px 57px; background-position:11px; }

div.job_ico:hover  { background:#7cbff8 url('http://www.talbotcountymd.gov/uploads/2014Style/img/job1.png') no-repeat; background-size:61px 57px; background-position:11px;   }
div.jury_ico:hover { background:#7cbff8 url('http://www.talbotcountymd.gov/uploads/2014Style/img/jury1.png') no-repeat; background-size:61px 57px; background-position:11px;  }
div.agen_ico:hover { background:#7cbff8 url('http://www.talbotcountymd.gov/uploads/2014Style/img/agen1.png') no-repeat; background-size:61px 57px; background-position:11px;   }
div.park_ico:hover { background:#7cbff8 url('http://www.talbotcountymd.gov/uploads/2014Style/img/park1.png') no-repeat; background-size:61px 57px; background-position:11px;   }

div.park_ico:hover .short_lower_nor,
div.park_ico:hover .short_higher_bold,
div.agen_ico:hover .short_lower_nor,
div.agen_ico:hover .short_higher_bold,
div.jury_ico:hover .short_lower_nor,
div.jury_ico:hover .short_higher_bold,
div.job_ico:hover .short_lower_nor,
div.job_ico:hover .short_higher_bold,
div.emerg_ico:hover .short_lower_nor,
div.emerg_ico:hover .short_higher_bold { color:white; }

div.calendar_mini_agenda_con {
    width:585px;
}
div.video_add { margin:0px 10px 5px 10px; }

div.mini_cal_agenda_wrap h2,
div.main_video_emb h2 { font-family:'Museo slab'; font-size:15px; font-weight:700; margin-left:10px; }


div.mini_cal_agenda_wrap h2 {
    margin-bottom:15px;
}
div.main_video_emb .video_view_all,
div.main_video_emb .video_view_all:link,
div.main_video_emb .video_view_all:visited,
div.main_video_emb .video_view_all:active {
    display:inline-block;
    position:relative;
    font-size:14px; 
    font-weight:600; 
    padding-top:5px;
    margin-left:10px;
    color:#3f003f;
}
div.main_video_emb .video_view_all:before {
    position:absolute;
    content:"";
    width:10px;
    height:15px;
    right:-15px;
    top:7px;
    background:transparent url('http://www.talbotcountymd.gov/uploads/2014Style/img/rec_ico2.png') no-repeat;
    background-position:center center;
}
div.main_video_emb .video_view_all:hover {
    text-decoration:underline;
}

.mini_cal_con {
    float:left;
    background-color:transparent;
    height:270px;
    margin-left:15px;
    padding-right:15px;
    border-right:1px solid #e8e8e8;
}
.mini_cal_agenda_wrap {
    float:right;
    width:270px;
    height:270px;
    margin-right:10px;
}
.mini_cal_agenda_con {
    background-color:transparent;
    height:240px;
}
/******************************************************************************
Main - body END
******************************************************************************/

/******************************************************************************
Page - Interior
******************************************************************************/
.page_title h3 {
    font-family:'Museo slab'; font-size:18px; font-weight:700; margin-left:10px;
}
.page_title .page_bread {
    margin-left:10px;
}
.page_title .page_bread li{
    display:inline-block;
    position:relative;
    margin-right:5px;
}
.page_bread{
  font-size:12px; 
    font-weight:600; 
    padding-top:7px;
    padding-bottom:7px;
    padding-right:10px;
    color:#808080 !important;
}
.page_title .page_bread li span,
.page_title .page_bread li a,
.page_title .page_bread li a:active,
.page_title .page_bread li a:visited,
.page_title .page_bread li a:link,
.page_bread li{
    font-size:12px; 
    font-weight:600; 
    padding-top:7px;
    padding-bottom:7px;
    padding-right:10px;
    color:#808080;
}
.page_title .page_bread li a:hover {    
    color:#3f003f !important;
}
.page_title .page_bread li:hover .place_nar_right:after{    
    background:transparent url('http://www.talbotcountymd.gov/uploads/2014Style/img/rec_ico2.png') no-repeat;
    position:absolute;
    content:"";
    width:10px;
    height:15px;
    right:-2px;
    top:2px;
    background-position:center center;
}
.place_nar_right:after{
    position:absolute;
    content:"";
    width:10px;
    height:15px;
    right:-2px;
    top:2px;
    background:transparent url('http://www.talbotcountymd.gov/uploads/2014Style/img/rec_ico3.png') no-repeat;
    background-position:center center;
}
.page_left,
.page_right {
    display:inline-block;
    background-color:transprent;
}
.page_right li{list-style: disc inside;}
.page_left  { width:280px; background-color:#fafbfd; border-radius:4px; }
.page_right{ width:690px; }

.page_left ul {  margin:0 !important; padding:0 !important; }
.page_left ul li{ position:relative; margin:0 !important; padding:0 !important; }
.page_left li a,
.page_left li a:active,
.page_left li a:visited,
.page_left li a:link {
    display:block;
    font-size:14px; 
    font-weight:600; 
    padding-top:12px;
    padding-bottom:12px;
    padding-right:20px;
    padding-left:20px;
    color:#383e42;
    border-bottom:1px solid #dbdbdb;
}
.page_left li.menuactive ul li:hover {    
    background-color:#DDD7E2;
    cursor:pointer;
}

.page_left a.menuactive { background-color:#521052; border-radius:4px 4px 4px 4px; }
.page_left a.menuactive span { font-weight:bold; color:white; }
/******************************************************************************
Page - Interior END
******************************************************************************/


/******************************************************************************
Footer
******************************************************************************/
.footer_col1,
.footer_col2,
.footer_col3 {
    margin-top:20px;
    background-color:transparent;
    display:inline-block;
    color:#fafafa;
    font-size:13px;
}
.footer_col1 {     width:34%; }
.footer_col2 {     width:39%; }
.footer_col3 {     width:26%; }
.footer_col1  h3,
.footer_col2 h3,
.footer_col3 h3{
    font-family: 'Museo slab';
    padding-left:10px;
    font-weight:700;
    font-size:16px;
    margin-bottom:15px;
}
.footer_copy {
    width:100%;
    text-indent:10px;
    margin-top:20px;
    margin-bottom:30px;
    padding-top:10px;
    color:#fafafa;
    border-top:1px solid #ececec;
    border-top:1px solid rgba(256,256,256,0.6);
}
.footer_col1  p {
    margin:0px 60px 25px 10px;
}
.footer_col3 table { margin:0px 0px 15px 10px; }
.footer_col3 table td { padding:0px 10px 15px 5px; }
.fotter_col3,
.fotter_col3 table td a, 
.fotter_col3 table td a:link, 
.footer_col3 table td a:visited, 
.fotter_col3 table td a:active { color:#fafafa !important; }
.fotter_col2,
.fotter_col2 a, 
.fotter_col2 a:link, 
.footer_col2 a:visited, 
.fotter_col2 a:active { color:#fafafa !important; }

.footer_col2 ul { 
    list-style:none;
    margin:0px 25px 15px 10px; 
}
.footer_col2 ul  li {
    background-image: url('http://www.talbotcountymd.gov/uploads/2014Style/img/rec_ico.png'); 
    background-position: 0px 1px;
    background-repeat: no-repeat;
    text-indent:25px;
    margin-bottom:10px;
      -webkit-transition: background-position 0.3s ease;
         -moz-transition: background-position 0.3s ease;
            -o-transition: background-position 0.3s ease;
                transition: background-position 0.3s ease;
}
.footer_col2 ul  li:hover {
    background-position: 8px 1px;
}
.footer_col3  a:hover {
    text-decoration:underline;
}
/******************************************************************************
Footer END
******************************************************************************/
/******************************************************************************
Back To Top
******************************************************************************/
.back-to-top {
    position: absolute;
    bottom: 20px;
    right: -90px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    background-image: url('http://www.talbotcountymd.gov/uploads/2014Style/img/top3.png'); 
    background-position: 8px 40px;
    background-repeat: no-repeat;
    text-align:center;
    width:60px;
    height:90px;
    display: none;
    cursor:pointer;
}

.back-to-top:hover {    
    background-position: -65px 40px;
}

/******************************************************************************
Back To Top END
******************************************************************************/
/******************************************************************************
More Cal quick layout fix
******************************************************************************/
.sh_agenda_mini div,
.sh_agenda_mini td,
.sh_agenda_mini span,
.mini_cal_con a.navTableText {
    vertical-align:middle !important;
}
/******************************************************************************
More Cal quick layout fix END
******************************************************************************/
/******************************************************************************
Mobile override
******************************************************************************/


/******************************************************************************
Mobile override END
******************************************************************************/
/* Stylesheet: talbot_style Modified On 2015-02-25 19:55:36 */
/******************************************************************************
Notification
******************************************************************************/
.notificationBar {
        position:relative;
	background: none repeat scroll 0 0 #c50202;
        width:1000px;
	margin:0 auto;
}
.notificationBar ul {
        position:relative;
	margin: 0 0 0 15px;
	overflow: hidden;
        /* Change PNG to GIF for animated version of the icon */
	background: url(http://www.talbotcountymd.gov/uploads/2014Style/img/notify.png) no-repeat left center;
        background-size: 18px;
}
.notificationBar li {
	position: absolute;
	top: -999em;
        width:94%;
	left: 25px;
	display: block;
	white-space: nowrap;
        margin-left:10px;
}
.notificationBar a {
        margin:0;
        padding-right:0;
        padding-left:0;
        width:100%;
        display:block;
	text-decoration: none;
	color: #ffffff;
        white-space: nowrap; 
        overflow: hidden;
        text-overflow: ellipsis; 
}
.notificationBar_posted_date {
        color: #FFD7D8;
}
.notificationBar .close {
	position:absolute;
        right:10px;
        top:0;
}
.notificationBar li.expand {
        white-space: normal;
}
.notificationBar li.expand a {
        white-space: normal;
        text-overflow: clip;
}
/******************************************************************************
Notification END
******************************************************************************/
/* Stylesheet: talbot_notify Modified On 2015-03-07 20:58:40 */
