* { margin: 0; padding: 0; }


body {
        font-family: Inter, Arial, sans-serif;
        font-size: 100%;
        text-align: left;
        height:100%;
        }


.inter {font-family: Inter, Arial, sans-serif;}



/**************************    H1 H2 H3  etc  ***************************/


h1, h1 a {
        color: #333;
        font-size: 1.3em;
        font-weight: bold;
        font-family: Inter, Arial, sans-serif;
        line-height: 1.5em;
        }

h2, h2 a  {
        color: #0D3C75;
        font-size: 1.5em;
        font-weight: bold;
        font-family: Inter, Arial, sans-serif;
        line-height: 1.7em;
        text-decoration: none;
        }

h3 {
        color: #1A1A1A;
        font-size: 1.2em;
        line-height: 1.5em;
        font-weight: normal;
        font-family: Inter, Arial, sans-serif;
        }

h4 {
        color: white;
        font-weight: bold;
        font-family: Inter, Arial, sans-serif;
        line-height: 1.8em;
        display: inline-block;
        padding-bottom: 5px;
        position: relative;
        }
        
h4:after {
        content: "";
        position: absolute;
        width: 80%;
        height: 1px;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #C0C0C0;
        }

h5 {
        color: #111;
        font-size: 16px;
        font-weight: normal;
        font-family: Inter, Arial, sans-serif;
        line-height: 1.4em;
        text-decoration: none;
        }

h6, h6 a {
        color: white;
        font-weight: normal;
        text-decoration: none;
        font-family: Inter, Arial, sans-serif;
        line-height: 1.8em;
        }
        
h6 a:hover {
        color: #FBC21D;
        font-weight: normal;
        text-decoration: none;
        font-family: Inter, Arial, sans-serif;
        line-height: 1.8em;
        }
        

        
        
.myul {
        color: #333;
        font-size: 1.25em;
        font-weight: normal;
        font-family: Inter, Arial, sans-serif;
        line-height: 1.5em;
        margin-top: 14px;
        margin-left:20px;
        margin-right:40px;
        }
        
.mymobileul {
        color: #333;
        font-size: 1.4em;
        font-weight: normal;
        font-family: Inter, Arial, sans-serif;
        line-height: 1.6em;
        margin-top: 14px;
        margin-left:20px;
        margin-right:40px;
        }
        
li {
        margin-bottom: 8px;
        }

        
        
.newsspan {
        color: black;
        font-weight: normal;
        font-family: Inter, Arial, sans-serif;
        text-decoration: none;
        }






 
.whitetext {color:white;}
.offwhitetext{color:#EEE;}
.redtext {color:#C5392D;}
.bluetext {color:#1F7177;}
.greytext {color:#333;}
.slatetext {color:#21252B;}
.masontext {color:#3A95A8;}

.whitebg {background-color:white;}
.redbg {background-color:#C5392D;}
.bluebg {background-color:#1F7177;}
.midgreybg {background-color:#555;}
.greybg {background-color:#333;}
.slatebg {background-color:#21252B;}
.masonbg {background-color:#3A95A8;}

.p6 { margin-top: 6px;}
.p10 { margin-top: 10px;}
.p14 { margin-top: 14px;}
.p16 { margin-top: 16px;}
.p20 { margin-top: 20px;}
.p24 { margin-top: 24px;}
.p36 { margin-top: 36px;}

.width100 {width:100%;}
.width50 {width:50%;}




.titletext { font-size: 1.2em;
        font-weight: normal;
        text-align: left;
        text-decoration: none;
		white-space: nowrap;
		}

.welcometext { font-size: 3.4em;
        text-align: left;
        text-decoration: none;
		}

.journeytext { font-size: 1.4em;
        text-align: left;
        text-decoration: none;
		line-height: 1.6em;
		}

.newstext { font-size: 1em;
		color:white;
        text-align: left;
        text-decoration: none;
		line-height: 1.2em;
		word-wrap:break-word;
		}




.buttonbar {position:absolute;left:40%;width:60%;}






/*********************   DROPDOWN TABS  ********************/

#tgb {
        margin: 0;
        padding: 0;
        z-index: 30;
        }


#tgb li {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        }
        

#tgb li a {
        display: block;
        margin: 0 1px 0 0;
        padding: 8px 0px 0px 0px;
        height: 40px;
        width: 200px;
        background-color: #21252B;
        color: #EEE;
        font-family : Inter, Arial, sans-serif;
        font-size: 1.2em;
        font-weight: normal;
        text-align: left;
        text-decoration: none;
		white-space: nowrap;
        }


#tgb li a:hover {
        color:#3A95A8;
        }


#tgb div {
        position: absolute;
        visibility: hidden;
        margin: 0 0 0 10px;
        padding: 0;
        background-color: #3A95A8;
        border: none;
        z-index: 20;
        height: 0px;
        }


#tgb div a {
        position: relative;
        display: block;
        margin: 0px;
        padding: 6px 10px 4px 4px;
        width: auto;
        height: auto;
        white-space: nowrap;
        text-align: left;
        text-decoration: none;
        background-color: #21252B;
        color: #DDD;
        font-family : Inter, Arial, sans-serif;
        font-size: 1.2em;
        font-weight: normal;
        z-index:20;
        }


#tgb div a:hover {
        color:#3A95A8;
        z-index: 20;
        }






/*********************   MOBILE MENU  ********************/

 .menudiv {
        position:absolute;
        left:10px;
        top:50px;
        width:40%;
        background-color:white;
        color: #606060;
        font-family : Inter, Arial, sans-serif;
        font-size:2em;
        font-weight:normal;
        border:3px solid grey;
        z-index:100;
        }

.menuitem {
        width:95%;
        border-bottom:1px solid grey;
        padding-top:16px;
        padding-bottom:16px;
        }





/*********************   PICTURE ELEMENTS  ********************/
     
.thirdblock {
        width:30%;
        display: block;
        }
        
.thirdtwothirds {
        width:66%;
        display: block;
        }
.blockborder {border: 2px solid #AAA;}
.noborder {border: none;}

.overflowhidden {
        overflow:hidden;
        }
        
.col1 { float:left;margin-left:0%;}
.col2 { float:left;margin-left:4%;}
.col3 { float:right;}
        
        
.picblock {
        position: relative;
        left: 0px;
        top: 0px;
        display: block;
        width: 100%;
        z-index: 0;
        transition: all 1.5s ease;
        }
        
.pictitle {
        position: relative;
        left: 4%;
        width: 90%;
        top: -10px;
        line-height: 30px;
        background-color:#21252B;;
        color: #FFF;
        font-size: 16px;
        font-weight: normal;
        font-family: Inter, Arial, sans-serif;
        text-align: center;
        border: 2px solid #AAA;
        z-index: 3;
        }
        
        
.pictext {
        position: relative;
        left: 0px;
        width: 90%;
        padding-left:5%;
        padding-right:5%;
        top: -34px;
        padding-top: 40px;
        height: 100px;
        background-color: white;
        color: #21252B;
        font-size: 1.3em;
        line-height: 1.5em;
        font-weight: 200;
        font-family: Inter, sans-serif;
        text-align: center;
        border-top:2px solid #AAA;
        z-index: 1;
        }
        
  
  
  
  
        

/*********************    INPUT BOXES AND BUTTONS  ********************/


.calendar {
        color:#FFF;
        font-size:1.4em;
        font-weight:100;
        font-family:Inter, Arial, sans-serif;
        text-align:center;
        padding:6px 10px 2px 10px;
        }
        
.calarrow {
        width:10%;
        }
        
.calheading {
        width:76%;
        }
        
.calarrow:hover{
        color:#BBB;
        }
        
.calday {
        font-size:0.8em;
        font-weight:normal;
        font-family:Inter, Arial, sans-serif;
        text-align:left;
        }
        
        

.textinput {
        height: 30px;
        margin-top:6px;
        margin-bottom:6px;
        font-family: Inter, Arial, Sans-Serif;
        font-size: 14px;
        color : #333;
        padding-left:10px;
        border: 1px solid #777;
        }
        
        
.chatdrop {
        margin-left:30px;
        margin-top:2px;
        color:#333;
        font-size: 16px;
        font-weight: normal;
        font-family: Inter, Arial, sans-serif;
        width:250px;
        }
        

.btn-general {
        font-size: 16px;
        font-weight: normal;
        font-family : 'Raleway', Verdana, Arial, sans-serif;
        background-color: #0D3C75;
        color:white;
        text-align: left;
        padding: 10px 10px 10px 10px;
        height: auto;
        border:1px solid white;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        }


.btn-general:hover {
        background-color: #ECD384;
        color:#333;
        border:1px solid grey;
        cursor:pointer;
        }
        







/*********************   CLICKABLE AND HOVERABLE ELEMENTS  ********************/

.clickable {border:0}
.clickable:hover {cursor:pointer}

.brightable {opacity:.5;filter:opacity(50)}
.brightable:hover{opacity:1;filter:opacity(100)}

.dimmable {opacity:1;filter:opacity(100)}
.dimmable:hover {opacity:.5;filter:opacity(50)}

.borderable {border:1px solid white}
.borderable:hover {border:1px solid gray}



/*********************   OBFUSCATABLE ****************************************/

obfusc::after {
        content: attr(whereat) ".com";
        }
obfusc::before {
        content: attr(me) "\0040";
        }