html {
        background: #3e5155 url(images/body_top.jpg) repeat-x top;
        margin: 0;
        padding: 0;
}

body {
        background: url(images/header.jpg) no-repeat top;
        font-family: verdana, helvetica, arial, sans-serif;
        font-size: .8em;
        line-height: 1.4em;
        margin: 0 auto;
        padding: 0;
        padding-top: 70px;
        width: 994px;
}

ul {
        list-style: disc;
        margin: 0;
        padding: 0;
}

h1, h2 {
        margin: 0;
        padding: 0;
}

a { color: #0099cc; }
a:visited { color: #597277; }
a:hover { color: #3d4f53; }
a:focus { outline: none; }

a img, :link img, :visited img { border: 0; }

.right { float: right; }

.clearer { clear: both; }

.wrapper {
        background: #fff url(images/wrapper_top.jpg) no-repeat;
        margin: 0 auto;
        position: relative;
        width: 750px;
}

.logo {
        left: 10px;
        position: absolute;
        top: -75px;
}
hr {
        background: #0099CC;
        border: 0;
        color: #0099CC;
        height: 1px;
        margin: 20px 10px;
}
* html hr {
        margin: 0px 10px;
}
h1 {
        background: #fff url(images/h1-bkgd.jpg) no-repeat;
        display: block;
        font-size: 1.9em;
        font-weight: normal;
        height: 23px;
        margin-bottom: 20px;
        padding: 16px;
        width: 718px;
}
.utility_nav {
        float: right;
        font-size: .8em;
        margin: 30px 20px 0px 0px;
}
.utility_nav li {
        display: inline;
        padding-left: 15px;
}
.utility_nav li a {
        color: #58585D;
        text-decoration: none;
}
.content {
        background: url(images/content_bkgd.gif) no-repeat top right;
        clear: both;
}
.main {
        padding: 0 20px;
}
.main h2 {
        color: #009489;
        font-size: 1.2em;
}
.main h3 {
        color: #597277;
        font-size: 1.1em;
}
.main ul li {
        line-height: 1.4em;
        margin-left: 30px;
}
.footer {
        background: #3D4F53 url(images/footer.jpg) no-repeat;
        clear: both;
        padding: 20px 10px 30px 10px;
        height: 119px;
}

.footerlinks {
        text-align: center;
        padding: 10px 10px 0 10px;
        clear: both;
}

.footerlinks ul li {
        display: inline;
}
.footerlinks ul li a {
        color: #58585d;
        font-size: .7em;
}
.footerlinks ul li a:hover {
        text-decoration: none;
}
.sponsors {
        display: block;
        margin: 0;
}

.sponsorsleftwrap { float: left; width: 600px; }

.sponsorsleft { float: left; width: 100px; }
.sponsorsmiddle {
        float: right;
        width: 160px;
        font-size: 10px;
        color: #58585D;
        font-family: arial;
}

.sponsorsright { float: right; width: 100px; }

.sponsorsright {
        float: left;
        font-size: 10px;
        color: #58585D;
        font-family: arial;
}

.sponsors img {
        padding: 0px 3px;
}
p.copyright {
        color: #fff;
        margin: 0;
        margin-top: 25px;
        padding: 0;
        text-align: center;
}
.main_nav {
        background: url(images/navbar.jpg) no-repeat;
        float: right;
        letter-spacing: -.06em;
        margin-top: 40px;
        padding-left: 6px;
        width: 599px;
}
* html .main_nav {
        padding-left: 10px;
}
.main_nav ul li {
        display: inline;
}
.main_nav ul li a {
        color: #052555;
        display: block;
        float: left;
        font-size: .895em;
        margin: 0;
        padding: 10px 7px 3px 6px;
        text-decoration: none;
}
.main_nav ul li a:hover {
        color: #052555;
        text-decoration: underline;
}
.starpages a.starwalk span,
.aboutpages a.aboutus span,
.caregiverpages a.caregiverinfo span,
.honorpages .honorstar span,
.newspages .newsresources span, 
.donationpages .makedonation span {
        background: url(images/navbar_on.gif) no-repeat top right;
        display: block;
        float: left;
        padding: 10px 7px 3px 0px;
}
.starpages a.starwalk, .aboutpages a.aboutus, .caregiverpages a.caregiverinfo, .honorpages a.honorstar, .newspages a.newsresources, .donationpages .makedonation {
        background: url(images/navbar_on.gif) no-repeat top left;
        color: #FFF;
        padding: 0 0 0 7px;
}
.starpages a.starwalk:hover, .aboutpages a.aboutus:hover, .caregiverpages a.caregiverinfo:hover, .honorpages a.honorstar:hover, .newspages a.newsresources:hover, .donationpages a.makedonation:hover {
        color: #FFF;
}
.sub_nav ul {
        border-bottom: dotted 1px #ccc;
        margin: 0px 15px 15px 15px;
}
.sub_nav ul li {
        display: inline;
}
.sub_nav ul li a {
        background: url(images/nav-bullet-side.gif) no-repeat 0px 11px;
        color: #4E686D;
        display: block;
        float: left;
        font-size: .9em;
        font-weight: bold;
        margin: 0px 10px;
        padding: 5px 10px 10px 10px;
}
.sub_nav ul li a:hover {
        text-decoration: none;
}
.sub_nav ul:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
}
.sub_nav ul {
        display: inline-block;
}
* html .sub_nav ul {
        height: 1%;
}
.sub_nav ul {
        display: block;
}
.walkoffamepage a.walkoffame span,
.starofmonthpage a.starmonthlink span,
.starchivespage a.stararchives span,
.celebritypage a.celebritystars span,
.about .aboutuslink span,
.oursponsors .oursponsorslink span,
.faqpage .faq span,
.contactpage .contactus span,
.info .careinfo span,
.books .carebooks span,
.links .carelinks span,
.other .careother span,
.starhonor .honorlink span,
.purchase .purchasestar span,
.newspage .news span,
.eventpage .events span,
.mediapage .media span,
.resourcepage .resources span,
.donatepage .donationlink span,
.donateform .donationform span,
.donatedonors .donationdonors span,
.about .starcatlist span,
.about .staradd span,
.about .starcelebadd span,
.about .tellfriendlist span
{
        background: url(images/grey-on.jpg) no-repeat top right;
        color: #000;
        display: block;
        float: left;
        padding: 5px 10px 10px 3px;
}

.walkoffamepage a.walkoffame,
.starofmonthpage a.starmonthlink,
.starchivespage a.stararchives,
.celebritypage a.celebritystars,
.about a.aboutuslink,
.oursponsors .oursponsorslink,
.faqpage .faq,
.contactpage .contactus,
.info .careinfo,
.books .carebooks,
.links .carelinks,
.other .careother,
.starhonor .honorlink,
.purchase .purchasestar,
.newspage .news,
.eventpage .events,
.mediapage .media,
.resourcepage .resources,
.donatepage .donationlink,
.donateform .donationform,
.donatedonors .donationdonors,
.about a.starcatlist,
.about a.staradd,
.about a.starcelebadd,
.about a.tellfriendlist
{
        background: url(images/grey-on.jpg) no-repeat top left;
        color: #000;
        padding: 0 0 0 7px;
        text-decoration: none;
}

.features-mid {
        background: url(images/features_rep.gif) repeat-y;
        margin: 0 auto;
        width: 719px;
}

.features-top {
        background: url(images/features-bar.gif) no-repeat top;
        padding-top: 8px;
}

.features-bottom {
        background: url(images/features-bottom.gif) no-repeat bottom;
        padding-bottom: 10px;
}

.features-bottom:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
}

.features-bottom {
        display: inline-block;
}

* html .features-bottom {
        height: 1%;
}

.features-bottom {
        display: block;
}

.features-mid h2 {
        font-size: 1.2em;
        height: 27px;
        padding: 3px 0px 0px 5px;
}

.section {
        display: block;
        float: left;
        padding: 5px;
        width: 229.5px;
}

.section2 {
        display: block;
        float: left;
        padding: 5px;
        width: 229.5px;
}

.section p,
.section2 p {
        padding: 0px 10px;
}

.star h2 {
        background: url(images/star-h2.gif) no-repeat;
        padding-left: 35px;
}

.honor h2 {
        background: url(images/honor-h2.gif) no-repeat;
}

.donation h2 {
        background: url(images/donation-h2.gif) no-repeat;
}

.starlist {
        margin: 20px 0px 20px 0px;
        width: 240px;
}

.starofthemonth {
        background: #e6e6e6;
        padding: 5px;
}

.starofthemonth hr {
        background: #ccc;
        border: 0;
        color: #ccc;
        height: 1px;
        margin: 5px 10px;
}

.starlist img {
        float: left;
}

.starlist p {
        margin-left: 65px;
}

.starlist h2 {
        background: url(images/star-box-h2.gif) no-repeat;
        font-size: 1.2em;
        padding: 5px;
}

.starofthemonth h2 {
        background: url(images/star-box-h2.gif) no-repeat;
        font-size: 1.2em;
        padding: 5px;
}

.starinfo {
        border-bottom: solid 1px #ccc;
        margin: 0;
        padding: 0;
        display: block;
}

.first {
        border-top: solid 1px #CCC;
}

a.archivelnk {
        font-size: .9em;
}

.search {
        background: none;
        border-left: dotted 1px #e6e6e6;
        float: right;
        margin-top: 20px;
        padding: 0px 20px 20px 20px;
        width: 410px;
}

.searchmonth {
        background: none;
        border-left: dotted 1px #e6e6e6;
        float: right;
        padding: 0px 20px 20px 20px;
        width: 410px;
}

.search label {
        font-weight: bold;
}
form {
        margin: 0;
        padding: 0;
}
fieldset {
        border: solid 4px #deefee;
        margin-top: 15px;
        padding: 0;
}
legend {
        color: #3D4F53;
        font-weight: bold;
}
form ol {
        list-style: none;
        margin: 0;
        padding: 15px 40px;
}
form ol li {
        clear: both;
        padding: 5px 0px;
}
label {
        float: left;
        padding-right: 10px;
        width: 300px;
}
input {
        width: 200px;
}
input.radio {
        width: auto;
}

div.af,
div.adminfield { margin-top: 15px; }

.tinyhelp {
        display: block;
        font-size: 10px;
        color: #333;
}

.centerbutton {
        text-align: center;
        padding-top: 20px;
}

.bigbutton {
        font-size: 1.40em;
        font-weight: bold;
}

.login div.container {
        width: 500px;
        margin: 60px auto 20px auto;
        min-width: inherit;
}

.login h1 {
        margin-bottom: 20px;
}


.login dl {
        margin: 10px 0 0 0;
}

.login p {
        margin: 10px 0 0 0;
}

.login dt {
        float: left;
        width: 80px;
        font-size: 14px;
        line-height: 24px;
}

.login dd {
        margin: 0 0 5px 90px;
        font-size: 11px;
        line-height: 24px;
        color: #666;
        margin-left: 80px;
}

.login input {
        font-size: 14px;
}

.login dd span {
        color: #ccc;
}

.login input#username {
        width: 300px;
}

.login input#password {
        width: 150px;
        margin-right: 5px;
}

.login input#emailpassword {
        vertical-align: middle;
        margin-right: 5px;
}

.login input.signin { width: 100px; }

input.signin { width: auto; }

.login div.alertgood,
.login div.alertbad {
        margin: 10px 0 20px 0;
}

.alertgood {
        text-align: left;
        border-top: 1px solid #9c9;
        border-bottom: 1px solid #9c9;
        padding: 5px 5px 5px 30px;
        font-size: 11px;
        margin: 0 20px 15px 20px;
        color: #060;
        background: url("http://www.loudcanvas.com/admin/i/checkicon.gif") #e2f9e3 left no-repeat;
}

.alertbad {
        text-align: left;
        font-weight: bold;
        border-top: 1px solid #c99;
        border-bottom: 1px solid #c99;
        padding: 5px 5px 5px 27px;
        font-size: 11px;
        margin: 0 20px 15px 20px;
        background: url("http://www.loudcanvas.com/admin/i/badicon.gif") #c00 left no-repeat;
        color: #fff;
}

.login div#dialog {
        border: 10px solid #ccc;
        padding: 15px 20px 10px 20px;
        text-align: left;
        background: #fff;
}

.error { color: #c00; }

.center { text-align: center; }

div#admintable table { width: 100%; }

div#admintable th {
        background: #619ba6;
        padding: 4px;
        text-align: left;
        color: #fff;
}

div#admintable td {
        padding: 4px;
}

div#admintable td.active { background: #deefee; }

.deletebox { width: auto; }

img.honoreebio {
        margin: 2px 5px;
        border: 1px solid #ccc;
}

img.honoreebiostar {
        margin: 16px 5px;
        border: 1px solid #ccc;
}

#starceleb { display: block; }

.starlistceleb {
        margin: 20px;
}

.starlistceleb img {
        float: left;
}

.starlistceleb p {
        margin-left: 65px;
}

.starlistceleb h2 {
        background: url(images/star-box-h2.gif) no-repeat;
        font-size: 1.2em;
        padding: 5px;
}

.starofthemonth p,
.starinfoceleb p,
.starinfo p { font-size: 11px; }

div.stararchives { padding: 10px; }

button#stargo {
        background: transparent url("/images/go.gif") top left no-repeat;
        width: 61px;
        height: 28px;
        text-indent: -9999px;
        border: 0;
}

div.browse { text-align: center; }

div.browse a {
        font-weight: bold;
        font-size: 11px;
        text-decoration: none;
}

form#searchform p { font-size: 11px; }

div.starinfofloat { float: left; width: 25%; height: 166px; text-align: center; }
div.starinfofloat p { font-size: 11px; }