﻿@charset "UTF-8";

body{
background-color:rgb(101,139,186);
}

#mainContainer{ 				/*mainContainer*/
width:800px; 
background-color:rgb(186,139,101);
color:rgb(50,30,15);
padding:20px;
font-family:arial, times new roman, georgia;
position:relative;
margin:auto; 
border-width:12px;
border-style: ridge;
border-color: rgb(255, 231, 134); 
}

#aboutAssistance{				/*aboutAssitance*/
text-align: left;
font-size:16px;
}

#communitiesServed{				/*communitiesServed*/
text-align: left;
font-size:14px;
}

#foot{							/*footer*/
width:800px;
text-align:left;
font-size:10px;
border-top:12px ridge rgb(255, 231, 134);
}

h1{
text-align:center;
text-decoration:underline;
font-size: 30px;
}

h2{
text-align:center;
font-size:26px;
}

h3{
font-size:22px;
}

/*a{
text-decoration:none;
color:inherit;
}*/

.bold{							/*bold*/
font-weight:bold;
}

.largeBoldCenter{
font-size:24px;
font-weight:bold;
text-align:center;
}

.express{
font-size:40px;
font-style:italic;
}

.italic{
font-style:italic;
font-weight:bold;
text-align:center;
}

.xLargeBold{
font-size:32px;
font-weight:bold;
text-align:center; 
}

.center{						/*center*/
text-align:center;
}

.left{
text-align:left;
}

.boldCenter{
font-weight:bold;
text-align:center;
}

.smaller{
font-size:10px;
}

.underline{
text-decoration:underline;
}

.boldUnderlineCenter{
font-weight:bold;
text-align:center;
text-decoration:underline;
}

.phoneNumber{					/*phoneNumber*/
font-weight:bold;
font-size:large;
color: red;
}

.logoStatement{					/*logoStatement*/
color: rgb(101,139,186);
font-weight:bold;
font-size:large;
font-style:oblique;
}

.smallBold{						/*smallBold*/
font-weight:bold;
font-size:12px;
}

.builtBy{						/*BuiltBy*/
font-size:8px;
text-align:right;
text-decoration:none;
}

.F{
width:800;
border:1 thin black solid;
padding:2;
}

.red{
color: #cc0000;
}

.riteTop{
text-align: right;
vertical-align: top;
}

.riteMid{
text-align: right;
vertical-align: middle;
}

.leftMid{
text-align: left;
vertical-align: middle;
}

/*floating box*/
#TopLeft{ 			/*TopLeft*/
position : fixed; 
top : 10px; 
left : 10px; 
width : auto; 
height : auto; 
background-color :rgb(186,139,101); /*lightBrown*/
border-width:6px;
border-style: ridge;
border-color: rgb(255, 231, 134);
font-family : Arial; 
color : rgb(80,53,32); /*brown*/
font-style : oblique; 
font-size : 12pt; 
font-weight : 900; 
text-align : center; 
padding : 5px; 
z-index:1;
}

/*floating box*/
#TopRight{ 			/*TopRight*/
position : fixed; 
top : 10px; 
right : 10px; 
width : auto; 
height : auto; 
background-color :rgb(186,139,101); /*lightBrown*/
border-width:6px;
border-style: ridge;
border-color: rgb(255, 231, 134);
font-family : Arial; 
color : rgb(80,53,32); /*brown*/
font-style : oblique; 
font-size : 12pt; 
font-weight : 900; 
text-align : center; 
padding : 5px; 
z-index:1;
}

/*floating box*/
#BottomRight{ 
position : fixed; 
bottom : 10px; 
right : 10px; 
width : auto; 
height : auto; 
background-color : #ffffff; /*white*/
border-width:6px;
border-style: ridge;
border-color: rgb(255, 231, 134);
font-family : Arial; 
color : #0000ff; /*blue*/
font-style : oblique; 
font-size : 12pt; 
font-weight : 900; 
text-align : center; 
padding : 0px;
z-index:1; 
}

/*floating box*/
#BottomLeft{ 
position : fixed; 
bottom : 10px; 
left : 10px; 
width : auto; 
height : auto; 
background-color : #ffffff; /*white*/
border-bottom : none; 
font-family : Arial; 
color : #0000ff; /*blue*/
font-style : oblique; 
font-size : 12pt; 
font-weight : 900; 
text-align : center; 
padding : 5px; 
}


/*
.REG{color: #494373}
.RGB{color: rgb (73,67,115)}
.RGBA{color: rgba (73,67,115,0.5)}
.HSL{color: hsl (165,63,86)}
*/
