/*********************************
* Global Promotions
*********************************/

.textsizer { background-repeat: no-repeat; background-position: 50% top; margin-bottom: 10px; }
.textsizer-interior { background-repeat: no-repeat; background-position: 50% top; margin-top: 20px; margin-bottom: 20px; }
#contact a {
    display: block;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    width: 225px;
    height: 22px;
    background: url(../images/btn_contact.gif) top left no-repeat;
}

#contact a:hover {
    background: url(../images/btn_contact.gif) bottom left no-repeat;
}

/*********************************
* Lists 
*********************************/

ul.list {
    list-style: none;
    margin-top: 5px;
}

ul.list li {
    background: url(../images/bullet.gif) no-repeat 0 4px;
    padding-left: 17px;
    padding-bottom: 8px;
    color: #9e0401;
}
ul.list li b { color: #9e0401; }
ul.list li a { color: #9e0401; }
/*********************************
* HTML Mods 
*********************************/
body { font-family: Verdana; line-height: 14px; margin: 0; padding: 0; text-align: center; background: #ffffff url(../images/bg_interior.jpg) repeat-x left top; }
a {
    outline: none medium;
    color: #9e0401;
}
a:hover {
    text-decoration: none;
}
p { padding: 0 0 10px; }
sup {
    font-size: 7px;
    color: #E0E0E0;
}
/*********************************
* Layout Definitions
*********************************/

#content {
    width: 733px;
    margin: 0px auto; 
    text-align: left;
}

#logo a {
    float: left;
    margin-top: 0px;
    width: 223px;
    height: 160px;
    text-indent: -9999px;
    background: url(../images/logo2.jpg) top left no-repeat;
}


#value-statement {
    float: left;
    width: 333px;
    margin-top: 10px;
}

#value-padding {
    height: 151px;
    margin-left: 29px;
    position: relative;
}

#centered p { width: 304px; color: #e0e0e0; }
/* -- Begin hiding from IE -- */
html>body #value-padding {
    display: table;
}
html>body #centered {
    display: table-cell;
    vertical-align: middle;
}
/* -- Begin IE 6&7 specific Hacks -- */
/* -- The attribute with an asterisk is only read by IE 6&7, since this is the last attribute parsed for #centered, it will display -- */
#centered {
    *margin-top: 30px;
}

/* -- End Hacks -- */

#photo-top { float: left; margin-top: 9px; }

#left-column {
    float: left;
    width: 489px;
    margin-top: 4px;
}

#left-padding {
    padding: 11px 13px 15px 12px;
    border-right: 1px solid #dfd6b9;
}

#right-column {
    float: right;
    width: 244px;
    margin-top: 4px;  
}

#right-padding {
    padding-left: 17px;    
}

#container {
    width: 453px;
    border: solid 5px #c9baa6;
    background: #fcfbf3 url(../images/fade.jpg) no-repeat left top;
    color: #000;
}
#container b { color: #000; }
#container td { color: #000; padding-right: 5px; padding-left: 2px; border-right: 1px solid #ddd5c4; }
#withborders tr.blank td { border-right-style: hidden; }
#container tr { color: #000; }
#container div.padding {
    padding: 22px;
}

#container div p {
    color: #000;
}
#container h2 { color: #9e0401; }
.sitesearch div { color: #000; padding: 5px 0 20px; }
.sitesearch div span { color: #000; }
.sitesearch_interior div {
    padding: 15px 0 20px;
    color: #000;
}
.sitesearch_interior div span {
    color: #000;
}

.servjump h3 {
    height: 12px;
    text-indent: -9999px;
    background: url(../images/hdr_obtainservices.gif) top left no-repeat;
}
.servjump div {
    padding: 10px 12px 20px 16px;
    color: #000;
}

.servjump div span {
    color: #000;
}

.servjump em {
    display: block;
    padding-top: 7px;
    color: #E0E0E0;
    font-style: normal;
}

ul.servjump2 li div em {
    display: block;
    padding: 7px 0 10px 0;
}


.quickjump h3 {
    height: 12px;
    text-indent: -9999px;
    background: url(../images/hdr_quickjump.gif) top left no-repeat;
}
.quickjump div {
    padding: 10px 12px 20px 16px;
    color: #000;
}

.quickjump div span {
    color: #000;
}

.quickjump em {
    display: block;
    padding-top: 7px;
    color: #E0E0E0;
    font-style: normal;
}

ul.quickjump2 li div em {
    display: block;
    padding: 7px 0 10px 0;
}
.donations h3 {
    height: 12px;
    text-indent: -9999px;
    background: url(../images/hdr_donations.gif) top left no-repeat;
}
.donations div {
    padding: 10px 12px 20px 16px;
    color: #000;
}
.donations div span {
    color: #000;
}
.donations em {
    display: block;
    padding-top: 7px;
    color: #E0E0E0;
    font-style: normal;
}
ul.donations2 li div em {
    display: block;
    padding: 7px 0 10px 0;
}
.testimonials h3 { background: url(../images/hdr_testimonials.gif) no-repeat left top; text-indent: -9999px; height: 12px; }
.testimonials div { color: #000; padding: 10px 12px 20px 16px; }
.testimonials div span { color: #000; }
.testimonials em { color: #e0e0e0; font-style: normal; display: block; padding-top: 7px; }
ul.testimonials2 li div em { display: block; padding: 7px 0 10px; }
.right-text {
    padding: 10px 12px 20px 16px;
    color: #E0E0E0;
}

.right-text a{
    color: #E0E0E0;
}

.right-text strong {
    color: #E0E0E0;
    font-size: 10px;
}

.content-photo-left {
    float: left;
    padding: 5px 15px 5px 0;
}
.content-photo-right { padding: 5px 0 5px 15px; float: right; }
/*********************************
* Footer Definitions
*********************************/

#footer {
    clear: both;
    border-top: 1px solid #dfd6b9;
    width: 711px;
    margin-left: 11px;
}

#footer div, #footer div a {
    color: #000;
    font-size: 10px;
}

#footer-left {
    padding: 12px 0 20px 0;
}

#footer-right {
    float: right;
    padding: 12px 0 20px 0;
}
#header1 { color: #9e0401; font-size: 16px; font-family: georgia; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }
#header2 { color: #9e0401; font-size: 14px; font-family: Verdana; font-weight: bold; margin-bottom: 10px; }
#header2 a { color: #9e0401; font-size: 14px; font-family: Verdana; font-weight: bold; text-decoration: underline; margin-bottom: 10px; }
#header2 a:hover { color: #9e0401; font-size: 14px; font-family: Verdana; font-weight: bold; text-decoration: none; margin-bottom: 10px; }
#header3 { color: #000; font-size: 12px; font-family: Verdana; font-weight: bold; margin-bottom: 10px; }
#header3 a { color: #000; font-size: 12px; font-family: Verdana; font-weight: bold; text-decoration: underline; margin-bottom: 10px; }
#header3 a:hover { color: #000; font-size: 12px; font-family: Verdana; font-weight: bold; text-decoration: none; margin-bottom: 10px; }
#header3_nomargin { color: #000; font-size: 12px; font-family: Verdana; font-weight: bold; }
#header3_nomargin a { color: #000; font-size: 12px; font-family: Verdana; font-weight: bold; text-decoration: underline; }
#header3_nomargin a:hover { color: #000; font-size: 12px; font-family: Verdana; font-weight: bold; text-decoration: underline; }
#header4 { color: #6f4017; font-size: 14px; font-family: Verdana; font-weight: bold; margin-bottom: 10px; }
#header4 a { color: #6f4017; font-size: 14px; font-family: Verdana; font-weight: bold; text-decoration: underline; margin-bottom: 10px; }
#header4 a:hover { color: #6f4017; font-size: 14px; font-family: Verdana; font-weight: bold; text-decoration: none; margin-bottom: 10px; }
/*********************************
* Video
*********************************/

#video a {
    display: block;
    width: 216px;
    height: 121px;
    overflow: hidden;
    text-indent: -9999px;
    text-decoration: none;
    background: url(../images/btn_video.jpg) top left no-repeat;
}

#video a:hover {
    background: url(../images/btn_video.jpg) bottom left no-repeat;
}

#video div {
    padding: 6px 12px 20px 16px;
    color: #000;
}
/*********************************
* Small Video
*********************************/
#smallvideo a {
    display: block;
    width: 150px;
    height: 121px;
    overflow: hidden;
    text-indent: -9999px;
    text-decoration: none;
    background: url(../images/btn_video_sm.jpg) no-repeat left top;
}
#smallvideo a:hover {
    background: url(../images/btn_video_sm.jpg) bottom left no-repeat;
}
#smallvideo { color: #000; }
