/* CSS Document */

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, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup,
mark, menu, meter, nav, output, progress, section, summary, time,
video {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;
    list-style-position: inside}

.icon_Add::after {content: " "url('/imgStandard/Icon_Add_H24.png');}
.icon_Blog::after {content: " "url('/imgStandard/Icon_Blog_H16.png');}
.icon_Canx::after {content: " "url('/imgStandard/Icon_Cx_H24.png');}
.icon_ClaimG::after {content: " "url('/imgStandard/Icon_ClaimG_16.png');}
.icon_ClaimR::after {content: " "url('/imgStandard/Icon_ClaimR_16.png');}
.icon_Clone::after {content: " "url('/imgStandard/Icon_Clone_H16.png');}
.icon_CurrY::after {content: " "url('/imgStandard/Icon_CurrBunY_H16.png');}
.icon_CurrN::after {content: " "url('/imgStandard/Icon_CurrBunN_H16.png');}
.icon_Delete::after {content: " "url('/imgStandard/Icon_Delete.gif');}
.icon_Word::after {content: " "url('/imgStandard/Icon_DOC_H24.png');}
.icon_Edit::after {content: " "url('/imgStandard/Icon_Modify_H24.png');}
.icon_Email::after {content: " "url('/imgStandard/Icon_Email_H24.png');}
.icon_Excel::after {content: " "url('/imgStandard//Icon_XLS_H24.png');}
.icon_Image::after {content: " "url('/imgStandard/Icon_Img_H24.png');}
.icon_Info::after {content: " "url('/imgStandard/Icon_Info24.png');}
.icon_LessThan::after {content: " "url('/imgStandard/Icon_LessThan.png');}
.icon_Link::after {content: " "url('/imgStandard/Icon_Link_H16.png');}
.icon_List::after {content: " "url('/imgStandard/Icon_List_H24.png');}
.icon_Manage::after {content: " "url('/images/Icon_Manage.png');}
.icon_MoreThan::after {content: " "url('/imgStandard/Icon_GreaterThan.png');}
.icon_MyDiary::after {content: " "url('/imgStandard/Icon_MyDiary_H24.png');}
.icon_New::after {content: " "url('/imgStandard/Icon_News_H16.png');}
.icon_News::after {content: " "url('/imgStandard/Icon_News_H24.png');}
.icon_Outreach::after {content: " "url('/imgStandard/Icon_Outreach_H16.png');}
.icon_PDF::after {content: " "url('/imgStandard/Icon_PDF_H16.png');}
.icon_Powerpoint::after {content: " "url('/imgStandard/Icon_PPT_H24.png');}
.icon_Print::after {content: " "url('/imgStandard/Icon_Print_16.png');}
.icon_Return::after {content: " "url('/imgStandard/Icon_Return_H24.png');}
.icon_TickCrossN::after {content: " "url('/imgStandard/Icon_TickCrossN_H16.png');}
.icon_TickCrossY::after {content: " "url('/imgStandard/Icon_TickCrossY_H16.png');}
.icon_UserNW::after {content: " "url('/imgStandard/UserAccessN.png');}
.icon_UserS::after {content: " "url('/imgStandard/UserAccessS.png');}
.icon_UserT::after {content: " "url('/imgStandard/UserAccessT.png');}
.icon_UserV::after {content: " "url('/imgStandard/UserAccessV.png');}
.icon_Volunteer::before {content: "    "url('/imgStandard/Icon_Volunteer_H16.png');}
.icon_XBar::before {content: "    "url('/imgStandard/Icon_XBar_H16.png');}

.bullitLPCFStar {padding-left: 2em; list-style-image: url("/imgStandard/Bullit_LPCF_H16.png")}
li {    padding-bottom: .1em}

body {font-size: 62.5%; border-collapse: collapse; line-height: 1.25; background-color: #f9e19f;
    /*/*Set default to 10px */}
header,footer,

.wrapper {clear: both;width: 100%;max-width: 2500px;margin: 0 auto;font-size: 1.4em;background-color: #f9e19f}

a:link,a:visited,a:hover,a:active {    color: #4c45d5;    text-decoration: none}
h1 {    font-size: 1.5em;    text-decoration: underline;}
h2 {    font-size: 1.25em;}
h3 {    font-size: 1.15em;}
h4 {    font-size: .65em;}
h1,h2,h3,h4 {color: #AF0039;margin-top: .25em; margin-bottom: .25em}

.red {color: red;}
.green {color: green;}
.amber {color: orange;}
.blue {color: blue;}
.grey {color: #bebebe;}
.white {color: #ffffff;}
.em {font-style: italic;}
.LPCF_color {color: #AF0039;}
.bold {font-weight: bold;}
.floatL {    float: left;}
.floatR {    float: right;}

.Temp {    overflow: visible;    white-space: normal}

.Hide,.Hide2_480,.Hide2_768,.Hide2_1200 {    display: none}
.Show2_480,.Show2_768 {    display: inline}

.indent {    margin-left: 3%;}
/*.indent::before {  content: "\2713  " ;}*/

header { min-width: 100%;     min-height: 4em;     display: block;    font-size: 1em;}
.headerTitle2,.headerTitle1,.headerSub,.headerContact,.headerMedia {font-family: 'Amaranth', sans-serif;
    position: absolute; left: 0em; right: 0em; margin-left: auto;  margin-right: auto;    width: 99%;
    /* Need a specific value to work */
    text-align: center; font-size: .8em; color: #af0039;  font-weight: bold;}
.headerTitle1,.headerTitle2 {    font-size: 1.25em;    top: 0em;    width: 99%;}
.headerTitle1 {    left: 0.2em;    top: 0.25em;    color: #ccc;}
.headerSub {    top: 2.75em;    font-size: .6em;}
.headerContact {    top: 4.25em;    font-size: .6em;}
.headerMedia {    max-width: 15%;    top: 1em;    left: 80%;    display: none;}
.headerMedia img {    max-width: 30%;    max-height: 40px;}
.headerLinkLogo img {    left: 0;    display: none}

#menu { font-family: 'Amaranth', sans-serif; font-weight: lighter; min-width: 45%; max-width: 45%;
    border: thin solid #AF0039; border-radius: 3em; text-align: center;    display: none; float: right;    position: absolute;    left: 50%; background-color: rgba(255, 255, 255, .9);  margin-bottom: .5em;}
.menuLi,.menuIcon { font-size: 1.2em;    display: block;    border: none;    padding: .2em;
    text-decoration: none;    color: #4c45d5}
.menuIcon { position: absolute; left: 90%; top: 0; z-index: 1; font-size: 1.5em; color: #09F; font-weight: bold}
.menuLiHide {    display: none;    font-size: 1.2em;}
/*.menuLi:hover  {color:#af0039; max-width:80%;  margin:0 auto}  REMOVED AS CONFLICTS WITH TABLETS     */

/*Home page 3 column */
.T1Top,.T1C1,.T1C2,.T1C3 {float: left; display: none; word-wrap: break-word; overflow-wrap: break-word;
    border-radius: 2%;}
.T1C1,.T1C2,.T1C3 {    margin-top: 10px;}

.T1C1 img,.T1C2img,.T1C3 img,.T1C1 .imgR,.T1C2imgR,.T1C3 .imgR {
    width: 20%;    height: auto;    margin-right: 2%;    margin-bottom: 2%;    border-radius: 5%}
.T1C2img {    float: left}
.T1C1 .imgR,.T1C2imgR,.T1C3 .imgR {    float: right}
.T1C2Link,.T1C3Link { display: inline;  max-width: 2em;  max-height: 1em;  vertical-align: text-top;}
.T1C2 .imgIcon,.T1C3 .imgIcon {    height: 24px;    width: 24px}

.clear { margin-top: 1em;  clear: both;  border-top: thin #999 solid;}

/* Subscriber Form Form F!*/
.F1CFull,.F1CHalf,.F1CHalfFixed,.F1 label,.F1 input,.F1CDescription,
.F1 select {display: inline-block; width: 100%; text-align: center; padding: 0% .5%; margin-top: .5%; font-size: 1em}
.F1CFull { min-width: 99%;max-width: 99%; background-color: #FADD91; clear: both}
.F1CHalf { float: left; min-width: 99%; max-width: 99%; background-color: #FBD691}
.F1CHalfFixed { min-width: 98%; max-width: 98%; vertical-align: top;}
.F1 label { min-width: 28%;  max-width: 28%;  background-color: #FADD91;  vertical-align: top}
.F1CInput { min-width: 67%;  max-width: 67%; background-color: #FBD691; vertical-align: top}
.F1CDescription {clear: both; max-width: 95%; display: block; margin: auto; border: #AF0039 medium solid;
    border-radius: 2em; margin-top: 1.5em;}
.F1 input[type=text],.F1 input[type=date],.F1 input[type=time],.F1 input[type=datetime],.F1 input[type=number],
.F1 input[type=file],.F1 input[type=search],.F1 input[type=time],.F1 input[type=url],.F1 input[type=email],
.F1 input[type=password],textarea,select {
    min-width: 67%;  max-width: 67%; border: 1px solid #BEBEBE;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;     outline: none;}

.F1 input[type=text]:focus,.F1 input[type=date]:focus,.F1 input[type=time]:focus,.F1 input[type=datetime]:focus,
.F1 input[type=number]:focus,.F1 input[type=search]:focus,.F1 input[type=time]:focus,.F1 input[type=url]:focus,
.F1 input[type=email]:focus,.F1 input[type=password],textarea,select {
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;}
.F1 select,.F1 option { min-width: 67%;    max-width: 67%;}
.F1 textarea {  min-height: 5em;    font-size: 1em;}
.F1 .required { color: red}
.F1 input[type=submit],.form-style-1 input[type=button],.F1 input[type=file] {
    background: #4B99AD; padding: 8px 15px 8px 15px;  border: none; color: #fff;  max-width: 10em}
.F1 input[type=submit]:hover,.form-style-1 input[type=button]:hover {
    background: #4691A4;     box-shadow: none;    -moz-box-shadow: none;     -webkit-box-shadow: none;}
/* checkboxes + Radio Buttons*/
.F1 input[type=checkbox]+label,.F1 input[type=radio]+label {
    display: inline-block; margin: 0.2em; cursor: pointer; padding: 0.0em; color: red}
.F1 input[type=checkbox] { display: none;}
.F1 input[type=radio] { opacity: 0; position: absolute; margin: .65em}
.F1 input[type=checkbox]+label:before,.F1 input[type=radio]+label:before {
    content: "\2a2f";    border: 0.1em solid #000;    border-radius: 0.2em;    display: inline-block;
    width: 1em;    height: 1em;    padding-left: 0.3em;    padding-bottom: 0.3em;    margin-right: 0.2em;
    vertical-align: bottom;    color: transparent;    transition: .2s;    color: red;    border-color: red;}
.F1 input[type=radio]+label:before {    border-radius: .7em}
.F1 input[type=checkbox]+label:active:before,
.F1 input[type=radio]+label:active:before {    transform: scale(0);}
.F1 input[type=checkbox]:checked+label:before,.F1 input[type=radio]:checked+label:before {
    content: "\2714";    border-color: Green;    color: green;}
.F1 input[type=checkbox]:checked+label,.F1 input[type=radio]:checked+label {    color: green;}
.F1 ::placeholder {    color: grey;    font-style: italic;}

/* Expandable Accordian section  - Close all open 1*/
/*.E1Tab   { min-width:95%; max-width:95%; margin:0 auto; border-radius:1em; background-color:#FFF0c0; padding-left:2%; margin-top:0em; text-align:center; }
.E1 { min-width:95%; max-width:95%; margin:0 auto; padding:.25%; text-align:left; display:none; background-color:#FFF; border-radius:1em;  }
.E2Tab   { min-width:95%; max-width:95%; margin:0 auto; border-radius:1em; background-color:#FFF000; padding-left:2%; margin-top:0em; text-align:center; }
.E2 { min-width:95%; max-width:95%; margin:0 auto; padding:.25%; text-align:left; display:none; background-color:#FcFcfc; border-radius:1em;  } */

/* Story  Styling */
.H {color: #AF0039;font-size: 1.5em; text-decoration: underline; width: 100%; font-weight: bold}
.S {color: #AF0039; font-size: 1.3em; width: 100%;}
.W {color: red; font-size: 1.2em;  width: 100%;}
.Pr {    max-width: 32%}
.C {    text-align: center}
.L {    text-align: left}
.R {    text-align: right}
.B {    font-weight: bold}
.TL {    text-align: left}
.TC {    text-align: center}
.TR {    text-align: right}
.TI {    font-style: italic;}
.TB {    font-weight: bold;}
.TU {    text-decoration: underline}

.bgLB {    background-color: lightblue;}
.bgLG {    background-color: lightgreen;}
.bgLP {    background-color: lightpink;}
.bgLY {    background-color: lightyellow;}

.VATop {    vertical-align: top}
.VAMid {    vertical-align: middle}
.WHead {    color: #FFF;    font-weight: bold;    background-color: #AF0039;}

.W1,.W2,.W3,.W5,.W7,.W10,.W15,.W20,.W25,.W30,.W35,.W40,.W45,
.W50,.W55,.W60,.W70,.W80,.W90,.W95,.W100 {
    text-overflow: ellipsis;    overflow: hidden;  white-space: nowrap;    display: inline-block;}
.W1 { min-width: 1%; max-width: 1%}
.W2 { min-width: 2%; max-width: 2%}
.W3 { min-width: 3%; max-width: 3%}
.W5 { min-width: 5%; max-width: 5%}
.W7 { min-width: 7%; max-width: 7%}
.W10 {min-width: 10%; max-width: 10%}
.W15 {min-width: 15%; max-width: 15%; vertical-align: top;}
.W20 {min-width: 20%; max-width: 20%}
.W25 {min-width: 25%; max-width: 25%}
.W30 {min-width: 30%; max-width: 30%}
.W35 {min-width: 35%; max-width: 35%}
.W40 {min-width: 40%; max-width: 40%}
.W45 {min-width: 45%; max-width: 45%}
.W50 {min-width: 50%; max-width: 50%}
.W55 {min-width: 55%; max-width: 55%}
.W60 {min-width: 60%; max-width: 60%}
.W70 {min-width: 70%; max-width: 70%}
.W80 {min-width: 80%; max-width: 80%}
.W90 {min-width: 90%; max-width: 90%}
.W95 {min-width: 95%; max-width: 95%}
.W100 {min-width: 100%;max-width: 100%}
.Wpx10,.Wpx25, .Wpx35, .Wpx50, .Wpx75, .Wpx100,
.Wpx150, .Wpx200, .Wpx240, .Wpx300, .Wpx400, .Wpx500,
.Wpx600, .Wpx900, .Wpx1200, .Wpx1600 { display: inline-block; overflow: hidden; line-height: 18px; font-size: 16px}
.Wpx10 {min-width: 10px; max-width: 10px;}
.Wpx25 {min-width: 25px; max-width: 25px;}
.Wpx35 {min-width: 35px; max-width: 35px;}
.Wpx50 {min-width: 50px; max-width: 50px;}
.Wpx75 {min-width: 75px; max-width: 75px;}
.Wpx100 {min-width: 100px; max-width: 100px;}
.Wpx150 {min-width: 150px; max-width: 150px;}
.Wpx200 {min-width: 200px; max-width: 200px;}
.Wpx240 {min-width: 240px; max-width: 240px;}
.Wpx300 {min-width: 300px; max-width: 300px;}
.Wpx400 {min-width: 400px; max-width: 400px;}
.Wpx500 {min-width: 500px; max-width: 500px;}
.Wpx600 {min-width: 600px; max-width: 600px;}
.Wpx900 {min-width: 900px; max-width: 900px;}
.Wpx1200 {min-width: 1200px; max-width: 1200px;}
.Wpx1600 {min-width: 1600px; max-width: 1600px;}

.CalRBox { float: right;    max-width: 30%;    min-width: 30%;    margin-right: .5em}
.CalRBox img {    width: 18%;    float: right;    padding: .1em}

.accordianWrapperOuter {    display: inline-table;    width: 100%;    vertical-align: text-top}
.accordianWrapper {    margin: .5em auto; max-width: 98%; border: solid medium #AF0039; border-radius: 1em}
.accordianTop { color: #FFF; font-weight: bold; background-color: #AF0039;  text-align: center;
    font-weight: bold;    font-size: 1.4em}
.accordianDetail { padding: .2em; line-height: 1.2em; display: inline-block; font-size: 1.2em;  min-width: 98%;}
.accordianDetail li {    line-height: 120%;}
.accordianDetail img {    margin: .25em;}

.BR_75 {    border-radius: .75em}
.BR_100 {    border-radius: 1.00em}

.accordianImg {    max-width: 30%;    float: left;    padding: .5em}

.infoPortal { max-width: 48%; min-width: 48%; padding: .5%; margin: 0 auto; background-color: #FADD91;
    display: inline-table}
.infoPortal img {   max-width: 100%}

.StaticFW { clear: both; max-width: 90%; display: block; margin: auto;  border: #AF0039 medium solid;
    border-radius: 2em;   margin-top: 1em;    padding: .5em 1em}
.StaticFWimg,.StaticFWimgSm { min-width: 30%;  max-width: 30%;  height: auto;  padding: 0em 1em}

.EventHead { vertical-align: text-top;    font-size: 1.2em;    color: #AF0039;    text-align: center}
.EventHead img {    max-width: 48%;    min-width: 48%;    height: auto}
.EventImg1,.EventImg2,.EventImg3,.EventImg4 {
    display: none;    max-width: 20%;    min-width: 20%;    height: auto;    float: left;
    padding-right: 1%;    text-align: center;}
.EventImg2,.EventImg3,.EventImg4 {    float: right;    padding-right: 0px;    }

.MenuFilter a:link {text-align: center; font-size: 1.2em; padding: 0 .2em; margin: .25em .25em;
    border: thin solid #4c45d5; border-radius: .25em;  display: inline-block;}
.MenuFilter a:hover { font-weight: bold;    color: #AF0039;}

.imgContactSheetOuter { max-width: 150px; display: inline-block;overflow-wrap: break-word;  word-wrap: break-word;
    vertical-align: top;}
.imgContactSheetInner { display: table-cell; text-align: center; padding: 5px;
    max-width: 100%;  min-width: 100%;    max-width: 100%;}

.bgWhite {    background-color: #FFF;}
.by0 {   background-color: grey;   max-width: 16px; }
.by1,.by2,.by3,.by4,.by5 {    background-color: #FFF;    max-width: 16px;}
.by0:hover {    background-color: grey;}
.by1:hover {    background-color: #f71e27;}
.by2:hover {    background-color: #fe881a;}
.by3:hover {    background-color: #fff823;}
.by4:hover {    background-color: #7fe611;}
.by5:hover {    background-color: #0fa40e;}
.by6:hover {    background-color: red;}
.by:hover {    cursor: url(https://www.lincspcf.org.uk/E_Evaluation/Image/ZTick.gif), auto}

.BarGreen { color: #FFF; font-weight: bold; background-color: #00afaf; text-align: center;
    font-weight: bold;   font-size: 1.2em}
.BarPink { color: #000; font-weight: bold; background-color: #FF1493;   text-align: center;
    font-weight: bold;    font-size: 1.2em}

.TFW { white-space: pre-wrap; overflow: visible; min-height: 1.5em; vertical-align: top; padding-top: .25em;  }

@media (min-width:320px) {
    .T1Top,.T1C2,.T1C3 { display: inline-block; min-width: 98%;  max-width: 98%;  margin-bottom: .5%    }
    .T1Top {background-color: #FFF0C0; padding: 1%; font-size: 1em; margin: 0 auto;
        text-align: center;        border-radius: 1em;    }
    .T1C1 { background-color: #FADD91;  padding: 1%;        margin-right: .5%;    }
    .T1C2 { background-color: #FBD691;  padding: 1%;        margin-right: .5%;    }
    .T1C3 { background-color: #FADD91;  padding: 1%;   }
    .expandable { min-width: 95%; max-width: 95%; }
}

@media (min-width:480px) {
    .headerTitle1,    .headerTitle2 {        font-size: 1.5em;    }
    .headerLinkLogo img {        display: block;        max-width: 15%    }
    .headerContact,    .headerSub {        font-size: .8em;        margin-top: .25em    }
    #menu { left: 60%;    min-width: 35%;     max-width: 35%;    }
    .T1C2,    .T1C3 {        min-width: 47.5%;        max-width: 47.5%    }

    .EventImg1,.EventImg2, .EventImg4 { display: inline;  }
    .EventImg2 {     max-width: 12%;        min-width: 12%;    }
    .EventImg4 {     max-width: 20%;        min-width: 20%;    }
    .Hide2_480 {     display: inline    }
    .Show2_480 {     display: none;    }
    .by0, .by1,.by2,.by3,.by4,.by5 {        max-width: 24px;    }
}

@media (min-width:600px) {
    .headerMedia { left: 0;  right: 0; top: 6em;  display: inline }
    .headerLinkLogo img {    margin-left: 4%;    }
    #menu {left: 70%;        min-width: 25%;        max-width: 25%;    }
    .T1Top {        font-size: 1.2em;    }
    .StaticFWimgSm {        min-width: 20%;        max-width: 20%    }
    .EventImg1, .EventImg3 {       max-width: 13%;        min-width: 13%;    }
    .EventImg2 {max-width: 10%;     min-width: 10%;    }
   .by0, .by1,.by2,.by3,.by4,.by5 {     max-width: 28px;}
}

/** Alter for 768**/
@media (min-width:768px) {
    .headerTitle1, .headerTitle2 { font-size: 2em;  }
    .headerTitle1 {        left: 0.1em;        top: 0.1em;    }
    .headerContact,    .headerSub {        font-size: 1em;        top: .25em;    }
    .headerSub {   top: 2em;    }
    .headerContact {  width: 25%;   left: 75%;    top: 1em;    }

    /*Change Menu to Horizontal Menu for Tablet and above*/
    #menu { clear: right; min-width: 100%; max-width: 100%; padding: 0em 0em .25em 0em;
        text-align: center; border-radius: 0em; border-left: hidden; border-right: hidden;
        border-top: #AF0039 medium solid;  border-bottom: #AF0039 medium solid;
        display: inline-block;   background: none;  position: inherit    }
    .menuLi, .menuLiHide, .menuLi:active { display: inline-block;  padding: .25em .25em; margin-top: .25em; 
    border: thin solid #09F; border-radius: .35em; text-decoration: none;  transition: .5s    }
    /*  .menuLiHide:hover, .menuLi:hover, REMOVED AS CONFLICTS WITH TABLETS  */
    .menuLi:hover,.menuLiHide:hover { background-color: none; border: thin solid #AF0039;  color: #AF0039;    }
    .menuIcon { display: none;    }
    .T1Top { min-width: 90%; max-width: 90%; float: none; clear: both; margin: 0 auto; display: block;
        border-radius: 2em;    }
    .StaticFW { font-size: 1.2em }
    .StaticFWimg { min-width: 25%; max-width: 25%; }
    .EventHead img { max-width: 30%; min-width: 30%; height: auto }
    .EventImg1, .EventImg3 {  max-width: 15%;   min-width: 15%;  }
    .EventImg3 {        display: inline    }
    .Hide2_768 {        display: inline    }
    .Show2_768 {        display: none    }
    .F1CHalfFixed {     min-width: 48%;     max-width: 48%;    }
    .by0, .by1,.by2,.by3,.by4,.by5 {         max-width: 32px;    }
}

@media (min-width:875px) {
    .headerTitle1,    .headerTitle2 {        font-size: 2.25em;    }
    .headerContact,    .headerSub {        font-size: 1.25em;    }
    .EventImg1,    .EventImg3 {        max-width: 12%;        min-width: 12%;    }
}

@media (min-width:990px) {
    .wrapper {        font-size: 1.6em;    }
    .headerMedia {        top: 7em;    }
    .T1C1,    .T1C2,    .T1C3 {  display: table-cell;  min-width: 30%;  max-width: 30%    }
    .T1C1 {    min-width: 33%;   max-width: 33%;    }
    .F1CHalf {    min-width: 48%;     max-width: 48%;    }
    .expandableTab {        min-width: 55%;        max-width: 55%;    }
    .expandable {        min-width: 55%;        max-width: 55%;    }
    .accordianWrapperOuter {        width: 49%    }
    .infoPortal {        max-width: 32%;        min-width: 32%;    }
    .StaticFWimgSm {        min-width: 20%;        max-width: 20%    }
    .EventImg2 {        max-width: 10%;        min-width: 10%;    }
    .by0,.by1,.by2,.by3,.by4,.by5 {  min-width: 40px; }
}

@media (min-width:1200px) {
    .wrapper {        font-size: 1.8em;    }
    .headerTitle1,    .headerTitle2 {        font-size: 2.5em;    }
    .headerLinkLogo img {  display: block;     max-width: 13%;     margin-left: 6%;    }
    .headerSub {        top: 2.25em;    }
    .T1Top {        min-width: 85%;        max-width: 85%;    }
    .T1C1,    .T1C2,    .T1C3 { display: inline-block;    min-width: 25%;     max-width: 25%    }
    .T1C1 {   min-width: 43%;        max-width: 43%;    }
    .infoPortal {    max-width: 24%;       min-width: 24%;    }
    .StaticFW {       font-size: 1.3em    }
    .StaticFWimgSm {        min-width: 15%;        max-width: 15%    }
    .EventHead img {     max-width: 20%;        min-width: 20%;        height: auto    }
    .EventImg1,    .EventImg3 {        max-width: 13%;        min-width: 13%;    }
    .Hide2_1200 {        display: inline    }
    .CalRBox {        max-width: 25%;        min-width: 25%    }
}

@media (min-width:1400px) {
    .headerTitle1,  .headerTitle2 {        font-size: 3em;    }
    .headerContact,    .headerSub {        font-size: 1.35em;    }
    .headerContact {        top: 0;        width: 15%;        left: 75%;    }
    .headerLinkLogo img {   display: block;    max-width: 10%;    margin-left: 8%;    }
    .T1Top {    min-width: 90%;     max-width: 90%;  }
    .EventImg1,  .EventImg3 {     max-width: 10%;       min-width: 10%;    }
    .EventImg2 {   max-width: 8%;     min-width: 8%;  }
    .EventImg4 {   max-width: 12%;    min-width: 12%; }
    .by0,.by1,.by2,.by3,.by4,.by5 { min-width: 40px;   }
}

@media (min-width:1600px) {
    .wrapper {       font-size: 2em;    }
    .headerContact, .headerSub {        font-size: 1.5em;    }
    .headerContact { width: 15%;        left: 75%;        top: .5em;    }
    .headerLinkLogo img { display: block;     max-width: 10%    }
    .infoPortal {   max-width: 19%;   min-width: 19%;    }
}

@media (min-width:2000px) {
    .wrapper {       font-size: 2.2em;    }
    .headerMedia {   max-width: 25%;     top: 7em;  }
    .headerMedia img {    max-width: 39%;     max-height: 52px;    }
    .EventImg1, .EventImg3 { max-width: 9%;  min-width: 9%;    }
    .EventImg2 {     max-width: 7%;      min-width: 7%;    }
    .EventImg4 {max-width: 10%;min-width: 10%;}
}