/* inputbox widths reduced by 20px and height by 10px for latest ipad support */
/* 'ipad' doesn't appaear in latest ipad user agent                           */ 

HTML {height:100%;}

BODY
{
 height:100%;
 margin:0;
 padding:0;
 background:white url('../imgs/bg5.jpg');
 background-size:cover;
}

TABLE {border-collapse:collapse; border-spacing:0px;}
TD {padding:0px;}
FORM {margin:0; padding:0;}

A {color:white;}
A:hover {color:orange;}

.NoInternetImgPreLoad {background:url('../imgs/noinet.png');}

.HideLogo {visibility:hidden;}

.NavBarContainer
{
 width:100%;
 height:88px;
 margin:0;
 padding:0;
}

.NavBar 
{
 width:960px;
 height:88px;
 margin:0 auto 0 auto;
 padding:0;
 border:0px solid yellow;
}
.NavBarLeft {float:left; padding:10px 0 0 10px;}
.NavBarRight {float:right;} 

.NavBarLinksContainer {width:690px; height:54px; padding:20px 40px 20px 20px; border:0px solid red;}

.NavBarLinksOld
{
 position:relative;
 float:right;
 padding-right:40px;
 list-style:none;
 vertical-align:middle;
 letter-spacing:1px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:16pt;
 color:black;
 border:0px solid green;
}

.NavBarLinksOld A {color:white; text-decoration:none;}

.NavBarLinksOld A:hover {color:white; cursor:pointer;}

.NavBarLinks
{
 float:right;
 list-style:none;
 margin:-5px 20px 0 0;
 padding:5px 6px 4px 6px;
 border-radius:10px;
 vertical-align:middle;
 text-align:center;
 font-family:raleway,arial,helvetica;
 font-size:13px;
 font-weight:bold;
 color:black;
 cursor:pointer;
}

.NavBarLinks A {color:#3C3C3C; text-decoration:none;}

.NavBarLinks:hover {background-color:orange;}

.NavBarLinksActive {background-color:orange;}

.NavBarDonate
{
 float:right;
 list-style:none;
 margin-top:-5px;
 padding:5px 6px 4px 6px;
 border-radius:10px;
 vertical-align:middle;
 text-align:center;
 background-color:#74d1cd;
 font-family:raleway,arial,helvetica;
 font-size:13px;
 font-weight:bold;
 color:#3C3C3C;
 cursor:pointer;
}

.NavBarDonate A {color:#3C3C3C; text-decoration:none;}

.NavBarDonate:hover {background-color:orange;}

.NavBarAccMenu
{
 float:right;
 list-style:none;
 margin:-5px 20px 0 0;
 padding:5px 9px 4px 9px;
 background:-webkit-linear-gradient(#434343 40%,#2F2F2F);
 background:linear-gradient(#434343 40%,#2F2F2F);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343',endColorstr='#2F2F2F',GradientType=0);
 border-radius:10px;
 border-bottom:2px solid black;
 vertical-align:middle;
 text-align:center;
 letter-spacing:1px;
 text-shadow: 0px 1px 4px black;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:white;
}

.NavBarAccMenu A {color:white; text-decoration:none;}

.NavBarAccMenu A:hover {color:orange; cursor:pointer;}

.NavBarAccName
{
 float:right;
 list-style:none;
 margin:-5px 10px 0 0;
 padding:5px 6px 4px 6px;
 background:-webkit-linear-gradient(#434343 40%,#2F2F2F);
 background:linear-gradient(#434343 40%,#2F2F2F);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343',endColorstr='#2F2F2F',GradientType=0);
 border-radius:10px;
 border-bottom:2px solid black;
 vertical-align:middle;
 text-align:center;
 letter-spacing:1px;
 text-shadow: 0px 1px 4px black;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:white;
}

.NavBarAccName A {color:white; text-decoration:none;}

.NavBarAccName A:hover {color:orange; cursor:pointer;}

.NavBarAccMenuContainer
{
 position:absolute;
 left:0px;
 top:22px;
 width:100px;
 height:35px;
 padding:4px;
 margin:3px 0 3px 0;
 border-left:3px solid black;
 border-bottom:3px solid black;
 border-right:3px solid black;
 border-radius:0 0 10px 10px;
 background:#F6BF00;
 color:black;
 box-shadow:0px 2px 10px #2F2F2F;
 z-index:99;
}

.NavBarAccMenuContainerList {list-style:none; padding:0; margin:0;}
.NavBarAccMenuContainerList LI {margin:4px; cursor:pointer;}
.NavBarAccMenuContainerList LI:hover {color:#C00000;}

.NavBarAccMenuCol1 {width:30%; vertical-align:top;}
.NavBarAccMenuCol2 {width:30%; vertical-align:top;}
.NavBarAccMenuCol3 {width:30%; vertical-align:top;}
.NavBarAccMenuCol4 {width:10%; vertical-align:top;}

.NavBarAccMenuHeading
{
 margin:10px 10px 10px 10px;
 vertical-align:middle;
 /* text-decoration:underline; */
 text-align:left;
 letter-spacing:1px;
 /* text-shadow: 0px 1px 4px black;*/
 font-family:riffic_mediumbold,raleway,arial,helvetica;
 font-size:16pt;
 color:white;
}

.NavBarAccMenuItem
{
 margin:10px 10px 10px 10px;
 vertical-align:middle;
 text-align:left;
 letter-spacing:1px;
 /* text-shadow: 0px 1px 4px black;*/
 font-family:riffic_mediumbold,raleway,arial,helvetica;
 font-size:16pt;
 color:white;
 cursor:pointer;
}

.NavBarAccMenuItem A {color:white;}
.NavBarAccMenuItem A:hover {color:orange;}

.NavBarBlanketMenuBG
{
 position:absolute;
 top:0px;
 left:0px;
 height:0%;
 width:100%;
 overflow-y:hidden;
 background-color:#2F2F2F;
 z-index:1001;
 transition:0.5s;
}

.NavBarBlanketMenuBGOut
{
 position:absolute;
 top:0px;
 left:0px;
 height:100%;
 width:100%;
 overflow-y:hidden;
 background-color:#2F2F2F;
 z-index:1001;
 transition:0.5s;
}

.NavBarBlanketMenuLogo
{
 float:left;
 width:80%;
 margin:20px 0 0 20px;
 z-index:1002;
 border:0px solid red;
}

.NavBarBlanketMenuBtn
{
 float:right;
 margin:20px 20px 0 0;
 z-index:1002;
 cursor:pointer;
}

.NavBarBlanketMenuItems
{
 float:left;
 width:100%;
 margin:20px 0 0 80px;
 z-index:1002;
 border:0px solid red;
}

.NavBarMenuFooters {text-align:center; margin:4px auto 0 auto;}

.PageContainer
{
 position:relative;
 min-height:100%;
 width:100%;
 margin:0;
 padding:0;
 border:0px solid green;
}

.FooterContainer
{
 width:100%;
 margin:0;
 padding:10px 0 0 0;
 background-color:#515a59;
 border:0px solid red;
}

.FooterBorder {width:100%; height:1px; margin:10px 0 8px 0; background-color:#797d7c;}

.FooterPageLinksContainer {}
.FooterPageLinks {list-style:none; padding:6px 0 0 0; margin:0;}
.FooterPageLinks1
{
 display:inline-block;
 vertical-align:top;
 padding:0 20px 0 20px;
 line-height:24px;
 font-family:opensans_regular,arial,helvetica;
 font-size:12pt;
 color:white;
}
.FooterPageLinks2
{
 display:inline-block;
 padding:0 20px 0 20px;
 vertical-align:top;
 line-height:24px;
 font-family:opensans_regular,arial,helvetica;
 font-size:12pt;
 color:white;
}
.FooterPageLinks3
{
 display:inline-block;
 vertical-align:top;
 padding:0 20px 0 20px;
 line-height:24px;
 font-family:opensans_regular,arial,helvetica;
 font-size:12pt;
 color:white;
}
.FooterPageLinksTitle {font-size:18pt;}
.FooterPageLinks1 A, .FooterPageLinks2 A, .FooterPageLinks3 A {color:white; text-decoration:none;}
.FooterPageLinks1 A:hover, .FooterPageLinks2 A:hover, .FooterPageLinks3 A:hover {color:yellow; text-decoration:none;}

.FooterSocialLinksContainer {width:160px; margin:0 4px 0 auto; border:0px solid red;}
.FooterSocialLinks {width:160px; list-style:none; padding:4px 5px 0 0; margin:0; border:0px solid green;}
.FooterSocialLinks LI {display:inline-block; padding:6px; border:0px solid yellow;}

.FooterAddressContainer {width:100%; height:47px; margin:0;}

.FooterAddressDetails {padding:4px 8px 4px 8px; font-family:opensans_regular,arial,helvetica; font-size:10pt; color:white;}

.FooterAddressDetails A {font-family:Raleway,arial,helvetica; font-size:10pt; color:white;}
.FooterAddressDetails A:hover {font-family:Raleway,arial,helvetica; font-size:10pt; color:orange;}


/* ----- Home Page ---- */

.HomeAnimLogoHidden {visibility:hidden;}

.HomeAnimLogo {}

.HomeAnimText {}


/* ----- Contact us ---- */

.ContactUsContainer
{
 width:100%;
 border:0px solid red; 
}

.ContactUsContainer TD
{
 padding:8px;
 border:0px solid red; 
}

.ContactUsContainer TD INPUT
{
 width:420px;
 height:40px;
 padding:4px;
 border:1px solid white;
 border-radius:6px;
 vertical-align:middle;
 font-size:14pt;
 color:black;
}

.ContactUsContainer TD TEXTAREA
{
 width:420px;
 height:250px;
 padding:4px;
 border:1px solid white;
 border-radius:6px;
 vertical-align:middle;
 font-size:14pt;
 color:black;
}

.ContactUsBtn
{
 width:420px;
 height:30px;
 padding:15px 4px 4px 4px;
 background-color:#f08a21;
 border-radius:6px;
 text-align:center;
 font-size:14pt;
 color:black;
 cursor:pointer;
}

.ContactUsBtn:hover {background-color:#f6bf15;}

.ContactUsWarning {font-size:16pt;}

