/******************************** GENERAL ********************************/
body
{
    background-color: #f02521;
    text-align: center;
}
body, td
{
    font-size: 12px;
    color: #333333;
    font-family: Lucida Sans, Arial, Sans-Serif;
}
img 
{
    border: none;
}
.clear
{
    clear: both;
}
h1,h2,h3,h4,h5,h6
{
    padding: 0;
    margin: 0 0 8px 0;
}
h1
{
    font-size: 20px;
    color: #dd002e;
    font-weight: normal;
}
h2
{
    font-size: 16px;
    color: #00a2b1;
    font-weight: normal;
}
h3, h4, h5
{
    font-size: 14px;
    color: black;
    font-weight: normal;
}
a
{
	color: #7aa22f;
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}

/******************************* FULL AREA *******************************/
#full-area
{
    margin: 0 auto;
    text-align: left;
    width: 946px;
}

/********************************* HEADER *********************************/
#header 
{
    background: white url(../images/layout/bg-header.jpg) no-repeat left top;
    height: 79px;
    clear: both;
    width: 900px;
    margin: 0 23px;
    padding-top: 77px;
    position: relative;
}
#header .logo
{
    height: 115px;
    width: 206px;
    background: url(../images/layout/lg-image.gif) no-repeat top left;
    display: block;
    position: absolute;
    top: 31px;
    left: -27px;
}
#header .title
{
    height: 37px;
    width: 429px;
    background: url(../images/layout/lg-text.gif) no-repeat top left;
    display: block;
    position: absolute;
    top: 82px;
    left: 235px;
}
#header .donate
{
    height: 84px;
    width: 220px;
    background: url(../images/layout/img-donate.gif) no-repeat top left;
    display: block;
    position: absolute;
    top: 54px;
    right: -28px;
}

/******************************** CONTENT ********************************/
#content
{
	position: relative;
}
/******************************** SIDE BAR ********************************/
#side-bar
{
    width: 178px;
    padding: 0 17px 0 40px;
    background: #070707 url(../images/layout/bg-left-side.gif) repeat-y top left;
}
#side-bar .locations h2
{
    color: White;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: solid 1px white;
    margin: 0;
    padding: 0;
}
#side-bar .locations .location
{
    padding-top: 6px;
    font-size: 13px;
}
#side-bar .locations .red
{
    color: #e24d4d;
}
#side-bar .locations .red .phone
{
    color: #ed8f8f;
}
#side-bar .locations .blue
{
    color: #6ac9d5;
}
#side-bar .locations .blue .phone
{
    color: #a4d9df;
}
#side-bar .locations .purple
{
    color: #c45595;
}
#side-bar .locations .purple .phone
{
    color: #c485a9;
}
#side-bar .locations .green
{
    color: #93aa77;
}
#side-bar .locations .green .phone
{
    color: #a2af92;
}

/******************************* NAVIGATION *******************************/
#nav
{
    padding-top: 8px;
}
#nav ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#nav ul li 
{
    margin: 0;
    padding: 0;
}
#nav ul li a
{
    display: block;
    text-decoration: none;
    padding-bottom: 8px;
    color: White;
    text-transform: uppercase;
    font-size: 14px;
}
#nav ul li a:hover
{
    text-decoration: underline;
}

/******************************* USER AREA *******************************/
#user-area
{
    padding: 17px 40px 17px 17px;
    background: white url(../images/layout/bg-right-side.gif) repeat-y top right;
}

/********************************* FLASH *********************************/
#flash
{
    height: 227px;
    width: 720px;
    position: absolute;
    top: -14px;
    left: 232px;
    z-index: 2;
}
#flash_border
{
	position: absolute;
	height: 198px;
	width: 23px;
	top: 0;
	right: 0;
	z-index: 1;
	background-color: #f02521;
}
/********************************* FOOTER *********************************/
#footer
{
    background: #f02521 url(../images/layout/bg-footer.jpg) no-repeat left top;
    clear: both;
    width: 900px;
    margin: 0 23px;
    color: White;
    padding-top: 85px;
}
#footer .copyright,
#footer .nav
{
	text-align: center;
}
#footer .nav a
{
	color: white;
	text-decoration: none;
}
#footer .nav a:hover
{
	text-decoration: underline;
}