/* *********************************
  * CSS styles - TAS Consulting
  * Start Date: August 11, 2015
  * End Date: December 12, 2015
  * Developer: Kimberly Grammatica
  * main styles across RWD pages
  * revisions: June 23,2016
******************************** */

* {padding:0; margin:0;}
h2, h3, h4, h5, h6, p {color:#8c2048;}
hr {display:block;margin:0.75em/* 1.5em*/;border:1px inset #B1DFDF;/*#c1c9d9;*//*#6C1939;*/}
.maincontent {max-width:60em;padding:1.5em;margin-left:1.5em;border:12px solid #6085a6;/*#83C7FF;//*#c1c9d9;*/background-color:white;}
* {padding:0; margin:0;}
body {margin:auto;background-color:#891B20;/*background-image: url('../media/bg_cranberry3_2020.jpg');*/
font-family:arial, trebuchet, sans-serif;color:#8c2048;line-height:1.25em;}/*old '../media/bg_cranberry2.jpg'*/
.sitetitle {/*background:url('../media/logo_header5.jpg') left no-repeat;width="640" height="201" */position:relative;width:100%;}
.subtitle {font-style:italic;}
#subtitle {font-weight:bolder;font-size:14px;}
#subtitlebio h5 {font-weight:bolder;font-size:14px;}
/*div#logoname {font-family:arial, trebuchet, sans-serif;font-style:italic;font-weight:400;color:#6C1939;text-align:left;}  */
/*h3#subtitle {position:relative;left:100px;top:-120px;}*/
/*div#namelogo {background:url('../media/namelogo.png') left no-repeat;padding:100px;margin-left:50px;}*/
div#sphere {background:url('media/sphere2.png') left no-repeat;padding:110px;margin-left:-65px;/*margin-left:0px;*/}
div#logoname {margin-left:0/*35px*/;margin-top:-170px;width:100%;}
h1#tasLogo {font-family:'Arial', Helvetica, sans-serif;font-style:italic;font-weight:bolder;font-size:48px;color:#FFF;text-align:left;text-shadow:2px 2px 5px #000;}
h4#company-title {font-size:16px;font-weight:bolder;padding-bottom:0px;}
div#subtitle {margin-left:0/*35px*/;margin-top:20px;/*-15px;*/letter-spacing:2px;}
#subtitle h3 {font-family:arial, trebuchet, sans-serif;font-size:24px;font-style:italic;font-weight:400;color:#6C1939;text-align:left;font-weight:bolder;line-height:1em;}
div#navigation {line-height:1.5em;}
div.nav a.current {text-decoration:none;color:#C1D1D9;/*#782020;rgb(140,32,72);*/background-color:#6085a6;/*#83C7FF;#B1DFDF;#c1c9d9;*/}
div.nav a {color:#C1D1D9;/*#CB8F89;rgb(230,140,135);*/font-weight:bold;border-left:15px;border-right:15px;background-color:#BE005B;/*#D12F51;#983831;rgb(140,32,72);*/text-decoration:none;text-align:center;padding:10px 15px;}
a:hover, a:active, a {text-decoration:none;color:rgb(140,32,72);background-color:#c1c9d9;}
div#innercontact h2 {font-size:1.5em;text-align:left;color:#8c2048;width:100%;font-weight:bold;}
div#innercontact h4 {font-size:1.25em;text-align:left;color:#8c2048;width:100%;font-weight:bold;}
div#innercontact a, div.imageblock a, div.footer a, div#content_inner a, div#content_inner_blog a, div.topLink a, a {text-decoration:none;background-color: transparent;}
div#innercontact a:hover, div.imageblock a:hover, div.footer a:hover, div#content_inner a:hover, div#content_inner_blog a:hover, div.topLink a:hover, a:hover {text-decoration:none;color:rgb(140,32,72);background-color:#c1c9d9;}
#navsites a:hover {color:#fff;/*#8c2048;*/background-color:#6085a6; /*slate blue*/ text-decoration:none;}
div.imageblock h6 {font-size:0.875em;color:rgb(140,32,72);}
div.footer p, div.footer a{position:relative;text-align:center;font-size:0.875em;color:#B4B4B4;/*rgb(140,32,72);*/font-weight:bold;max-width:60em;}
img {border:5px groove #B4BCD1;/*#C06B84;*/}
div#snippet {background-image: url('media/word2019le.png');background-position:center;background-repeat:no-repeat;height:360px;}
div.leftcol {position:relative;}
div.rightcol {position:relative;/*width:460px;*/margin-left:-10px;}
div.rightcol h5 {font-size:0.925em;position:relative;font-weight:bold;}
div.topLink {font-size:0.8125em;font-weight:bold;padding-top:5px;}
div#content_inner {text-align:center;color:#ccc;}
div#content_inner h5 {font-size:0.9375em;}
div#content_inner_blog {text-align:left;color:#8c2048;}
    .t_blog h2 {font-style:italic;color:#6085a6;}
    .titlefield{text-align:left;font-style:italic;color:#8C2048;font-weight:bold;font-size:18px;}
    .datefield{ /*CSS for date field in general*/color:#6085a6;font-size:85%;}
    #example1 h2,h3{ /*CSS specific to example 1*/list-style:none;}
.bioline {line-height:1.25em;list-style:none;}
ul {list-style:none;}
ul.bioline h5 {font-size:1em;padding:0px; margin:0px;}
ol {font-size:80%}
td {font-size:14px;line-height:1.5em;}
li {padding-bottom:8px;}
p.leadline, li.bullets {font-size:0.9375em;line-height:125%;}
.center-service {font-weight:bolder;text-align:center;}
.center-credits, #center-service {text-align:center;}
.center, #center {text-align:center;letter-spacing:2px;font-weight:bolder;}
.servcenter {clear:both;padding-top: 12px;background-color:rgb(204,28,110);line-height:2.0;text-align:center;padding-bottom:12px;color:#f5f5f5;}
.serv_subhead {text-decoration:underline;font-size:1.25em;line-height:2em;margin-bottom:4px;}
li.serv_sub {list-style-type:none;font-size:1em;padding-bottom:10px;text-indent:20px;}
.subhead {text-decoration:none;margin-bottom:2px;}
h5.serv_items {text-decoration:none;font-size:16px;text-indent:10px;padding:0;margin:0;line-height:1.25em;}
.serv_bullets ul {list-style-type:none;list-style-position: inside ;}
.resume_bullets ul {list-style-type:none;}
.home_bullets ul {list-style:none;list-style-type:none;/*line-height:150%;*/}
.home_bullets {font-size:20px;line-height:2em;padding:10px 18px;}
.home_bullets1 h2 {padding:10px 18px;}
.home_bullets2 h2 {padding:10px 18px;}
div#callToAct {background-image:url('media/callToAct6.png');background-repeat:no-repeat;position:relative;height:80px;left:0px;width:100%;z-index:250;}
p.txtaction {display:none;position:relative;top:10px;}
h2.smallCaps {font-size:24px;font-style:italic;font-weight:bold;text-align:center;word-spacing:5px;padding-top:30px;margin-top:30px;font-variant:small-caps;text-transform:uppercase;}
#bulletList h2 {font-size:18px/*24px*/;font-weight:bold;list-style:none;margin-left:50px;}
h2#calndr {font-size:18px/*24px*/;font-weight:bold;}
.caption {font-weight:bold;padding:0;margin:0;}

/* ----- Slide Show Toggler Menu ----- */
#fadeshow4 .gallerylayer img{/* make all images inside fadeshow4 scale to 100% of slideshow width */ width:100%;height:auto;}
#fadeshow4{max-width: 648px !important;padding-bottom:4.5em;}

/* ----- EVENTS CALENDAR STYLES ----- */
div#events {margin-top:20px;}
#events p{font-family:arial,trebuchet,sans-serif;padding-left:5px;padding-right:2.5px;font-size:90%;line-height: 1.25em;}
div.outerFrame {float:left;margin:1px 5px 20px 5px;border:2px solid #A5A5A5;width:450px;}
div.eventTitle {padding:6px;background-color:#9BB0BA;/*#C1C9D9;*/border-bottom:2px solid #A5A5A5;}
div.eventTitle h4{font-size:16px;color:#000;font-weight:bold;line-height:16px;}
p.description {color:#000;margin-bottom:5px;margin-top:5px;padding-bottom:2.5px;}
p.sechead {color:#000;margin-top:5px;/*margin-bottom:-5px;*/}
div.details p {color:#000;}
div.details {color:#000;/*line-height:0.5em;*/margin-bottom:5px;margin-top:5px;background-color:#FFF;padding:10px;}
h4#events {/*margin-top:-15px;*/font-family:arial,sans-serif;font-size:90%;}
h2#events {font-family:arial,trebuchet,sans-serif;font-size:90%;padding:10px;}
p.eventDate {color:#D72C43;/*#8C2048;*/font-weight:bold;}

@media screen and (max-width:860px) {
    #fadeshow4{height: 430px !important;}
    
}
   
@media screen and (max-width:798px) {
    div#sphere {background:url('../media/sphere2.png') left no-repeat;margin-left:-65px;}
    div#logoname {margin-left:0px;margin-top:-170px;}
    h1#tasLogo {font-family:'Arial', Helvetica, sans-serif;font-style:italic;font-weight:bolder;font-size:48px;color:#FFF;text-align:left;text-shadow:2px 2px 5px #000;}
    /*div#subtitle {margin-left:0px;margin-top:22px/*-15px*/;letter-spacing:1.25px;}*/
    #subtitle h3 {font-family:arial, trebuchet, sans-serif;font-style:italic;font-weight:400;color:#6C1939;text-align:left;font-weight:bolder;line-height:1em;} 
    .maincontent {padding-left:1em;border:10px solid #6085a6;/*#c1c9d9;*/}
    div.outerFrame {width:100%;}
}

@media screen and (max-width:782px) {
    .rightcol, div.rightcol h5, div.rightcol.w3-twothird {max-width:100%;}
    ul.bioline {max-width:100%;}
    h2.smallCaps {text-align:left;margin-left:-5px;font-size:24px;line-height:1.5em;}
}

@media screen and (max-width:750px) {
    div#content.imageblock.w3-container {display:none;}
    div.leftcol.w3-third {margin-left:-10px;}
    div.rightcol.w3-twothird {margin-left:10px;}    
    ul#bulletList, h2.smallCaps, h2#calndr {text-align:left;margin-left:-5px;font-size:22px;line-height:1.25em;}
}

@media screen and (max-width:600px) {
    div.outerFrame {width:100%;}
    div.rightcol.w3-twothird {margin-left:-25px;}    
    #fadeshow4{height: 400px !important;}
    h2.smallCaps {margin-left:-15px;font-size:22px;line-height:1em;}
}

@media screen and (max-width:480px) {
    div.outerFrame {width:100%;}
    #fadeshow4{height: 320px !important;}
    ul#bulletList, #calndr h2{margin-left:-5px;font-size:12px;line-height:1.75em;}
    h2.smallCaps {margin-left:-15px;font-size:20px;line-height:1em;}
}


@media screen and (max-width:390px) {
    h1#tasLogo {font-family:'Arial', Helvetica, sans-serif;font-style:italic;font-weight:bolder;font-size:40px;color:#FFF;text-align:left;text-shadow:2px 2px 5px #000;}
    .maincontent {margin-left:5px;padding:4px;border:5px solid #c1c9d9;}
    div.w3-container {padding:6px;}
    h2.smallCaps, h2#calndr {padding-top:10px;margin-top:0;font-size:20px;line-height:.75em;}
    ul#bulletList {margin-left:-5px;font-size:12px;line-height:2em;}
    div.outerFrame {width:100%;}
}

@media screen and (max-width:320px) {
    div#sphere {background:url('../media/sphere4.png') left no-repeat;margin-left:-55px;}
    div#logoname {margin-left:0px;margin-top:-160px;}
    h1#tasLogo {font-family:'Arial', Helvetica, sans-serif;font-style:italic;font-weight:bolder;font-size:28px;color:#FFF;text-align:left;text-shadow:2px 2px 5px #000;}
    div#subtitle {margin-left:0px;margin-top:12px/*-15px*/;letter-spacing:1px;}
    #subtitle h3 {font-family:arial, trebuchet, sans-serif;font-style:italic;font-weight:400;font-size:20px;color:#6C1939;text-align:left;font-weight:bolder;line-height:1em;}
    ul#bulletList {margin-left:-35px;font-size:10px;line-height:2.25em;}
}