﻿html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,blockquote,address,pre,ul,ol
{
    margin: 0;
    padding: 0;
}

body 
{
    background: #fff url(images/img-body-bg.jpg) repeat-x;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 75%;
    color: #333;
    text-align: center;
    line-height: 1;
    margin: 0;
    padding: 0;
}

p 
{
    line-height: 1.5;
    font-size: 1em;
    margin: 0 0 10px 0;
}

a
{
    color: #06c;
}

a:hover 
{
    text-decoration: none;
}

a img, img 
{
    border: none;
}

h3 
{
    font-family: Georgia, Serif;
    font-weight: normal;
    font-size: 1.25em;
    color: #005dad;
    margin-bottom: 10px;
}

h4
{
    font-size: 1.25em;
    color: #000;
    margin-bottom: 5px;
}

#container 
{
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    position:relative;
}

#header 
{
    
    width: 1000px;
    height: 231px;
}

#header .branding 
{
    position: absolute;
    top: 15px;
    right: 0;
    margin-right: 40px;
    padding: 5px 0 5px 20px;
    border-left: solid 1px #828f9b;
}

.branding p strong
{
    font-size: 0.917em;
}

.branding p 
{
    font-family: Georgia, Serif;
    color: #fff;
    margin: 0;
}

#header .inner 
{
    float: left;
    width: 960px;
    margin: 0 auto;
    padding: 36px 0 0 40px;
}

#header .logo 
{
    float: left;
    width: 242px;
    margin-top: -4px;
}

#header .introduction 
{
    float: left;
    width: 425px;
    height: 185px;
    margin-left: 18px;
    padding: 0 0 0 19px;
    border-left: 1px solid #617DA3;
}

.introduction h1 
{
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 0;
}

.introduction h2 
{
    text-transform: uppercase;
    margin-bottom: 10px;
}

.introduction p 
{
    font-family: Georgia, Serif;
    margin-right: 40px;
    color: #fff;
}

.introduction p strong 
{
    font-family: Arial, Sans-Serif;
    color: #fff;
}

.introduction a, .introduction a strong
{
    color: #f6be00;
}

#header .buttons 
{
    float: right;
    margin: 10px 20px 0 0;
}

#header .signin 
{
    margin-bottom: 9px;
    display: none;
}

#header .register 
{
    display: none;
    width: 190px;
}

.register img 
{
    margin-bottom: 5px;
}

#navigation 
{
    float: left;
    width: 980px;
}

#navigation ul 
{
    list-style-type: none;

}

#navigation ul li {
    display:inline;
}

#navigation ul li a 
{
    float: left;
    display: block;
    height: 53px;
    text-decoration: none;
    background: url(images/nav-items.gif) no-repeat;
    text-indent: -9999px;
}

#navigation .nav-home a {background-position:0 0; width:71px;}
#navigation .nav-home a.AspNet-Menu-Selected, 
#navigation .nav-home a:hover {background-position:0 -53px;}

#navigation .nav-homelessness a {background-position:-71px 0; width:142px;}
#navigation .nav-homelessness a.AspNet-Menu-Selected, 
#navigation .nav-homelessness a:hover {background-position:-71px -53px;}

#navigation .nav-bedsevent a {background-position:-213px 0; width:118px;}
#navigation .nav-bedsevent a.AspNet-Menu-Selected, 
#navigation .nav-bedsevent a:hover {background-position:-213px -53px;}

#navigation .nav-bedheads a {background-position:-331px 0; width:111px;}
#navigation .nav-bedheads a.AspNet-Menu-Selected, 
#navigation .nav-bedheads a:hover {background-position:-331px -53px;}

#navigation .nav-register a {background-position:-442px 0; width:102px;}
#navigation .nav-register a.AspNet-Menu-Selected, 
#navigation .nav-register a:hover {background-position:-442px -53px;}

#navigation .nav-donate a {background-position:-544px 0; width:89px;}
#navigation .nav-donate a.AspNet-Menu-Selected, 
#navigation .nav-donate a:hover {background-position:-544px -53px;}

#navigation .nav-news a {background-position:-633px 0; width:144px;}
#navigation .nav-news a.AspNet-Menu-Selected, 
#navigation .nav-news a:hover {background-position:-633px -53px;}

#navigation .nav-sponsors a {background-position:-777px 0; width:108px;}
#navigation .nav-sponsors a.AspNet-Menu-Selected, 
#navigation .nav-sponsors a:hover {background-position:-777px -53px;}

#navigation .nav-contact a {background-position:-885px 0; width:95px;}
#navigation .nav-contact a.AspNet-Menu-Selected, 
#navigation .nav-contact a:hover {background-position:-885px -53px;}

#breadcrumbs 
{
    margin: 5px 15px 5px 15px;
    font-size: .8em;
}

#content 
{
    float: left;
    width: 710px;
    margin: 30px 0 100px 40px;
}

#content p 
{
    font-family: Georgia, Serif;
}

#content a 
{
    font-family: Arial, Sans-Serif;
    color: #ff9900;
}

#content ul,
#content ol 
{
    line-height: 1.5;
    margin: 0 0 10px 20px;
}

.onecolumn 
{
    padding-right: 10px;
}

#b-home .onecolumn,
#b-register .onecolumn,
#b-contact .onecolumn,
#b-bedsprofileedit .onecolumn
{
    padding: 0;
}

.column1 
{
    float: left;
    width: 320px;
    padding-right: 20px;
    border-right: solid 1px #dfe0e1;
}

.column2 
{
    float: left;
    width: 340px;
    padding: 0 0 0 20px;
}

.latestnews p 
{
    margin-bottom: 5px;
}

#content p.date-readmore 
{
    font-family: Arial, Sans-Serif;
    font-size: 0.917em;
    color: #666;
    margin-bottom: 20px;
}

.latestnews .divider 
{
    color: #dadada;
}

h3.h3-latestnews 
{
    background: url(images/h3-latestnews.gif) no-repeat;
    width: 112px;
    height: 19px;
    text-indent: -9999px;
    margin-bottom: 20px;
}

#socialnetwork 
{
    float: right;
    width: 200px;
    background: #f4f4f5 url(images/bg-mailinglist.gif) no-repeat center bottom;
    padding: 30px 20px 0 20px;
}

.mailinglist 
{
    position: relative;
}

.mailinglist span 
{
    position: absolute;
    margin-top: 5px;
    margin-left: 2px;
}

#socialnetwork p 
{
    font-size: 0.917em;
    color: #666;
}

#socialnetwork a 
{
    color: #ff9900;
}

#socialnetwork .facebook 
{
    padding-bottom: 7px;
    margin-bottom: 20px;
    
}

h3.bedsonfacebook 
{
    background: url(images/title-connect.gif) no-repeat;
    width: 174px;
    height: 19px;
    text-indent: -9999px;
    margin-bottom: 5px;
}

#socialnetwork  a.smlinks {
    float: left;
    display: block;
    margin-right: 8px;
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
}

#socialnetwork  a.smlast {
    float: left;
    display: block;
    margin-right: 3px;
    width: 35px;
    height: 35px;
    clear: right;
}

h3.joinmailinglist 
{
    background: url(images/h3-joinmailinglist.gif) no-repeat;
    width: 148px;
    height: 19px;
    text-indent: -9999px;
    margin-bottom: 5px;
}

#socialnetwork td 
{
    padding-bottom: 10px;
}

td.label 
{
    padding-right: 10px;
}

#b-home #pagetitle
{
    display: none;
}

.twocolumn #pagetitle 
{
    float: left;
    width: 340px;
}

#pagetitle h1 
{
    width: 100%;
    height: 37px;
    text-indent: -9999px;
    line-height: 1;
    margin-bottom: 20px;
}

/* Image headings */

/* Page Titles */
h1.h1-homelessness 
{
    background: url(images/h1-homelessness.gif) no-repeat;
}

h1.h1-bedsevent 
{
    background: url(images/h1-bedsevent.gif) no-repeat;
}

h1.h1-bedheads 
{
    background: url(images/h1-bedslisting.gif) no-repeat;
}
    h1.h1-bedsprofile
    {
        background: url(images/h1-bedsprofile.gif) no-repeat;
    }

h1.h1-register 
{
    background: url(images/h1-register.gif) no-repeat;
}

h1.h1-donate
{
    background: url(images/h1-donate.gif) no-repeat;
}

h1.h1-newsphotos
{
    background: url(images/h1-newsphotos.gif) no-repeat;
}

h1.h1-sponsors
{
    background: url(images/h1-sponsors.gif) no-repeat;
}

h1.h1-contact
{
    background: url(images/h1-contact.gif) no-repeat;
}

h1.h1-copyrightdisclaimer
{
    background: url(images/h1-copyrightdisclaimer.gif) no-repeat;
}

h1.h1-privacypolicy
{
    background: url(images/h1-privacypolicy.gif) no-repeat;
}

h1.h1-login
{
    background: url(images/h1-login.gif) no-repeat;
}

h1.h1-yourprofile
{
    background: url(images/h1-profile.gif) no-repeat;
}

/* h3 image headings */

h3.h3-bedsregistrationform
{
    background: url(images/h3-bedsregistrationform.gif) no-repeat;
    width: 223px;
    height: 19px;
    text-indent: -9999px;
    line-height: 1;
    margin-bottom: 5px;
}

h3.h3-bedscontactform
{
    background: url(images/h3-bedscontactform.gif) no-repeat;
    width: 177px;
    height: 18px;
    text-indent: -9999px;
    line-height: 1;
    margin-bottom: 5px;
}

#pageimage 
{
    float: right;
    margin-right: 5px;
    width: 360px;
    margin-top: -10px;
    margin-bottom: 20px;
}

#columna 
{
    float: left;
    width: 340px;
    clear: left;
}

#columna p.intro 
{
    width: 95%;
    padding-bottom: 20px;
    border-bottom: dotted 1px #c3c5c6;
    margin-bottom: 20px;
}

#columnb 
{
    float: right;
    width: 320px;
    clear: right;
    margin-right: 20px;
    padding: 10px 0 0 20px;
    border-left: solid 1px #dfe0e1;
}

/* START: Beds Listing Special layout... */
#b-bedheads #columna 
{
    width: 220px;
    padding-right: 20px;
}

#b-bedheads #columnb 
{
    float: left;
    width: 400px;
    margin-top: 18px;
}
/* END: Beds Listing Special layout... */

#listing 
{
    float: left;
    width: 100%;
    margin-top: 20px;
}

#listing .profile h3, #listing .profile p
{
    margin-bottom: 3px;
}

#listing .profile 
{
    float: left;
    width: 235px;
    margin-bottom: 10px;
}

#listing .profile p 
{
    font-family: Arial, Sans-Serif;
    color: #666;
    margin-bottom: 0;
}

#listing .profile .image 
{
    float: left;
    background: #f4f4f5 url(images/img-profile60.gif) no-repeat;
    width: 60px;
    height: 90px;
}

#listing .profile .image img 
{
    max-width: 60px;
    max-height: 90px;
}

#listing .profile .summary 
{
    float: left;
    width: 150px;
    margin-left: 10px;
}

#b-sponsors #listing .profile
{
    width: 50%;
}

#b-sponsors #listing .profile .summary 
{
    width: 75%;
}

#b-sponsors #listing .profile .image 
{
    width: 60px;
    height: 60px;
}

h2 
{
    font-family: Georgia, Serif;
    font-weight: normal;
    font-size: 2em;
    color: #005dad;
    margin-bottom: 3px;
}

#profileview 
{
    float: left;
    width: 100%;
    padding-top: 30px;
    border-top: dotted 1px #c3c5c6;
    position: relative;
}

.viewall-button 
{
    position: absolute;
    top: -45px;
    right: 0;
}

.viewall-button a 
{
    display:block;
    background:url(images/btn-viewallprofiles.gif) no-repeat;
    width:137px;
    height:25px;
    text-indent:-999px;
    overflow:hidden;
}

.name-image 
{
    float: left;
    width: 210px;
}

#profileview .name-image p 
{
    font-family: Arial, Sans-Serif;
    color: #666;
}

#profileview .name 
{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

#profileview .image 
{
    float: left;
    width: 220px;
    height: 330px;
    background: #f4f4f5 url(images/img-profile220.gif) no-repeat;
    margin-left: -10px;
}

#profileview .summary
{
    float: left;
    width: 450px;
    margin-left: 30px;
}

#profileview .summary p strong 
{
    font-family: Arial, Sans-Serif;
    color: #000;
}

/* START: Register Special Columnb... */
#b-register #columnb,
#b-contact #columnb
{
    margin-top: -10px;
}
/* END: Beds Listing Special layout... */

#contact-form 
{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 20px;
}

#contact-form .instructions 
{
    padding: 10px 0 10px 0;
    margin: 0 0 20px 0;
    border-bottom: solid 1px #ccc;
}

#contact-form em
{
    color: #999;
}

#contact-form th, #contact-form th label 
{
    font-weight: normal;
    color: #666;
}

#contact-form th strong, #contact-form th label strong
{
    color: #333;
}

#contact-form .left 
{
    float: left;
    width: 339px;
    padding-right: 10px;
}

#contact-form .right
{
    float: left;
    clear: right;
    width: 340px;
    padding-left: 20px;
    border-left: solid 1px #dfe0e1;
}

#contact-form .left th 
{
    width: 90px;
    padding: 0 5px 10px 0;
}

#contact-form .right th 
{
    width: 110px;
    padding: 0 5px 10px 0;
}

#contact-form td
{
    width: 250px;
    padding-bottom: 10px;
}

#contact-form input 
{
    width: 90%;
}

#contact-form textarea 
{
    width: 96%;
    vertical-align:top;
}

#contact-form .button
{
    width: auto;
}

#contact-form .dropdown
{
    background: #f1f9fd;
    padding: 10px;
    margin-left: -10px;
}

#contact-form select
{
    font-family: Georgia, Serif;
    font-size: 1em;
    font-style: italic;
    color: #999;
    width: 97%;
}

#contact-form option 
{
    font-style: normal;
    color: #333;
}

#contact-form .dropdown label strong,
#contact-form .dropdown strong
{
    color: #005dad;
}

#contact-form .checkboxes input
{
    display:inline-block;
    width: auto;
    float:left;
}

#contact-form .checkboxes span.label 
{
    display:inline-block;
    margin-left: 3px;
    padding-top: 2px;
    line-height: 1.2;
    float:left;
}

/*
#contact-form span 
{
    position: absolute;
    margin-left: 2px;
}
*/

#news h3.date a
{
    color: #005dad;
    text-transform: uppercase;
    font-weight: bold;
}

#news h4 
{
    margin-bottom: 8px;
}

#news h4.month 
{
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #ccc;
}

#news h4 a 
{
    color: #008ac9;
}

#news h3.headline
{
    font-family: Arial, Sans-Serif;
}

#footer 
{
    clear: both;
    float: left;
    margin-left: 40px;
    background: #fff url(images/bg-footer.gif) no-repeat;
    width: 950px;
    height: 195px;
}

#footer a 
{
    color: #008cd1;
}

#footer .sponsors 
{
    padding: 15px 0 0 10px;
}

.sponsors a 
{
    float: left;
}

.sponsors .logo2
{
    margin-left: 40px;
}

.sponsors .logo3
{
    margin-left: 19px;
}

.sponsors .logo4
{
    margin-left: 40px;
}

.sponsors .logo5
{
    margin-left: 40px;
}

#footer .links 
{
    clear: both;
    float: left;
    margin-top: 40px;
    margin-bottom: 10px;
}

.links ul 
{
    list-style-type: none;
}

.links li 
{
    display: inline;
    border-right: solid 1px #dadada;
    padding-right: 5px;
    margin-right: 6px;
}

.links li.nav-contact 
{
    border: none;
}

#footer .copy 
{
    clear: both;
}

#footer .copy p
{
    font-size: 0.917em;
    color: #999;
}

#footer a.twc 
{
    background: url(images/logo-twc.gif) no-repeat left center;
    padding-left: 20px;
    text-decoration: none;
    color: #999;
}

#footer a.twc:hover 
{
    background: url(images/logoalt-twc.gif) no-repeat left center;
    color: #333;
}

.loginpanel 
{
    display:none;
    position:absolute;
    top:129px;
    left:759px;
    width:171px;
    height:128px;
    z-index:10;
    background:url(images/bg-loginpanel.gif) no-repeat;
    padding: 40px 10px 10px 10px;
}

.loginpanel label 
{
    color: #fff;
}

.loginpanel p 
{
    line-height: 1;
    font-size: 0.917em;
}

.loginpanel p.label 
{
    margin-bottom: 3px;
}

.loginpanel p 
{
    margin-bottom: 8px;
}

.loginpanel p.input input 
{
    width: 99%;
}

.loginoptions input 
{
    margin: 0;
    padding: 0;
}

.loginoptions p 
{
    margin: 0 0 2px 0;
}

.loginoptions label
{
    color: #bdddf2;
}

.loginoptions a 
{
    color: #fff;
}

img.imageLeft 
{
    float: left;
    padding: 0 10px 10px 0;
}

img.imageRight
{
    float: right;
    padding: 0 0 10px 10px;
}

.bottom 
{
    clear: both;
    background: #f4f4f5;
    border-top: solid 1px #dbdcdd;
    height: 30px;
}

.valheadersignin {
    float: right;
    text-align: right;
    color: #fcf2f2 !important;
    font-weight: bold;
    font-variant: small-caps;
}

.errormessage {
    border: 1px solid #c66;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #444 !important;
    background-color: #f9cfc6;
    display: block;
}

#content .mainlogin, 
#content .mainpassword,
#content .mainlogin p,
#content .mainpassword p {
    font-family: Arial, Sans-Serif;
}

#content .mainlogin {
    margin-bottom: 20px;
}

#content .fixitup 
{
    margin-top:0;
}


#b-contact textarea {
	width: 310px;
}
