@font-face {
    font-family: 'JosefinSlabRegular';
    src: url('../Fonts/JosefinSlab-Regular-webfont.eot');
    src: url('../Fonts/JosefinSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/JosefinSlab-Regular-webfont.woff') format('woff'),
         url('../Fonts/JosefinSlab-Regular-webfont.ttf') format('truetype'),
         url('../Fonts/JosefinSlab-Regular-webfont.svg#JosefinSlabRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JosefinSlabBold';
    src: url('../Fonts/JosefinSlab-Bold-webfont.eot');
    src: url('../Fonts/JosefinSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/JosefinSlab-Bold-webfont.woff') format('woff'),
         url('../Fonts/JosefinSlab-Bold-webfont.ttf') format('truetype'),
         url('../Fonts/JosefinSlab-Bold-webfont.svg#JosefinSlabBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body 
{
    margin:0px;
    overflow-x: hidden;
}
.loading
{
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background-color:White;
    z-index:1000000;
}
.anchor
{
    text-decoration:none;
    color:White;
    border-width:0px;
}

.anchor img
{
    border-width:0px;
}

.breaker
{
    clear:both;
}

.bg
{
    position: fixed;
    width: 100%;
    background-image: url('../Images/bg2.jpg');
    background-size: cover;
    background-color: rgb(243, 236, 223);
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

.page
{
    visibility: visible;
    width: 980px;
    min-height: 929px;
    margin: 0 auto;
    position:relative;
}
.pages
{
    width:100%;
    padding:20px;
    height:100%;
}

.headerDiv
{
    visibility: visible;
    width: 980px;
    min-height: 238px;
    position: absolute;
}

.topBar
{
    visibility: visible;
    right: 0px;
    left:0px;
    min-height: 60px;
    top: 20px;
    position: absolute;
    background-color: rgb(198, 0, 0);
    border-top: 0px solid rgb(198, 0, 0);
    border-bottom: 0px solid rgb(198, 0, 0);
}

.bottomBar
{
    visibility: visible;
    right: 0px;
    left:0px;
    min-height: 60px;
    bottom: 10px;
    position: absolute;
    background-color: rgb(198, 0, 0);
    border-top: 0px solid rgb(198, 0, 0);
    border-bottom: 0px solid rgb(198, 0, 0);
}

.bodyDiv
{
    visibility: visible;
    width: 820px;
    height: 580px;
    margin-bottom:70px;
    top: 130px;
    position: absolute;
    background-image:url('../Images/stripe.png');
    background-repeat:repeat;
    padding:50px 80px 50px 80px;
}

.logoHolder
{
    position:absolute;
    float:left;
    left:60px;
    height: 90px;
    top: 5px;
}
.menuHolder
{
    position:absolute;
    float:left;
    right:60px;
    height:60px;
    top: 37px;
}
.signOutHolder
{
    position:absolute;
    float:left;
    right:-90px;
    height:60px;
    top: 37px;
}
.menuItem
{
    cursor:pointer;
    float:left;
    font: 1.3em 'JosefinSlabBold', Arial, sans-serif;
    padding-left:30px;
    padding-right:5px;
    color:Black;
}
.menuItem:hover
{
    color:White;
}
.logo
{
    float:left;
    height: 90px;
}
.logoName
{
    float:left;
    top:15px;
    height: 60px;
    position:relative;
}
.slogan
{
    font: 1.2em 'JosefinSlabBold', Arial, sans-serif;
    color:rgb(198,0,0);
    position:relative;
    top:0px;
}
.crightHolder
{
    position:absolute;
    float:left;
    left:60px;
    height: 20px;
    bottom:30px;
    font:normal normal normal 12px/1.4em Helvetica, Arial, sans-serif;
    color:Black;
    font-weight:bold;
}
.smediaHolder
{
    position:absolute;
    float:left;
    right:180px;
    height:30px;
    bottom: 25px;
}
.smLink
{
    cursor:pointer;
    padding-left:10px;
}
.mh:hover
{
    color:White;   
}
.mh
{
    color:Black;
    transition: color 0.5s ease 0s;
}