/**************************************************************************************/

#FloatLeft {float: left;}
#FloatRight {float: right;}

#Spacing1 {letter-spacing: 1px;}
#Spacing2 {letter-spacing: 2px;}
#Spacing3 {letter-spacing: 3px;}

/**************************************************************************************/

#AlignLeft {text-align: left;}
#AlignRight {text-align: right;}

#LineHeight15 {line-height: 15px;}
#LineHeight20 {line-height: 20px;}
#LineHeight23 {line-height: 23px;}
#LineHeight25 {line-height: 25px;}
#LineHeight30 {line-height: 30px;}
#LineHeight35 {line-height: 35px;}
#LineHeight40 {line-height: 40px;}
#LineHeight45 {line-height: 45px;}
#LineHeight50 {line-height: 50px;}

#Spacer1  {position: relative; width: 100%; height: 1px;}
#Spacer2  {position: relative; width: 100%; height: 2px;}
#Spacer3  {position: relative; width: 100%; height: 3px;}
#Spacer4  {position: relative; width: 100%; height: 4px;}
#Spacer5  {position: relative; width: 100%; height: 5px;}
#Spacer6  {position: relative; width: 100%; height: 6px;}
#Spacer7  {position: relative; width: 100%; height: 7px;}
#Spacer8  {position: relative; width: 100%; height: 8px;}
#Spacer9  {position: relative; width: 100%; height: 9px;}
#Spacer10 {position: relative; width: 100%; height: 10px;}
#Spacer15 {position: relative; width: 100%; height: 15px;}
#Spacer20 {position: relative; width: 100%; height: 20px;}
#Spacer25 {position: relative; width: 100%; height: 25px;}
#Spacer30 {position: relative; width: 100%; height: 30px;}
#Spacer35 {position: relative; width: 100%; height: 35px;}
#Spacer40 {position: relative; width: 100%; height: 40px;}
#Spacer45 {position: relative; width: 100%; height: 45px;}
#Spacer50 {position: relative; width: 100%; height: 50px;}

#Spacer5pc  {position: relative; width: 100%; height: 5%;}
#Spacer10pc {position: relative; width: 100%; height: 10%;}
#Spacer15pc {position: relative; width: 100%; height: 15%;}
#Spacer20pc {position: relative; width: 100%; height: 20%;}
#Spacer25pc {position: relative; width: 100%; height: 25%;}
#Spacer30pc {position: relative; width: 100%; height: 30%;}
#Spacer35pc {position: relative; width: 100%; height: 35%;}
#Spacer40pc {position: relative; width: 100%; height: 40%;}
#Spacer45pc {position: relative; width: 100%; height: 45%;}
#Spacer50pc {position: relative; width: 100%; height: 50%;}

#Font10 {font-family: "Arial"; font-size: 10px;}
#Font11 {font-family: "Arial"; font-size: 11px;}
#Font12 {font-family: "Arial"; font-size: 12px;}
#Font14 {font-family: "Arial"; font-size: 14px;}
#Font15 {font-family: "Arial"; font-size: 15px;}
#Font16 {font-family: "Arial"; font-size: 16px;}
#Font17 {font-family: "Arial"; font-size: 17px;}
#Font18 {font-family: "Arial"; font-size: 18px;}
#Font19 {font-family: "Arial"; font-size: 19px;}
#Font20 {font-family: "Arial"; font-size: 20px;}
#Font22 {font-family: "Arial"; font-size: 22px;}
#Font23 {font-family: "Arial"; font-size: 23px;}
#Font24 {font-family: "Arial"; font-size: 24px;}
#Font25 {font-family: "Arial"; font-size: 25px;}
#Font26 {font-family: "Arial"; font-size: 26px;}
#Font28 {font-family: "Arial"; font-size: 28px;}
#Font30 {font-family: "Arial"; font-size: 30px;}
#Font32 {font-family: "Arial"; font-size: 32px;}
#Font34 {font-family: "Arial"; font-size: 34px;}
#Font36 {font-family: "Arial"; font-size: 36px;}
#Font38 {font-family: "Arial"; font-size: 38px;}
#Font40 {font-family: "Arial"; font-size: 40px;}
#Font42 {font-family: "Arial"; font-size: 42px;}
#Font45 {font-family: "Arial"; font-size: 45px;}
#Font50 {font-family: "Arial"; font-size: 50px;}
#Font60 {font-family: "Arial"; font-size: 60px;}
#Font70 {font-family: "Arial"; font-size: 70px;}
#Font80 {font-family: "Arial"; font-size: 80px;}

#FontWeight100 {font-weight: 100;}
#FontWeight200 {font-weight: 200;}
#FontWeight300 {font-weight: 300;}
#FontWeight400 {font-weight: 400;}
#FontWeight500 {font-weight: 500;}
#FontWeight600 {font-weight: 600;}
#FontWeight700 {font-weight: 700;}
#FontWeight800 {font-weight: 800;}
#FontWeight900 {font-weight: 900;}

#FontWhite {color: #FFFFFF;}
#FontBlack {color: #000000;}
#FontCyan {color: #00AAE1;}

#BackGroundWhite {background-color: #FFFFFF;}

#PaddingLR25 {padding-left: 25%; padding-right: 25%;}
#PaddingLR2 {padding-left: 15px; padding-right: 15px;}

/**************************************************************************************/

body 
{
background-color: #E0E0E0;
//background-image: url('gfx/bg.jpg');
//background-position: center;
//background-attachment: fixed;
//background-repeat: no-repeat;
//background-size: cover;
//background-size: auto;
//background-size: contain;
//background-size: 100%, 100%;
//background-position: left top;
margin: 0;
font-family: "Arial"; 
font-size: 18px;
line-height: 30px;
}

/**************************************************************************************/

#Wrapper {
position: relative;
margin: auto;          
top: 0px;
width: 1100px;                  
//background-color: #FFFFFF;
border-color: #FF0000;
border-style: solid;
border-width: 0px;
}

#Wrapper h1, h2, ul, img, p {
margin: 0px; 
padding: 0px;
}

/**************************************************************************************/

#Logo {
position: relative;                 
background-color: #FFFFFF;
color: #000000;
}

#Logo h1
{
font-family: "Arial"; 
font-size: 28px;
font-weight: 600;
letter-spacing: 2px;
color: #000000;
padding: 20px 0px 0px 30px;
margin: 0px;
}

#Logo h2
{
font-family: "Arial"; 
font-size: 18px;
color: #000000;
padding: 10px 0px 20px 30px;
margin: 0px;
}

/**************************************************************************************/

#Top {
position: relative;                 
width: 100%;
background-color: #009ACF;
color: #FFFFFF;
font-family: "Arial"; 
font-size: 18px;
line-height: 40px;
}

#Top a, a:visited, a:active {color: #FFFFFF; text-decoration: none;}
#Top a:hover {color: #000000; text-decoration: none;}

#Top h1 {
font-family: "Arial"; 
font-size: 24px;
color: #FFFFFF;
margin: 0;
}

/**************************************************************************************/

#Three1 {
position: relative;                 
width: 40%;
background-color: #009ACF;
color: #FFFFFF;
padding-left: 5%;
padding-right: 5%;
}

#Three2 {
position: absolute;                 
width: 40%;
left: 45%;
top: 0%;
background-color: #009ACF;
color: #FFFFFF;
padding-left: 5%;
padding-right: 5%;
}

/**************************************************************************************/

#Black {
position: relative;                       
background-color: #000000;
font-family: "Arial"; 
font-size: 16px;
line-height: 30px;
color: #FFFFFF;
}

#Black ul {
padding-left: 3%;
padding-right: 3%;
}

#Black h1 h2 {
font-family: "Arial"; 
font-size: 24px;
color: #FFFFFF;
margin: 0;
}

#Black a, a:visited, a:active {color: #000000; text-decoration: underline;}
#Black a:hover {color: #000000; text-decoration: none;}

/**************************************************************************************/

#White {
position: relative;                       
background-color: #FFFFFF;
padding-left: 5%;
padding-right: 5%;
font-family: "Arial"; 
font-size: 16px;
line-height: 30px;
color: #000000;
}

#White ul {
padding-left: 3%;
padding-right: 3%;
}

#White h1, h2 {
font-family: "Arial"; 
font-size: 20px;
color: #000000;
margin: 0;
}

#White a, a:visited, a:active {color: #000000; text-decoration: underline;}
#White a:hover {color: #000000; text-decoration: none;}

/**************************************************************************************/

#Grey {
position: relative;                       
background-color: #EFEFEF;
padding-left: 5%;
padding-right: 5%;
font-family: "Arial"; 
font-size: 16px;
line-height: 30px;
color: #000000;
}

#Grey ul {
padding-left: 3%;
padding-right: 3%;
}

#Grey h1 h2 {
font-family: "Arial"; 
font-size: 24px;
color: #000000;
margin: 0;
}

/**************************************************************************************/

#White a, a:visited, a:active {color: #000000; text-decoration: underline;}
#White a:hover {color: #000000; text-decoration: none;}


#Cyan {
position: relative;                       
background-color: #009ACF; 
padding-left: 5%;
padding-right: 5%;
font-family: "Arial"; 
font-size: 16px;
line-height: 30px;
color: #FFFFFF;
}

#Cyan h1 {
font-family: "Arial"; 
font-size: 24px;
color: #FFFFFF;
margin: 0;
}

/**************************************************************************************/

#dropbtn {
background-color: #009ACF;
color: white;
padding: 12px;
font-family: "Arial"; 
font-size: 18px;
border: none;
}

#dropdown {
position: relative;
display: inline-block;
}

#dropdown-content {
display: none;
position: absolute;
background-color: #EFEFEF;
min-width: 330px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

#dropdown-content a {
color: black;
text-align: left;
//padding: 12px 12px;
padding: 8px 8px;
text-decoration: none;
display: block;
}

#dropdown-content a:hover {//background-color: #CCCCCC;}

#dropdown:hover #dropdown-content {display: block;}

#dropdown:hover #dropbtn {//background-color: #998ACF;}