.IEMac {
   color: #fff;
}

/* HTML TAG STYLES */
/*
oam, * here makes font tag irrelevant
*/
div, h1, h2, h3, h4, a, p, th, td, ol, li, form, span, ul, li, tr, table, img,
a, ul ul, li li, input, form, body, font
 {
        /*font-family: Arial, Helvetica, sans-serif;*/
        /*padding: 0;
        margin: 0;*/
        /*font-size: 11px;*/
        /*line-height: 13px;*/
        /*color: #333;*/
}

img {
/*      border: 0;
        vertical-align: top; */
}

h1 {
   color: #96252b;
   font-size: 30px;
   font-weight: bold;
   margin: 15px 0 10px 0px;
   line-height: 30px;
}

h2 {
        margin: 5px 0 2px 0;
   font-size: 12px;
   font-weight: bold;
   /*font-variant: small-caps;*/
        text-transform: uppercase;
        color: #333;
}

h3 {
        margin-left: 0px;
        font-size: 10px;
        margin-top: 0px;
        margin-bottom: 2px;
}

h4 {
        color: #000;
        font-size: 12px;
        margin: 10px 0 15px 8px;
        padding: 0;
}

h4 a {
        font-size: 12px;
}

h5 {
        font-size: 10px;
   color: #fff;
   background-color: #92B0CA;
   padding: 5px 5px 5px 9px;
   margin: 0;
        width: 100%;

}

a:link,
a:visited,
a:active {      color: #58819F; text-decoration: none; }
a:hover {color: #58819F; text-decoration: underline; }

th, td {
        vertical-align: top;
}

ul {
   margin: 5px 0 10px 0;
   padding: 0px;
   list-style-type: none;
}

ul li {
   margin: 0 0 5px 2px;
   padding: 0 0 0 8px;
   font-size: 12px;
        background-image: url(http://www.endhomelessness.org/page/-/assets/img/list_bullet.gif);
        background-repeat: no-repeat;
        background-position: top left;
}

ul li ul {
   margin-top: 5px;
}

ul li a {
        font-size: 12px;
}

input.go {
   padding: 0;
   border: 1px solid #000;
   background-color: #E1D1B9;
   color: #786C5D;
   margin-left: 5px;
   font-variant: small-caps;
   font-size: 11px;
   vertical-align: middle;
   font-weight: bold;
}


/* LAYOUT */

#container, #branding, #nav, #footer, #contentTable, #sidebarTD, #contentTD {
        margin: 0px;

}

body {
        text-align: center; /* to center page */
        margin: 0;
        padding: 0;
        background-color: #E6DDD0;
        font-family: Arial, Helvetica, sans-serif;
        color: #333;

}

#containerMargin {
        margin: 0px; /* IE pre-6 box model hack */

}

#container {
        margin: 10px auto 5px auto; /* to center page */
        text-align: left; /* to put contents of page back left-aligned */
        width: 956px;
        padding: 0 0 15px 0;
        background-color: #fff;
   border: 3px solid #fff;
}

body.not-front #contentTable {
        border: 0;
        background-color: #fff;
        margin: 0 30px 0 30px;
        width: 956px;
        width: 896px;
}

/* hide sidebar on full width pages */
body.full-width .sidebar, body.full-width .sidebarTD { display: none; }

#navTD {
   background-image: url(http://www.endhomelessness.org/page/-/assets/img/banner_bg.gif);
        background-repeat: repeat-x;
   width: 688px;
        height: 94px;
}

#navTDBlank {
   background-image: url(http://www.endhomelessness.org/page/-/assets/img/banner_bg.gif);
        background-repeat: repeat-x;
   width: 268px;
        height: 94px;
   vertical-align: bottom;
   text-align: right;
}

#nav {
   background-color: #fff;
        height: 16px;
        text-align: center;
        vertical-align: middle;
        padding-top: 2px;
   border-right: 2px solid #CABEAF;

}

.sidebarTD {
        width: 270px;
        margin: 0;
   /*background: #BDCBCF;*/
}

body.front .sidebarTD {
        background: #BDCBCF; /* Add the blue sidebar background to the homepage */
}

.sidebar {
        padding: 0px;
}

#contentTD {
   margin: 0;
   border-right: 2px solid #fff;
   width:574px;

}

#footer {
   background-color: #E6DDD0;
   width: 956px;
   height: 20px;
   margin: 0 auto 0px auto; /* to center page */
}

/* LOGO */

#header {
        height: 74px;
        position: relative;
        width: 956px;
}

#donate-button {
        position: absolute;
        top: 16px;
        right: 305px;
}

#utilityLinks {
        position: absolute;
        top: 18px;
        /*right: 66px;*/
        right: 15px;
        color: #90805f;
        font-size: 15px;
        line-height: 15px;
}

#utilityLinks a:link,
#utilityLinks a:visited,
#utilityLinks a:hover,
#utilityLinks a:active {
        color: #90805f;
        font-size: 12px;
        line-height: 15px;
}

#utilityLinks a:hover {

}


#branding {
        background-image: url(http://www.endhomelessness.org/page/-/assets/img/banner_bg.gif);
        border-bottom: 2px solid #CABEAF;
}

#logo {
   height: 74px;
        line-height: 74px; /* vertical-align center hack */
        /* margin-left: 40px; */

}

#printLogo {
        display: none;
}

#navTDBlank .donate {
   margin: 0 0 4px 0;
   border: none;
   vertical-align: bottom;
}


#searchBox {
   padding: 0 5px 7px 10px;
   margin: 0;
   font-size: 11px;
   line-height: 13px;
   padding: 0px;
   position: absolute;
   top: 39px;
   right: 8px;
}

#searchBox form{
        padding: 0px 5px 7px 10px;
        margin: 0;

}

#searchBox td {
   vertical-align: bottom;
   color: #58819F;
   font-size: 9px;
   text-align: right;

}

#searchBox input.search {
   border: 1px solid #cfd8dd;
   width: 225px;
   padding: 5px;
   margin: 0;
   font-size: 11px;
}

#searchBox input.go {
        background: url(http://www.endhomelessness.org/page/-/assets/img/search_go.png) no-repeat top left;
        height: 25px;
        width: 26px;
        border:0 none;
        cursor:pointer;
        display:block;
        float:left;
        font-size:0;
        line-height:0;
        margin-left:5px;
        text-indent:-9999px;
}

#searchBox a, #searchBox a:hover, #searchBox a:link, #searchBox a:visited, #searchBox a:active {
   color: #58819F;
   font-size: 10px;
   font-weight: normal;
}


/* NAVIGATION */

#primary-navigation {
        border-top: 3px solid #cabeae;
        border-bottom: 3px solid #cabeae;
        margin: 0 0 10px 0;
        clear: both;
        /*padding: 5px 0;*/
        float: left;
        width:100%;
        background:#fff;
}

#primary-navigation ul {
        list-style-type: none;
        margin: 0;
        padding: 0;

}

#primary-navigation ul li {
        float: left;
        list-style-type: none;
        font-size: 14px;
        background: none;
        margin: 0;
        padding: 0;
        display: block;
        border-right: 1px solid #d0c8bc;
}

#primary-navigation ul li:last-child {
        border-right: 0;
}

#primary-navigation ul li a:link,
#primary-navigation ul li a:visited,
#primary-navigation ul li a:hover,
#primary-navigation ul li a:visited {
        color: #786c5c;
        font-size: 14px;
        font-weight: bold;
}

#primary-navigation ul li#nav-section a:link,
#primary-navigation ul li#nav-section a:visited,
#primary-navigation ul li#nav-section a:hover,
#primary-navigation ul li#nav-section a:visited {
        color: #015883;
}

#nav ul {
        margin: 0;
        padding: 0;
}

#nav li {
        display: inline;
        margin: 0;
        padding: 0px 0px 0 0;
        background-image: none;
        color: #786C5D;
        vertical-align: middle;
}


#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
        color: #786C5D;
        text-decoration: none;
        font-size: 12px;
         text-transform: uppercase;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
}

#nav a:hover {
        text-decoration: underline;
}

#breadCrumb a:link,
#breadCrumb a:visited,
#breadCrumb a:hover,
#breadCrumb a:active {
   font-size: 11px;
   color: #a69682;
}

#breadCrumb a:hover {
}

#breadCrumbTD {
   background-color: #92B0CA;
        color: #000;
        font-weight: bold;
   border-top: 0px solid #fff;
   border-bottom: 2px solid #fff;
   vertical-align: top;
        font-size: 10px;
   height: 22px;
}

#breadCrumb {
   margin-left: 30px;
   margin-bottom: 10px;
   font-size: 11px;
   color: #a69682;
   vertical-align: middle;
   line-height: 11px;
}




/* SIDEBAR */

.sidebar {
        background: #BDCBCF; /* Added on 4/28/10 */
}

.sidebar a, .sidebar div, .sidebar p, .sidebar {
        font-size: 12px;
}

.sidebar p {
   padding: 0;
   margin: 0 0 5px 0;
}


.box01, .event-title, .event-date, .readMore  {
        float:left;
        clear:both;
         width:258px;
}

.readMore {padding-top:25px;}


#newsletterBox {
        background-color: #42727e;
        margin: 0;
        padding: 6px;
         border-top: 2px solid white;
         clear:both;
         width:258px;
}

#newsletterBox h2 {
        margin: 0 0 0 18px;
        padding: 0;
        color: #bdcbce;
        text-transform: none;
        font-size: 13px;
}

#newsletterBox form {
        margin: 5px 0 5px 18px;
        padding: 0;
}

#newsletterBox input.newsletter,
.sidebarBox input.text-field {
   border: 1px solid #333;
   width: 150px;
   padding: 5px;
   margin: 0;
        font-size: 11px;
        line-height: 13px;
}

.sidebarBox input.text-field {
        float: left;
}

#newsletterBox input.go,
#newsletterBox input.go2,
.sidebarBox input.go {background:url("http://www.endhomelessness.org/page/-/assets/img/newsletter_go.png") no-repeat scroll 0 0 transparent;
border:0 none;
cursor:pointer;
display:block;
float:left;
font-size:0;
height:25px;
line-height:0;
margin-left:5px;
text-indent:-9999px;
width:26px;
}

#newsletterBox td {
   vertical-align: bottom;
   color: #58819F;
   font-size: 9px;
   text-align: right;
}

#newsletterBox h1 {
        background-color: #43727F;
        color: #fff;
        font-size: 14px;
        margin: 1px 0 4px 0;
        padding: 0px 0 0 0;
        float: left;
}

#social-icons {
        margin-left: 18px;
}

#socialBox {
        background-color: #43727F;
        margin: 0;
        padding: 6px;
         border-top: 2px solid white;
}

#socialBox h1 {
        background-color: #43727F;
        color: #fff;
        font-size: 14px;
        margin: 1px 0 4px 0;
        padding: 0px 0 0 0;
        float: left;
}

#socialBox table {
        margin: 10px 0 0 10px;
}

#socialBox table td {
        padding: 0 10px 10px 0;
}

.oddBox {
        float: left;
        margin: 5px 5px 0 0;
        padding: 0;
        border: 0;
        vertical-align: top;
}

.box01, .box02 {
        background-color: #BDCBCF;
        margin: 0;
        padding: 6px;
        border-top: 2px solid white;
}

.box02 {
        background-color: #BDCBCF;
}

.buttonImg {
        border-top: 2px solid white;
        background-color: #D9E1E4;
        width: 270px;
        margin: 0;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        padding: 3px 0 3px 0;
}

.buttonImg img {
        border: 1px solid white;
}

.box01 h2, .box02 h2 {
        background-color: #BDCBCF;
        color: #0D4967;
        font-size: 14px;
        margin: 3px 0 4px 0;
        padding: 0px 0 0 0;
        float: left;
}

.rssIcon {
        float: right;
   margin-top: 5px;
}

.box01Item {
        margin: 0 0 15px 0
}

.box01 .box01ItemDate {
        color: #0D4967;
        font-size: 10px;
   text-transform: uppercase;
}

.box01ItemTitle, .box01ItemTitle a {
        color: #0D4967;
        font-size: 10px;
        text-decoration: none;
        font-weight: bold;
}

.box01ItemDescrip img {
        float: left;
        margin-top: 4px;
        margin-right: 3px;
}

.box02 p {
   margin: 0;
   padding: 0;
   clear: both;
        color: #0D4967;
   font-weight: bold;
}

.box02 ul {
   margin: 10px 0 5px 5px;
   padding: 0;
   list-style-type: none;
   clear: both;
}

.box02 ul li {
   margin: 0;
   padding: 0 0 3px 7px;
   background-image: url(http://www.endhomelessness.org/page/-/assets/img/arrow_black.gif);
   color: #333333;
}

.box02 ul li a, .box02 ul li a:active, .box02 ul li a:link, .box02 ul li a:visited, .box02 ul li a:hover {
   color: #333;
   text-decoration: none;
   font-weight: bold;
}

.box02 ul li a:hover {
   text-decoration: underline;
}

#videoTabs {
   border-top: 2px solid white;
   width: 100%;
   font-weight: bold;
}

#videoTabs .tabOff, #videoTabs .tabOn, #videoTabs .tabOff a {
        background-color: #3E6776;
        color: #fff;
        text-decoration: none;
        padding: 2px;
        font-size: 8pt;
        font-weight: bold;
   text-align: center;
}

#videoTabs .tabOff a:hover {
        color: #000;
}

#videoTabs .tabOn a {
        color: #000;
        font-weight: bold;
        font-size: 8pt;
        padding: 2px;
}

#videoTabs .tabOff, #videoTabs .tabOn {
        border-right: 2px solid white;
        font-weight: bold;
        font-size: 8pt;
}

#videoTabs .tabOn {
        background-color: #7A96A0;
        font-weight: bold;
        font-size: 8pt;
}

.video .videoContent {
        background-color: #7A96A0;
        padding: 5px;
   color: #fff;
   width: 300px;
}

.video .videoContent .listitem a {

   color: #fff;

}

.video .videoContent .listitem h2 {

   color: #fff;

}

.video .videoContent img {
        float: left;
        border: 3px solid white;
        margin-right: 4px;
}

.video .videoContent p {
        margin-top: 3px;
        font-size: 10px;
   color: #fff;
}

.video .videoContent strong {
   color: #fff;
}

.video .videoConnection {
        background-color: #3E6776;
        vertical-align: middle;
        font-size: 10px;
        font-weight: bold;
        padding: 5px;
   color: #fff;
}

.video .videoConnection span{
   color: #fff;
   margin-bottom: 3px;
}

.video .videoConnection a img{
        border: none;
}


/*************
 ** SIDEBAR **
 *************/
#sidebarNavNew {
    margin-bottom: 80px;
}

#sidebarNavNew ul {
    margin: 0;
    padding: 0;
}

#sidebarNavNew li a { display: block; }

#sidebarNavNew li.level_1,
#right-sidebar .heading {
    margin: 0 0 10px 0;
    padding: 0;
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
}

#sidebarNavNew li.level_1 a,
#right-sidebar .heading {
    background: #015883 url(http://www.endhomelessness.org/page/-/assets/img/header_bg.png) repeat-x top left;
    padding: 5px 10px;
}

#sidebarNavNew li.level_1 a:link,
#sidebarNavNew li.level_1 a:visited,
#sidebarNavNew li.level_1 a:hover,
#sidebarNavNew li.level_1 a:active {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
}
#categorySelector {width:100%;}
#sidebarNavNew li.level_1 ul {
    list-style-type: none;
    background: none;
    margin: 10px 0;
    padding: 0;
}

#sidebarNavNew li.level_2 {
    background: #fff;
    margin-bottom: 10px;

}

#sidebarNavNew li.level_2 a {
    background: #fff;
    padding: 0;

}

#sidebarNavNew li.level_2 a:link,
#sidebarNavNew li.level_2 a:visited,
#sidebarNavNew li.level_2 a:hover,
#sidebarNavNew li.level_2 a:active {
    color: #6e604c;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}

#sidebarNavNew li.level_2.active a:link,
#sidebarNavNew li.level_2.active a:visited,
#sidebarNavNew li.level_2.active a:hover,
#sidebarNavNew li.level_2.active a:active {
    color: #96252b;
}

#sidebarNavNew li.level_2.active li.level_3 a:link,
#sidebarNavNew li.level_2.active li.level_3 a:visited,
#sidebarNavNew li.level_2.active li.level_3 a:hover,
#sidebarNavNew li.level_2.active li.level_3 a:active {
    color: #6e604c;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}

#sidebarNavNew li.level_3.active a:link,
#sidebarNavNew li.level_3.active a:visited,
#sidebarNavNew li.level_3.active a:hover,
#sidebarNavNew li.level_3.active a:active {
    color: #96252b;
}

#sidebarNav {

}

#sidebarNav h3 {
        background: #015883 url(http://www.endhomelessness.org/page/-/assets/img/header_bg.png) repeat-x top left;
        margin: 0 0 10px 0;
        padding: 5px 10px;
        color: #fff;
        font-size: 18px;
        line-height: 21px;
        font-weight: bold;
}

#sidebarNav h3 a:link,
#sidebarNav h3 a:visited,
#sidebarNav h3 a:hover,
#sidebarNav h3 a:active {
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        line-height: 21px;
        font-weight: bold;
}

#sidebarNav ul li,
#sidebarNav ul {
        list-style-type: none;
        background: none;
        margin: 0;
        padding: 0;
}

#sidebarNav ul li {
        margin: 0 0 10px 0;
}

#sidebarNav ul ul li,
#sidebarNav ul ul {
        list-style-type: disc;
}

#sidebarNav ul ul {
        margin: 4px 0 0 16px;
}

#sidebarNav ul ul li {
        margin: 0 0 3px 0;
}

#sidebarNav ul li a:link,
#sidebarNav ul li a:visited,
#sidebarNav ul li a:hover,
#sidebarNav ul li a:active {
        color: #6e604c;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
}

#sidebarNav #nav-section a:link,
#sidebarNav #nav-section a:visited,
#sidebarNav #nav-section a:hover,
#sidebarNav #nav-section a:active {
        color: #96252b;
}

#sidebarNav #nav-section ul li a:link,
#sidebarNav #nav-section ul li a:visited,
#sidebarNav #nav-section ul li a:hover,
#sidebarNav #nav-section ul li a:active {
        color: #6e604c;
}

.sidebarBlock {
  margin: 20px 0;
}
.sidebarBlock h3 {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding: 5px 10px;
    line-height: 21px;
    font-weight: bold;
    background: #015883 url(http://naeh.bluestatedigital.com/page/-/assets/img/header_bg.png) repeat-x top left;

}

#sidebarEvents li { margin: 10px 0; }

#right-sidebar .widget {
        margin-top: 30px;
}

#right-sidebar .widget .inner {
        padding: 10px;
}



/* FOOTER */

#footerLinks,
#footerText {
   padding: 0px 0 10px 6px;
   text-align:left;
   font-size:11px;
   color: #786C5D;
}

#footerText {
        padding-top: 10px;
}

#footerShare {
        float:right;
        width:270px;
}

#footerShare-inner {
        text-align:center;
        padding:20px;
}

#footerLinks2 {
   float: right;
   padding: 5px 6px 6px 0px;
}

#headerLinks a:link, #headerLinks a:visited, #headerLinks a:hover, #headerLinks a:active, #headerLinks,
#footerLinks a:link, #footerLinks a:visited, #footerLinks a:hover, #footerLinks a:active, #footerLinks,
#footerLinks2 a:link, #footerLinks2 a:visited, #footerLinks2 a:hover, #footerLinks2 a:active, #footerLinks2 {
        color: #786C5D;
   background-color: #E6DDD0;
}



/* COMMON ELEMENTS */

.red {
        color: #ff0000;
        font-size: 10px;
}

.clear {
   clear: both;
   line-height: 0;
   height: 0;
   width: 0;
   font-size: 0;
   padding: 0;
   margin: 0;

}

.center {
        text-align: center;
}

a.all:link, a.all:active, a.all:visited, a.all:hover {
        text-decoration: none;
}

a.all:hover {
        text-decoration: underline;
}

a.more:link, a.more:visited, a.more:active, a.more:hover {
        text-decoration: none;
        font-weight: bold;
        float: right;
        margin-top: 5px;
        margin-right: 5px;
        font-size: 10px;
}

a.more:hover {
        text-decoration: underline;
}

a.selected {
   font-weight: bold;
}

.bold {
   font-weight: bold;
}

img.icon {
   margin-left: 3px;
   margin-top: 3px;
        border: 0;
}

.redLine {
   background-color: #96242D;
   height: 2px;
   margin-top: 4px;
   display: none;
}

.brownLine {
   background-color: #D9C6A8;
   height: 2px;
   margin-top: 4px;
   float: left;
   width: 100%;
}

.subHeader {
   float: left;
}


/* STYLING */
#content {
        font-size: 10pt;
}
#content p {
        margin-bottom: 8px;
}

.tenEssentials, #caseStudies, #blogs {
   width: 316px;
}

.tenEssentials{
        font-size: 11px;
}

#caseStudies {
        margin-top: 5px;
}

.tenEssentials td.numberOff {
   background-color: #A1937D;
   text-align: center;
   vertical-align: middle;
   color: #fff;
   font-size: 11px;
   padding: 3px;
   border-right: 2px solid white;
}

.tenEssentials td.numberOn a,
.tenEssentials td.numberOn a:link,
.tenEssentials td.numberOn a:visited,
.tenEssentials td.numberOn a:active,
.tenEssentials td.numberOn a:hover,
.tenEssentials td.numberOff a,
.tenEssentials td.numberOff a:link,
.tenEssentials td.numberOff a:visited,
.tenEssentials td.numberOff a:active,
.tenEssentials td.numberOff a:hover {
   text-decoration: none;
   color: #fff;
   font-size: 11px;
   padding: 5px;
   font-weight: bold;
}


.tenEssentials td.numberOff a:hover {
        color: #000;
}

.tenEssentials td.numberOn {
   background-color: #C4AE91;
   text-align: center;
   vertical-align: middle;
   color: #fff;
   font-size: 11px;
   border-right: 2px solid white;
   padding: 3px;
}

.tenEssentials td.stepDescrip {
   background-color: #D9C6A8;
   vertical-align: top;
   font-size: 12px;
   border-right: 2px solid white;
        text-transform: uppercase;
   font-weight: bold;
   color: #6D6354;
   padding-left: 3px;
   padding-top: 2px;
}

.tenEssentials td.stepDescrip img {
   margin-top: 4px;
   margin-right: 2px;
   margin-left: 2px;
}

.stepContentCell {
        width: 286px;
        background-color: #F8F1E7;
        border-top: 2px solid white;
        border-right: 2px solid white;
        padding: 4px;
}

.stepContent {
        background-color: #F8F1E7;
}

#caseStudies td.caseStudiesContent,
#blogs td.blogsContent {
   background-color: #F8F1E7;
   border-top: 2px solid white;
   border-right: 2px solid white;
   padding: 4px;
}

#blogs td.blogsContent li a:link,
#blogs td.blogsContent li a:visited,
#blogs td.blogsContent li a:hover,
#blogs td.blogsContent li a:active {
        font-weight: bold;
}


.stepContent img.tenEssentialsImage {
   border: 1px solid white;
   float: left;
   margin-right: 10px;
}

.stepContent .stepTitle, #caseStudies td.caseStudiesContent .caseStudiesTitle {
   color: #000;
   font-weight: bold;
   font-size: 11px;
   padding-bottom: 3px;
   padding-top: 5px;
}

#caseStudies td.caseStudiesContent .caseStudiesTitle {
        margin: 0 0 5px 0;
        padding: 0;
}

a.readMore:link,
a.readMore:visited,
a.readMore:hover,
a.readMore:active {
   color: #990100;
   font-weight: bold;
   font-size: 11px;
}

#videoHomeTabs {
        margin-top: 25px;
}

#videoHomeTabs .tabOff, #videoHomeTabs .tabOn, #videoHomeTabs .tabOff a {
        background-color: #E4D6C0;
        color: #000;
        text-decoration: none;
        padding: 4px;
        font-size: 11px;
   text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
   text-align: center;
}

#videoHomeTabs a {
   font-weight: bold;
   font-size: 11px;
}

#videoHomeTabs .tabOff a:hover {
        color: #fff;
}

#videoHomeTabs .tabOff, #videoHomeTabs .tabOn {
        border-right: 2px solid white;
}

#videoHomeTabs .tabOn {
        background-color: #EFE6D9;
}

.videoHome .videoContent {
        background-color: #EFE6D9;
        padding: 5px;
        font-size: 11px;
        width: 250px;
}

.videoHome .videoContent img {
        float: left;
        border: 3px solid white;
        margin-right: 4px;
}

.videoHome .videoContent p {
        margin-top: 3px;
        font-size: 10px;
}

.videoHome .videoConnection {
        background-color: #C7B9A6;
        vertical-align: middle;
        font-size: 10px;
        font-weight: bold;
        padding: 3px;
}

.videoHome .readMore {
        text-decoration: none;
}

td .videoConnection span {
        float: left;
        font-weight: bold;

}

#tableFocus {
        margin: 12px 0 20px 0;
}

#tableFocusNav {

}

#tableFocusNav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 155px;
}

#tableFocus ul li {
        margin: 0;
        padding: 0;
        background: none;
        background-color: #EFE6D9;
        vertical-align: middle;
        display: inline;
}

#tableFocus ul li a {
        font-family: Arial, Helvetica, sans-serif;
        display: block;
        text-decoration: none;
        color: #666666;
        background-color: #EFE6D9;
        border-top: 1px solid #D4CEC7;
        font-weight: bold;
        padding: 5px 0 5px 15px;
        vertical-align: middle;
        /* font-variant: small-caps; */
        text-transform: uppercase;
        width:155px;
        text-indent: -10px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width:140px;
        font-size: 11px;
}

#tableFocus ul li a:hover {
        color: #4485A4;
}

#tableFocus ul li a.first {
        border-top: 1px solid white;
}

#tableFocus ul li a.selected {
        color: #4485A4;
}

#tableFocus .focusArrow {
        margin: 3px 6px 0 0;
        border: none;
}

#tableFocusContent, #tableFocusContent1, #tableFocusContent2, #tableFocusContent3, #tableFocusContent4, #tableFocusContent5, #tableFocusContent6, #tableFocusContent7, #tableFocusContent8 {
        background-color: #96242D;
        width: 418px;
        height: 279px;
}

#tableFocusContent p, #tableFocusContent1 p, #tableFocusContent2 p, #tableFocusContent3 p, #tableFocusContent4 p, #tableFocusContent5 p, #tableFocusContent6 p, #tableFocusContent7 p, #tableFocusContent8 p {
        color: #fff;
        font-size: 13px;
        line-height: 15px;
}

#tableFocusContentText a.readMore:link, #tableFocusContentText a.readMore:active, #tableFocusContentText a.readMore:visited, #tableFocusContentText a.readMore:hover {
        color: #fff;
        text-decoration: underline;
}

#tableFocusContentText a.readMore:hover {
        text-decoration: none;
}

#tableFocusContentText {
        padding-left: 7px;
        width: 394px;
}

.subContentBox01 {
   background-color: #EBF2F5;
}

img.essential {
   float: left;
   margin: 3px 5px 0 0;
}

.subContentBox01Table td p, .subContentBox01Table td a, .subContentBox01Table ul li {
   font-size: 14px;
   line-height: 15px;
}

#tenEssentialsBox {
   border: 1px solid #005883;
   margin-top: 35px;
   padding: 0;
   vertical-align: top;
   margin-right: 10px;
   margin-left: 10px;
   float: right;
}

#tenEssentialsBox .tenEssentialsBoxHeader, #tenEssentialsBox .tenEssentialsBoxFooter, #tenEssentialsBox .tenEssentialsBoxFooter a {
   background-color: #005883;
   color: #fff;
   font-weight: bold;
   font-size: 13px;
   width: 180px;
   padding: 3px;
}

#tenEssentialsBox .tenEssentialsBoxFooter {
   text-align: right;
}

#tenEssentialsBox .tenEssentialsBoxFooter a,
#tenEssentialsBox .tenEssentialsBoxFooter a:link,
#tenEssentialsBox .tenEssentialsBoxFooter a:visited,
#tenEssentialsBox .tenEssentialsBoxFooter a:active,
#tenEssentialsBox .tenEssentialsBoxFooter a:hover {
   color: #fff;
   font-weight: bold;
   text-decoration: none;
}

#tenEssentialsBox .tenEssentialsBoxFooter a:hover {
   text-decoration: underline;
}

#tenEssentialsBox .tenEssentialsBoxHeader img {
   margin-top: 3px;
}

#tenEssentialsBox .tenEssentialsBoxFooter img {
   margin-top: 4px;
   margin-right: 5px;
}

#tenEssentialsBox ol  {
   /*margin: 10px 0 10px 30px;*/
   /*padding: 0;
   margin: 0;*/
}

#tenEssentialsBox ul  {
   margin: 10px 10px 10px 15px;
   width: 150px;
}

#tenEssentialsBox ol li {
   /*background-image: url(http://www.endhomelessness.org/page/-/assets/img/arrow_blue.gif);*/

   font-size: 13px;
        padding: 0;
        margin: 0 0 5px 0;
}

#tenEssentialsBox ul li {
        background-image: url(http://www.endhomelessness.org/page/-/assets/img/arrow_blue.gif);
}

#tenEssentialsBox ol li a,
#tenEssentialsBox ol li a:link,
#tenEssentialsBox ol li a:visited,
#tenEssentialsBox ol li a:active,
#tenEssentialsBox ol li a:hover,
#tenEssentialsBox ul li a,
#tenEssentialsBox ul li a:link,
#tenEssentialsBox ul li a:visited,
#tenEssentialsBox ul li a:active,
#tenEssentialsBox ul li a:hover {
   font-weight: bold;
   text-decoration: none;
   font-size: 13px;
}

#tenEssentialsBox ol li a:hover,
#tenEssentialsBox ul li a:hover {
   text-decoration: underline;

}

#tenEssentialsBox ol li a.selected,
#tenEssentialsBox ol li a.selected:active,
#tenEssentialsBox ol li a.selected:link,
#tenEssentialsBox ol li a.selected:visited,
#tenEssentialsBox ol li a.selected:hover,
#tenEssentialsBox ul li a.selected,
#tenEssentialsBox ul li a.selected:active,
#tenEssentialsBox ul li a.selected:link,
#tenEssentialsBox ul li a.selected:visited,
#tenEssentialsBox ul li a.selected:hover {
   color: #96242D;
}

.subHeader {
   margin: 20px 0 10px 0;
}

.subContent {
   margin: 15px 0 0 5px;
}

.subContent ul {
   margin: 0px 0 5px 10px;
   padding: 0;
   list-style-type: none;
   clear: both;
}

.subContent ul li {
   margin: 0;
   padding: 0 10px 3px 7px;
   background-image: url(http://www.endhomelessness.org/page/-/assets/img/arrow_black.gif);
   color: #333333;
}

.subContent ul li a, .subContent ul li a:active, .subContent ul li a:link, .subContent ul li a:visited, .subContent ul li a:hover {
   color: #333;
   text-decoration: none;
   /*font-weight: bold;*/
}

.subContent ul li a:hover {
   text-decoration: underline;
}

.listitem {
   margin: 0 0 15px 0;
   padding: 0;
}


.videoContent input.submitButton{
   margin: 3px 2px 1px 0px;
        border: 1px solid #000;
   background-color: #124A56;
   color: #FFF;
   font-size: 11px;
   vertical-align: middle;
   font-weight: 900;
   /*font-variant: small-caps;*/
   text-transform: uppercase;
   text-align: center;
   width: 80px;

}

.policyHeader
{
        font-family: times new roman, serif;
        color: #005883;
        font-size: 14pt;
        font-weight: normal;
        line-height: 10px;
}

.orangeLine {
   background-color: #D9C6A8;
   height: 1px;
   margin-top: 0px;
}

#fader {width:100px;}

.listitemP {
padding-top: 10px;
}

/* Homepage Slideshow */

a img {
        border: none;
}

#gallery-container {
        width: 662px;
        position: relative;
        height: 320px;
        margin: 0 0 0 10px;
}

#gallery {
        margin: 0px;
        height: 290px;
        width: 662px;
        position: absolute;
        background: #000;
        top: 0;
        left: 0;
}

.gallery-desc {
        color: #fff;
        width: 642px;
        padding: 10px;
        background: #000;
        filter: alpha(opacity=70); /* here you can set the opacity of box with text */
        -moz-opacity: 0.7; /* here you can set the opacity of box with text */
        -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
        opacity: 0.7; /* here you can set the opacity of box with text */
        position: absolute;
        bottom: 0;
}

.gallery-img {
        display: none;
}

#gallery-nav {
        margin: 0px;
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #015883;
        width: 662px;
        height: 30px;
}

#gallery-nav a:link,
#gallery-nav a:visited,
#gallery-nav a:hover,
#gallery-nav a:active {
        padding: 2px 6px;
        font-weight: bold;
        border: 1px solid #eee;
        text-decoration: none;
        margin-right: 5px;
        line-height: 30px;
        background-color: #fff;
        color: #015883;
}

#gallery-nav a:hover {
        background: #a8a8a8;
        color: #fff;
}

#gallery-nav a.activeSlide {
        color: #fff;
        background: #a8a8a8;
}

#sidebar-sharethis {
        background: #fff;
}

#newsletterBox #social-icons img,
#footerShare img {
                /*width: 31px;
                height: 32px;*/
                margin: 5px 3px 0 0;
}

#hp-spotlight img {
        float: left;
        padding: 0 10px 10px 0;
}

h2.title {
        font-family: Georgia,Times New Roman,Palantino, Palantino Linotype serif;
        font-size: 18px;
        color: #005883;
        font-weight:normal;
        text-transform:none;
        float:left;
        padding-right: 5px;
        background-color:#fff;
}

.brown-border {
        border-bottom: solid 1px #D9C6A8;
        height:22px;
}

.blogsContent h2.title {
        background-color: #F8F1E7;
}

.blogfb {
        width:80px;
        margin-left: auto !important;
}

#videoHomeTabs {
        margin-top: 25px;
}

table#libraryHomeTabs,
table#newestwindow,
table#popularwindow {
        margin-left: 7px;
}

#library table#libraryHomeTabs {
        margin-top: 7px;
}

table.libraryHome {
        width: 256px;
}

#libraryHomeTabs .tabOff,
#libraryHomeTabs .tabOn,
#libraryHomeTabs .tabOff a {
        background-color: #d4dfe1;
        color: #000;
        text-decoration: none;
        padding: 4px;
        font-size: 11px;
   text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
   text-align: center;
}

#libraryHomeTabs a {
   font-weight: bold;
   font-size: 11px;
}

#libraryHomeTabs .tabOff a:hover {
        color: #fff;
}

#libraryHomeTabs .tabOff,
#libraryHomeTabs .tabOn {

}

#libraryHomeTabs .tabOn {
        background-color: #FFF;
}

.libraryHome .libraryContent {
        background-color: #FFF;
        padding: 5px;
        font-size: 11px;
}

.libraryHome .libraryContent img {
        float: left;
        border: 3px solid white;
        margin-right: 4px;
}

.libraryHome .libraryContent p {
        margin-top: 3px;
        font-size: 10px;
}

.libraryHome .libraryContent ul li {
        margin: 0 0 10px 5px;
}

.libraryHome .libraryContent ul li a:link,
.libraryHome .libraryContent ul li a:visited,
.libraryHome .libraryContent ul li a:hover,
.libraryHome .libraryContent ul li a:active {
        font-size: 14px;
}

.libraryHome .libraryConnection {
        background-color: #FFF;
        font-size: 12px;
        font-weight: bold;
        padding: 0 0 10px 10px;
}

.libraryHome .libraryConnection a:link,
.libraryHome .libraryConnection a:visited,
.libraryHome .libraryConnection a:hover,
.libraryHome .libraryConnection a:active {
        font-size: 12px;
        font-weight: bold;
}

.libraryHome .readMore {
        text-decoration: none;
}

td .libraryConnection span {
        float: left;
        font-weight: bold;

}

.sidebar h2.title {
        background-color:#BDCBCF;
        background: url('http://www.endhomelessness.org/page/-/assets/img/odd_box.gif') no-repeat top left;
        color:#0D4967;
        float:left;
        font-weight:bold;
        font-family: Arial,Helvetica,sans-serif;
        text-transform:uppercase;
        font-size:14px;
        margin:3px 0 4px;
        padding:0 0 0 18px;

}

.sidebar .title-area {
        padding: 6px;
}

#ips-landing-template #left-sidebar,
#ips-detail-template #left-sidebar,
#about-us-template #left-sidebar,
#left-sidebar {
        float:left;
        width:201px;
}

#ips-landing-template #left-sidebar-inner,
#ips-detail-template #left-sidebar-inner,
#about-us-template #left-sidebar-inner{

}

#ips-landing-template #content-area,
#ips-detail-template #content-area,
#content-area.with-left-sidebar {margin-left:231px;}

#blog #ips-landing-template #content-area {
        margin-left: 0 !important;
}

#sharethis-container {
        float:left;
        width:137px;
}

/*#sidebar-sharethis {
        margin-top:12px;
        padding: 0 6px 0 6px;
}*/

#breadcrumb-container {
        float:left;
        width:819px;
}

#section-header {
        background-color: #e3f1f8;
        margin-bottom:20px;
}

#section-header #section-image {
        text-align:left;
        width:150px;
}

#section-header #section-description {
        padding:10px 20px;
        text-align:left;
        color: #000000;
}


#ips-landing-template #right-sidebar,
#ips-detail-template #right-sidebar,
#about-us-template #right-sidebar,
#right-sidebar {width:285px;}

#ips-landing-template #right-sidebar-inner,
#ips-detail-template #right-sidebar-inner,
#about-us-template #right-sidebar-inner,
#right-sidebar-inner {margin-left:30px;}

#ips-landing-template #right-sidebar #media-clips,
#ips-detail-template #right-sidebar #media-clips,
#about-us-template #right-sidebar #media-clips {margin-bottom:15px;}

.sub-section-image {float:left;}

.sub-section-image img {
        margin-right:15px;
        margin-bottom:5px;
}

.sub-section-text.with-image {margin-left:105px;}

table {
        padding:0;
        margin:0;
        border:0;
}

#right-sidebar.default
{float:left;}
.event-detail-page .content-area,
.event-list-page .content-area,
.article-detail-page .content-area {
        float:left;
        /* width:671px; */
}

table.dataTable {
        border: 1px solid #ccc;
}

table.dataTable td {
        padding: 3px;
}

.featured-item .thumbnail img {
        margin: 3px 10px 5px 0;
        border: 1px solid #ccc;
}

.library-spotlight,
.library {
        margin-top: 30px;
}

.library table {
        margin: 0 0 15px 0;
}

.library-spotlight td a:link,
.library-spotlight td a:visited,
.library-spotlight td a:hover,
.library-spotlight td a:active,
.library td a:link,
.library td a:visited,
.library td a:hover,
.library td a:active,
#right-sidebar .listitem a:link,
#right-sidebar .listitem a:visited,
#right-sidebar .listitem a:hover,
#right-sidebar .listitem a:active {
        color: #58819f;
        font-weight: bold;
}

#right-sidebar .event-title a:link,
#right-sidebar .event-title a:visited,
#right-sidebar .event-title a:hover,
#right-sidebar .event-title a:active,
.sidebar .event-title a:link,
.sidebar .event-title a:visited,
.sidebar .event-title a:hover,
.sidebar .event-title a:active {
        color: #990100;
        font-weight: bold;
        font-size: 14px;
}

a.addthis_button_compact:link,
a.addthis_button_compact:visited,
a.addthis_button_compact:hover,
a.addthis_button_compact:active {
        font-size: 13px;
        font-weight: bold;
}

#sub-sections ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        background: none;
}

#sub-sections ul li {
        margin: 0 0 25px 0;
        padding: 0;
        list-style-type: none;
        background: none;
}

#sub-sections ul li a:link,
#sub-sections ul li a:visited,
#sub-sections ul li a:hover,
#sub-sections ul li a:active {
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
}

.library-type.active {
        background: #fff;
}








/** CLEAR FIXES --------------------------------------------------------------------------------------------------------- **/
/* To completely enclose floated elements */

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

#breaking-news {
        margin: 5px 0 5px 10px;
        padding: 2px 4px;
        background: #000;
        color: red;
        font-weight: bold;
}

#breaking-news a {
        color: #fff;
        text-decoration: underline;
}

/* Moving out of the library template */

body#library #library-featured {
    background: #bdcbcf;
    padding: 10px;
}

body#library .sidebarBox {
    background: #43727f;
    border-bottom: 2px solid #fff;
    padding: 5px 10px;
}

body#library .sidebarBox h2 {
    color: #fff;
    font-size: 14px;
}

body#library .library-type {
    padding-top: 3px;
}

body#library .library-type a {
    color: #333;
}

body#library a.inactive {
    text-decoration: none;
    font-weight: bold;
    color: #333;
}

body#library #library-resources table {
  margin: 0 0 10px 0;
}

/*
Moving out of news template
*/

body#news #library-featured {
    background: #e3f1f8;
    padding: 10px;
  margin: 0 0 20px 0;
}

body#news .sidebarBox {
    padding: 5px 10px;
}

body#news .sidebarBox h2 {
    font-size: 14px;
    text-transform: none;
}

body#news  .library-type {
    padding-top: 3px;
}

body#news .library-type a {
    color: #333;
}

body#news a.inactive {
    text-decoration: none;
    font-weight: bold;
    color: #333;
}

body#news .sidebarTD {
    background: none;
  padding-top:27px;
}

body#news #latest-news table {
  margin: 0 0 10px 0;
}

/**
 *
 * Calendar in the Sidebar
 *
 */
#events .calendar { background-color: #FFFFFF; color: #626262; margin:5px; width: 258px;}
#events .calendar-head td, .calendar-title td { font-size:12px; text-transform:uppercase; text-align:center; padding: 3px 0;}
#events table table { width: 100%; }
#events table table.grid { border: 1px solid #7f9ea6; border-collapse: collapse; }
#events table td.title { border-left: 1px solid #7f9ea6; border-right: 1px solid #7f9ea6; }
#events table td.header { border: 1px solid #7f9ea6; }
#events .calendar-head { background-color: #42727e; border-left: 1px solid #7f9ea6; border-right: 1px solid #7f9ea6; border-bottom: 1px solid #7f9ea6; color: #FFFFFF; }
#events .calendar-head a { color:#FFFFFF; text-decoration:none;}
#events .calendar-title { font-weight:bold; border-left: 1px solid #7f9ea6; border-right: 1px solid #7f9ea6; }
#events .calendar-table .week { clear:both; border-top:1px solid #7f9ea6; }
#events .calendar-table .week td { border-right:1px solid #7f9ea6; font-size: 12px; text-align:center; padding: 9px 3px 6px 1px; cursor:pointer; height: 19px;}
#events .calendar-table .week .today { background-color: #d9e3e5; }
#events .calendar-table .week .event {font-weight:bold;}
#events .calendar-table .week a { color: inherit; display:block; text-decoration:none; }
#events .calendar-table .week span {display:block;}
#events .calendar-table .week .dot { height: 5px; line-height:10px; font-weight:normal; }
#events .listing { color: #282828; font-size: 12px; margin-top: 15px; }
#events .listing .event { background-color:#a4b9bf; padding: 10px; }
#events .event .title { font-size:14px; font-weight:bold; }
#events .listing .sticky { background-color: #943b43; color:#ffffff; }

/**
 *
 * Calendar template
 *
 */

#event-detail #left-sidebar { margin-left: 30px; }
#event-detail .event-left { float: left; width: 380px; }
#event-detail .event-right { float: right; width: 270px; margin-top: 10px; }

.button {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  padding: 5px 10px;
  line-height: 21px;
  font-weight: normal;
  margin: 5px 0;
}
.button a { color: #fff; display: block; text-align: center; }
.button.blue { background: #015883 url(/page/-/assets/img/header_bg.png) repeat-x top left; }
.button.red { background: #97232E url(/page/-/assets/img/red_bd.jpg) repeat-x top left; }
#button-events-more {}
#button-events-ics { width: 110px; margin-right: 10px; float: left; }
#button-events-share { width: 110px; float: left; }
#button-events-share .addthis_button_compact { width: 70px; font-size: 14px; font-weight: normal; margin: 2px 0 0 20px; }

#event-right-downloads { background: #43727E; margin: 10px 0; padding: 10px 20px; color: #fff; }
#event-right-downloads li { background: none; list-style-type: none; }
#event-right-downloads li a { color: #fff; }
#event-right-downloads h2 { color: #fff; }

a.sidebar-button { background: #9ab7c1; background: -moz-linear-gradient(top,  #9ab7c1 0%, #005981 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ab7c1), color-stop(100%,#005981)); background: -webkit-linear-gradient(top,  #9ab7c1 0%,#005981 100%); background: -o-linear-gradient(top,  #9ab7c1 0%,#005981 100%); background: -ms-linear-gradient(top,  #9ab7c1 0%,#005981 100%); background: linear-gradient(to bottom,  #9ab7c1 0%,#005981 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ab7c1', endColorstr='#005981',GradientType=0 ); color: #fff; display: block; font-family: Georgia,Times New Roman,Palantino, Palantino Linotype serif; font-size: 20px; line-height: 1; margin: 0.5em auto; padding: 14px 0 16px; text-align: center; width: 222px; }
a.sidebar-button:hover { text-decoration: none; }