﻿body
{
    
    font-family: 'Average Sans', sans-serif;
    /*background-image:url('../Images/ACF_Bgrnd.png');*/
    /*background-image:url('../Images/ACF_Bgrnd_Dark.png');*/
    /*background-image:url('../Images/ACF_Bgrnd_cropped.png');
    background-image:url('../Images/ACF_Bgrnd_Gaussian.png');
    height:100%;
    width:100%;
    background-repeat:no-repeat;
    background-size:100% 100%;*/
    overflow:auto;
    position:fixed;
    margin: 0;
    padding: 0;

}

#FoundationDiv1
{    
    position:fixed;
    background-image:url('../Images/ACF_Bgrnd_Gaussian.png');
    height:100%;
    width:100%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index:-3;
}


.JustDiagonalLines
{
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    z-index:-1;
    background-color:transparent;
    background-size:5px 5px;
	background-image: -webkit-linear-gradient(45deg, rgba(23,55,94, 0.1) 25%, transparent 25%,
						transparent 50%, rgba(23,55,94, 0.1) 50%, rgba(23,55,94, 0.1) 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(23,55,94, 0.1) 25%, transparent 25%,
						transparent 50%, rgba(23,55,94, 0.1) 50%, rgba(23,55,94, 0.1) 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, rgba(23,55,94, 0.1) 25%, transparent 25%,
						transparent 50%, rgba(23,55,94, 0.1) 50%, rgba(23,55,94, 0.1) 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(23,55,94, 0.1) 25%, transparent 25%,
						transparent 50%, rgba(23,55,94, 0.1) 50%, rgba(23,55,94, 0.1) 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(23,55,94, 0.1) 25%, transparent 25%,
						transparent 50%, rgba(23,55,94, 0.1) 50%, rgba(23,55,94, 0.1) 75%,
						transparent 75%, transparent);
    
}

.Header_Case
{
    position:fixed;
    top: 0%;
    width:100%;
    z-index:9;
    height:70px;
    background-color:rgba(26,47,73,0);
    border-bottom:5px solid rgba(34,42,48,1);
    background-image: -moz-linear-gradient(bottom, rgba(40,40,40,0.6) 0%, rgba(40,40,40,0) 100%);
    /*background-image: linear-gradient(bottom, rgba(49,145,193,0.8) 35%, rgba(79,174,232,0.7) 68%, rgba(111,209,255,0.6) 84%);
    background-image: -o-linear-gradient(bottom, rgba(49,145,193,0.8) 35%, rgba(79,174,232,0.7) 68%, rgba(111,209,255,0.6) 84%);
    background-image: -webkit-linear-gradient(bottom, rgba(49,145,193,0.8) 35%, rgba(79,174,232,0.7) 68%, rgba(111,209,255,0.6) 84%);
    background-image: -ms-linear-gradient(bottom, rgba(49,145,193,0.8) 35%, rgba(79,174,232,0.7) 68%, rgba(111,209,255,0.6) 84%);*/
    -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, .9);
    box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, .9);
}

.ACF_Logo
{
    position:absolute;
    left:2%;
    width:136px;
    height:70px;
    color:White;
    font: normal normal 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    background-image:url('../Images/ACF_Logo_1.png');
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% 100%;
    cursor:pointer;
}


.Join_Us
{
    position:absolute;
    width:15%;
    left:100%;
    top:10%;
    height:80%;
    margin-left:-17%;
    border: 2px solid rgba(80,80,80, 1);
    border-radius: 2px;
    background-image:url('../Images/Join_Us.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% 100%;    
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(50, 50, 50, .9);
    box-shadow: inset 0px 0px 8px 0px rgba(50, 50, 50, .9);
}

.Join_Us:hover
{
    border-color:gold;
}

.PageBody
{
    z-index:0;
}

.PageFooter
{
    z-index:1;
}

.FooterQuickLinks
{
    z-index:2;
}
.logo 
{
    z-index:3;
}

.MiddleSection
{
    z-index:4;
}

.QuickDisplay
{
    z-index:4;
}

.MiddleSection_Title
{
    z-index:5;
}

.Middle_ContentBoundary
{
    z-index:6;
}

.Middle_Section_Content
{
    z-index:9;
}

.Banner
{
    z-index:8;
}

/********Menu******/
.Menu_Case
{
    z-index:20;
    position: absolute;
    width:600px;
    top:20%;
    left:50%;
    margin-left:-300px;
    height:80%;
    cursor:default;
    /*background-color:Maroon;*/
    /*border:1px solid pink;*/
    
}
.SubMenu_Case
{
    z-index:40;
    position:absolute;
    width:500%;
    height:150%;
    top:100%;
    visibility:hidden;
    overflow:hidden;
    margin-top:5px;
    /*top:50px;*/
    /*background-color:pink;*/
}
.Menu
{
    z-index:13;
    position:absolute;
    height:80%;
    width:100%;
    top:20%;
    margin-top:-1px;
    text-align:center;
    background-color:transparent;
    background-image: linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -o-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    border:1px solid rgba(10,40,76,1);
    border-radius:5px 5px 0px 0px;
    border-bottom:5px solid rgba(34,42,48,1);
    font-family: 'Julius Sans One', sans-serif;
    font-size:medium;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
    /*font-family: 'Open Sans', sans-serif;*/
    color:white;
}

.TopOverHeadLine
{
    position:absolute;
    z-index:16;
    width:130%;
    top:100%;
    border-top:5px solid rgba(34,42,48,1);
}

.Menu:hover
{
    position:absolute;
    height:90%;
    top:10%;
}

.SubMenu
{
    z-index:11;
    position:absolute;
    height:100%;
    width:50%;
    background-color:rgba(100,100,100,1);
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    border-left:5px solid rgba(34,42,48,1);
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(50, 50, 50, .9);
    box-shadow: inset 0px 0px 8px 0px rgba(50, 50, 50, .9);
    visibility:hidden;
    font-family: 'Julius Sans One', sans-serif;
    /*background-color:Red;*/
}

.SubMenu:hover
{
    background-color:rgba(250,250,250,1);
}

.SubMenu_Img_Container
{
    position:absolute;
    height:100%;
    width:30%;
    background-color:rgba(150,150,150,1);
    /*background-position:center center;*/
    background-repeat:no-repeat;
    -webkit-box-shadow: 0px 0px 8px 4px rgba(20, 20, 20, .9);
    box-shadow: 0px 0px 8px 4px rgba(20, 20, 20, .9);
    overflow:hidden;
}

.SubMenu_Img
{
    position:absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:100% 100%;
}

.SeasonPreview
{
    position:absolute;
    width:200%;
    height:200%;
    background-image:url('../Images/Seasons.jpg');
    background-size:100% 100%;
}

#MenuChain1_SubMenu_Case1_Menu1_SubMenu1_img
{
    /*background-image:url('../Images/Summer.jpg');*/
    left:0;
    top:-100%;
}
#MenuChain1_SubMenu_Case1_Menu1_SubMenu2_img
{
    /*background-image:url('../Images/Fall.jpg');*/
    left:-100%;
    top:-100%;
}
#MenuChain1_SubMenu_Case1_Menu1_SubMenu3_img
{
    /*background-image:url('../Images/Winter.jpg');*/
    left:0;
    top:0;
}
#MenuChain1_SubMenu_Case1_Menu1_SubMenu4_img
{
    /*background-image:url('../Images/Spring.jpg');*/
    left:-100%;
    top:0;

}

#MenuChain2_SubMenu_Case1_Menu1_SubMenu1_img
{
    position:absolute;
    background-image:url("../Images/Exec_Images/President_Medium_Square.jpg");
}

#MenuChain3_SubMenu_Case1_Menu1_SubMenu1_img
{
    position:absolute;
    background-image:url("../Images/Video_Img.png");
}

#MenuChain3_SubMenu_Case1_Menu1_SubMenu2_img
{
    position:absolute;
    background-image:url("../Images/Picture_icon.png");
}


#MenuChain4_SubMenu_Case1_Menu1_SubMenu1_img
{
    position:absolute;
    background-image:url("../Images/ACF_Groups.jpg");
}

#MenuChain4_SubMenu_Case1_Menu1_SubMenu2_img
{
    position:absolute;
    background-image:url("../Images/New_Execs.jpg");
}

#MenuChain5_SubMenu_Case1_Menu1_SubMenu1_img
{
    position:absolute;
    background-image:url("../Images/Affiliates_Menu.png");
}


#MenuChain2_SubMenu_Case1_Menu1_SubMenu1_img_Container
{
    width:15%;
}

.SubMenu_Text
{
    position:absolute;
    left:33%;
    width:60%;
    top:50%;
    height:1em;
    margin-top:-1em;
}

.MenuChain
{
    z-index:13;
    position:absolute;
    width:20%;
    height:100%;
    /*background-color:yellow;*/
}

.SubMenuCaseBgroundCase
{
    z-index:7;
    position:absolute;
    width:110%;
    height:0%;
    left:50%;
    margin-left:-55%;
    top:100%;
    margin-top:5px;
    /*visibility:hidden;*/
    overflow:hidden;
    /*top:50px;*/
    background-color:rgba(54,62,68,.82);
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(50, 50, 50, .9);
    box-shadow: inset 0px 0px 8px 0px rgba(50, 50, 50, .9);
    /*transition-duration:.5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;*/
}

#MenuChain1
{
    position:absolute;
}

#MenuChain2
{
    position:absolute;
    left:20%;
    margin-left:2px;
}


#MenuChain3
{
    position:absolute;
    left:40%;
    margin-left:4px;
}

#MenuChain4
{
    position:absolute;
    left:60%;
    margin-left:6px;
}

#MenuChain5
{
    position:absolute;
    left:80%;
    margin-left:8px;
}

#MenuChain1_SubMenu_Case1 /**Since each menu chain is 20% because we have 5 menu items (100/5) we have to shift lefts by 20% extra multiplied by 5**/
{
    position:absolute;
}
#MenuChain2_SubMenu_Case1
{
    position:absolute;

    left:-100%;
}
#MenuChain3_SubMenu_Case1
{
    position:absolute;

    left:-200%;
}
#MenuChain4_SubMenu_Case1
{
    position:absolute;

    left:-300%;
}
#MenuChain5_SubMenu_Case1
{
    position:absolute;

    left:-400%;/***achieved by multiplying the current expected left, which is -80, by the number of division 5*/
}


#MenuText1
{
    position:absolute;
    text-align:center;
    width:100%;
    
    font-size:small;
    font-weight:bold;
    top:.75em;
}


#MenuText2
{
    font-size:smaller;
    font-weight:bold;
}


#MenuText3, #MenuText4, #MenuText5
{
    position:absolute;
    width:100%;
    top:50%;
    text-align:center;
    margin-top:-0.75em;
    font-weight:bold;
}


/********Menu End******/

/*Middle Section*/
.MiddleSiteCase
{
    position:absolute;
    width:100%;
    height:100%;
    z-index:-1;
    /*background-color:pink;*/
}


.MiddleSectionCase
{
    position:fixed;
    width:80%;
    height:70%;
    min-width:800px;
    min-height:400px;
    top:100px;
    left: 10%;
    /*top:50%;
    margin-left:-600px;
    margin-top:-270px;
    background-color:Maroon;*/
    z-index:5;
    
}

.MidSectionTitle_Case
{
    position:absolute;
    width:50%;
    height:7%;
    top:7%;
    left:50%;
    margin-left:-25%;
    color:white;
    text-align:center;
    background-color:rgba(40,40,40,1);
    box-shadow: 3px 3px 5px #000000;
    font-family: 'Julius Sans One', sans-serif;
    z-index:8;
    cursor:default;
}

.MidSectionTitle_Text
{
    position:absolute;
    width:100%;
    height:90%;
    top:10%;
    color:rgba(235,235,235,1);
    font-family: 'Julius Sans One', sans-serif;
    font-weight:bold;
    font-size:xx-large;
}

.MiddleSectionContent_Case
{
    position:absolute;
    width:80%;
    height:90%;
	border-radius:10px;
    background-color: rgba(255,255,255,0.88);
    border:2px solid rgba(70,70,70,1);
    top:8%;
    left:50%;
    margin-left:-40%;
    cursor:default;
}

.ShareUsSection
{
    position:absolute;
    left:100%;
    top:100%;
    margin-left:-80px;
    margin-top:-80px;
    width:80px;
    height:80px;
    z-index:10;
    background-color:rgba(0,0,0,0);
    background-image: -moz-radial-gradient(center center, circle cover, rgba(20,20,20,.9) 40%, rgba(255,255,255,1) 40%, rgba(200,200,200,0) 88%);
    background-image: -webkit-radial-gradient(center center, circle cover, rgba(20,20,20,.9) 40%, rgba(255,255,255,1) 40%, rgba(200,200,200,0) 88%);
    background-image: -o-radial-gradient(center center, circle cover, rgba(20,20,20,.9) 40%, rgba(255,255,255,1) 40%, rgba(200,200,200,0) 88%);
    background-image: -ms-radial-gradient(center center, circle cover, rgba(20,20,20,.9) 40%, rgba(255,255,255,1) 40%, rgba(200,200,200,0) 88%);
    background-image: radial-gradient(center center, circle cover, rgba(20,20,20,.9) 40%, rgba(255,255,255,1) 40%, rgba(200,200,200,0) 88%);
}

.ShareButtonCase
{
    position:absolute;
    width:100%;
    height:100%;
}

.ShareButtonElement
{
    position:absolute;
    width:44%;
    height:44%;
    border:1px solid transparent;
    margin-left:3%;
    margin-top:3%;

}

#ShareButtonElement1
{
    position:absolute;
    left:0%;
    top:0%;
    /*border-radius:7px;*/
    background-image:url('../Images/Facebook_Icon.png');
    border-radius:0px 7px 0px 7px;
    background-position:center center;
    background-size:100% 100%;
    background-repeat:no-repeat;
}

#ShareButtonElement2
{
    position:absolute;
    left:50%;
    top:0%;
    background-image:url('../Images/Twitter_Icon.png');
    border-radius:7px 0px 7px 0px;
    background-position:center center;
    background-size:100% 100%;
    background-repeat:no-repeat;
}

#ShareButtonElement3
{
    position:absolute;
    left:0%;
    top:50%;
    border-radius:7px 0px 7px 0px;
    background-image:url('../Images/Google_Plus_Icon.png');
    background-position:center center;
    background-size:100% 100%;
    background-repeat:no-repeat;
}

#ShareButtonElement4
{
    position:absolute;
    top:50%;
    left:50%;
    border-radius:0px 7px 0px 7px;
    background-image:url('../Images/Tumblr_Icon.png');
    background-position:center center;
    background-size:100% 100%;
    background-repeat:no-repeat;
}

#ShareButtonElement1:hover
{
    position:absolute;
    margin-left:0%;
    margin-top:0%;
}

#ShareButtonElement2:hover
{
    position:absolute;
    margin-left:6%;
    margin-top:0%;
}

#ShareButtonElement3:hover
{
    position:absolute;
    margin-left:0%;
    margin-top:6%;
}

#ShareButtonElement4:hover
{
    position:absolute;
    margin-left:6%;
    margin-top:6%;
}







.LeftOverlayPanel_Case
{
    position:absolute;
    left:5%;
    top:15%;
    width:10%;
    height:75%;
    background-size:10px 10px;
    z-index:7;
    /*background-color:white;
    opacity:.5;*/
    background-color: rgba(255,255,255,0.7);
    box-shadow: 5px 5px 10px #000000;
    transition-duration:.5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
}

.LeftOverlayPanel_Case:hover
{
    margin-left:-5px;
}

.LeftSquarePanel_Case
{
    position:absolute;
    width:125px;
    height:125px;
    visibility: hidden;
}










#WhiteTransBground
{
    position:absolute;
    height:90%;
    top:80px;
    width:90%;
    background-color:rgba(160,190,226,.7);
    left:50%;
    margin-left:-45%;
    border-radius:5px;
    box-Shadow: 0px 0px 10px 2px #000000;
}




#Trapezium1
{
    position:absolute;
    height:0;
    width:2%;
    top:40%;
    left:49%;/*(100%-width)/2*/
    margin-left:-4000px;
    border:4000px solid transparent;
    border-top:0 solid rgba(60,60,60,1);
    border-bottom:2000px solid rgba(60,60,60,1);
    z-index:1;
}

/*MIDDLE SECTION*/






/**********Footer******/
.FooterImg
{
    position:absolute;
    height:70%;
    width: 86%;
    left:50%;
    margin-left:-43%;
    top:3%;
    background-size:100% 100%;
    background-position:center center;
    background-repeat:no-repeat;
}

.FooterText
{
    position:absolute;
    top:70%;
    width:100%;
    left:50%;
    margin-left:-50%;
    /*background-color:Red;*/
    text-align:center;
    white-space: nowrap;
    font-size:medium;
    font-weight:bold;
    color:rgba(30,30,30,1);
}

.FooterElementContentCase
{
    position:absolute;
    height:100%;
    width:46%;
    left:50%;
    margin-left:-23%;
    /*background:pink;*/
}

.FooterElementCase
{
    position:absolute;
    z-index:9;
    top:5%;
    height: 90%;
    width: 25%;
    /*background-color:Green;*/
}



#FooterCase
{
    position:fixed;
    top:100%;
    width:500px;
    height: 60px;
    margin-top:-60px;
    left: 50%;
    margin-left:-250px;
    background-color:rgba(166,166,166,.9);
    z-index:8;
    border: 1px solid #17375E;
    border-radius: 6px 6px 0px 0px;
    -webkit-box-shadow:  0px 0px 4px 1px rgba(0, 0, 0, .9);
    box-shadow:  0px 0px 4px 1px rgba(0, 0, 0, .9);
    cursor:default;
}


#Footer_Sec1
{
    position:absolute;
    opacity:1;
    /*background-color:Black;
    background-image:url('../Images/Home_Blued.png');*/
}
#FooterImg_Sec1
{
    position:absolute;
    opacity:1;
    background-image:url('../Images/Home_Blued.png');
}
#FooterImgCase_Text1
{}

#Footer_Sec2
{
    position:absolute;
    opacity:1;
    left: 25%;
    /*background-color: yellow;*/
}
#FooterImg_Sec2
{
    position:absolute;
    opacity:1;
    background-image:url('../Images/phone_email_blued.png');
}
#FooterImgCase_Text2
{}

#Footer_Sec3
{
    position:absolute;
    left: 50%;
    opacity:1;
    /*background-color: green;*/
}
#FooterImg_Sec3
{
    position:absolute;
    opacity:1;
    background-image:url('../Images/HandShake_blue.png');
}
#FooterImgCase_Text3
{}

#Footer_Sec4
{
    position:absolute;
    opacity:1;
    left: 75%;
    /*background-color: pink;*/
}
#FooterImg_Sec4
{
    position:absolute;
    opacity:1;
    height:50%;
    background-image:url('../Images/News_blued.png');
}
#FooterImgCase_Text4
{}


.FooterJustBars
{
    position:absolute;
    height:80%;
    border:1px solid rgba(10,10,10,0.9);
    top:10%;
    z-index:12;
}


#FooterJustBars1
{
    position:absolute;
    left:25%;
    margin-left:-1px;
    z-index:12;
}

#FooterJustBars2
{
    position:absolute;
    left:50%;
    margin-left:-1px;
    z-index:12;
}

#FooterJustBars3
{
    position:absolute;
    left:75%;
    margin-left:-1px;
    z-index:12;
}



#Footer_Sec1:hover
{
    background-color:rgba(198,217,241,1);
    background-image: -moz-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -o-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);

}

#Footer_Sec2:hover
{
    background-color:rgba(198,217,241,1);
    background-image: -moz-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -o-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
}

#Footer_Sec3:hover
{
    background-color:rgba(198,217,241,1);
    background-image: -moz-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -o-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
}

#Footer_Sec4:hover
{
    background-color:rgba(198,217,241,1);
    background-image: -moz-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -o-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(17,67,127,0.9) 0%, rgba(17,67,127,0.3) 100%);
}


/******FOOTER END*****/


.FullScreenTransparentBackground
{
    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(12,12,12,.8);
    z-index:40;
}


.ContactUsElementContainer
{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-300px;
    margin-left:-300px;
    width:600px;
    background-color:White;
    height:600px;
    border-radius:10px;
    z-index:60;
}

.ContactUsTitleContainer
{
    width:70%;
    text-align:center;
    height:1.5em;
    position:absolute;
    left:50%;
    margin-left:-35%;
    font-size:xx-large;
    color:rgba(89,89,89,1);
}

.ContactUsBodyContainer
{
    position:absolute;
    top:3em;
    width:100%;
    height:80%;
}

.ContactUsBodyContainerElement
{
    position:absolute;
    width:100%;
    height:100%;
}


.ContactUsBodyContainerTitle
{
    position:absolute;
    background-color:rgba(217,217,217,1);
    height:1.5em;
    left:5%;
    padding:6px 18px 6px 6px;
    font-size:x-large;
}


.ContactUsBodyContainerBody
{
    position:absolute;
    width:70%;
    top:3em;
    height:80%;
    left:5%;
}

.ContactUsJustTextContainer
{
    position:absolute;

    padding:0 0 0 12px;
    border: 1px solid rgba(127,127,127,1);
}

#ContactUsJustText1
{
    font-size:xx-large;
}

#ContactUsJustText2
{
    font-size:large;
}

#ContactUsJustText3
{
    font-size:large;
}

.ContactUsJustText
{
    position:relative;
    width:100%;
}

#MapLocation1
{
    position:relative;
    top:8em;
}

.ClosePanelSign
{
    position:absolute;
    left:100%;

    margin-left:-10px;
    margin-top:-10px;
    width:21px;
    height:21px;
    background-color:rgba(240,240,240,1);
    box-shadow: 0px 0px 4px 2px rgba(20,20,20,0.9);
    border:2px solid rgba(40,40,40,1);
    border-radius:50%;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* IE 9 */
    -moz-transform:rotate(45deg); /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari and Chrome */
    -o-transform:rotate(45deg);
    z-index:70;
}

.ClosePanelSign:hover
{
    position:absolute;
    background-color:rgba(70,70,70,1);
}

.HorizontalCross
{
    position:absolute;
    top:50%;
    width:90%;
    left:50%;
    margin-left:-45%;
    margin-top:-1px;
    height:3px;
    background-color:rgba(20,20,20,1);
}

.VerticalCross
{
    position:absolute;
    top:50%;
    margin-top:-45%;
    left:50%;
    margin-left:-1px;
    height:90%;
    width:3px;
    background-color:rgba(20,20,20,1);
}



.PresidentsMessageContainer
{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-300px;
    margin-left:-300px;
    width:600px;
    background-color:White;
    height:600px;
    border-radius:10px;
    z-index:60;
    
    border:3px solid rgba(50,50,50,1);
}

.PresidentsMessageContainerTitle_Text
{
    position:relative;
    width:100%;
    text-align:center;
    background-color:rgba(217,217,217,1);
    height:1.5em;
    border-radius:10px 10px 0px 0px;
    font-size:x-large;
}

#President_Image1
{
    float:left;
    margin-bottom: 5px;
    margin-right: 10px;
    border: 2px solid rgba(50,50,50,1);
}

#PresidentsMessageTextContainer1
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top:20px;
}


#President_Name
{
    font-family: 'Clicker Script', cursive;
    font-weight:bold;
    font-size:x-large;
}

.TimeElementString
{
    /*position:absolute;top:10%;width:25%;text-align:center;font-size:100%;font-family:Baskerville Old Face;*/
}

.TimeElementText
{
    /*font-size:x-small;*/
}

.ColonString
{
    
    /*height:80%;width:2px;background-color:White;*/
}
