html, body, #wrap {
    height: 100%;
    margin: 0;
    padding: 0;
}

body > #wrap {
    height: auto;
}

body{
    background: #940001 url('../images/bgrepeat1.jpg') repeat-x top center;
    font: 12px Verdana, Helvetica, Arial, Verdana;
}

body.profile{
    background: #fff url('../images/profileheader.jpg') repeat-x top center
}

    body.profile #main.clearfix{
        background: url('../images/rings.jpg') no-repeat bottom left;
    }

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

h1{

}

hr{
    margin-top: 18px;
}

img{
    border: 0;
}

#errormessage{
    color: #9E0000;
    font-weight: bold;
    padding: 5px 0 5px 30px;
}

#footer {
    position: relative;
	margin-top: -295px; /* negative value of footer height */
	height: 295px;
	clear: both;
	text-align: center;
	background: url('../images/footerbot.jpg') repeat-x bottom center;
	color: #fff;
}

#footerinside{
    width: 990px;
    text-align: left;
    margin: 0 auto;
}

    #footerinside h2{
        margin: 25px 0 15px 0;
        font-weight: normal;
        font-size: 26px;
    }

#footerleft{
    float: left;
    width: 65%;
    margin: 10px 0;
    /*height: 240px;
    overflow: hidden;*/
    padding-right: 3%;
    border-right: 1px solid #fff;
}

    #footerleft h1{
        margin-top: 5px;
    }

    #footerleft .footertext{
        line-height: 18px;
    }

#footerright{
    float: right;
    width: 30%;
    /*height: 260px;
    overflow: hidden;*/
}

    #footerright .left{
        float: left;
        width: 110px;
    }

        #footerright .left img{
            padding: 3px;
            border: 1px solid #fff;
        }

    #footerright .right{
        float: right;
        width: 170px;
    }

        #footerright .right p{
            margin-top: 0;
            padding-top: 0;
        }

#footerend{
    margin: 5px 0;
    padding-top: 5px;
    border-top: 1px solid #fff;
}

#footerprofile{
    height: 33px;
    background: #000 url('../images/profilefooter.jpg') repeat-x top center;
    color: #fff;
    margin-top: 5px;
}

    #footerprofile #footerend{
        width: 990px;
        margin: 0 auto;
        text-align: left;
        border: none;
    }

#footersub {
    position: relative;
	clear: both;
	text-align: center;
	background: #940001 url('../images/footersubbottom.jpg') repeat-x top center;
	color: #fff;
}

#footersubinside{
    width: 990px;
    text-align: left;
    margin: 0 auto;
}

    #footersubinside h2{
        margin: 5px 0 15px 0;
        font-weight: normal;
        font-size: 26px;
    }

#footerspeedleft{
    float: left;
    width: 40%;
    padding-right: 3% solid #fff;
}

#footerspeedright{
    float: left;
    width: 40%;
    padding-left: 3%;
}

    #footerspeedright .left, #footerspeedleft .left{
        float: left;
        width: 110px;
    }

        #footerspeedright .left img, #footerspeedleft .left img{
            padding: 3px;
            border: 1px solid #fff;
        }

    #footerspeedright .right, #footerspeedleft .right{
        float: right;
        width: 270px;
    }

        #footerspeedright .right p, #footerspeedleft .right p{
            margin-top: 0;
            padding-top: 0;
        }

#header{
    height: 46px;
    background: url('../images/bgtop.jpg') repeat-x;
    margin-bottom: 40px;
}

.profile #header{
    background: none;
}

#line{
    border-top: 1px solid #9e0000;
    width: 960px;
    /*margin: 0 auto;
    margin-top: -1px;*/
    margin: -42px auto 0;
    display: none; /* was block */
}

.profile #line{
    display: none;
}

#logobg{
    width: 990px;
    margin: 0 auto;
    /*background: url('../images/logo.jpg') no-repeat top left;*/ /* FOR IE6 */
    background: url('../images/YUC-Logo.png') no-repeat top left;
    height: 107px;
}

#main{
    text-align: left;
    margin: 0 auto;
    width: 990px;
}

body.profile #maincontent{
    min-height: 750px;
}

#maincontent{
    padding: 10px;
}

ul#nav{
    padding: 0;
    list-style-type: none;
    width: auto;
    display: block;
    position: relative;
    float: right;
}

ul#nav li{
    display: block;
    float: left;
    margin: 0;
    padding: 0;

}

ul#nav li, ul#nav li a{
 display: block;
 padding: 0 5px;
 color: #fff;
 font-size: 14px;
 text-decoration: none;
 font-family: Arial, Helvetica, Verdana;
 text-transform: uppercase;
}

ul#nav li.navborder{
    border-left: 1px solid #fff;
}

ul#nav li a.active, ul#nav li a:hover{
 color: #e5ddda;
}

#navwrapper{
    width: 990px;
    text-align: right;
    margin: 0 auto;
}

#page{
    padding-top: 10px;
}

#redback{
  min-height:250px;
  height:auto !important;
  height:250px;
  background: #940001 url('../images/footersubtop.jpg') repeat-x top center;
  padding-top: 10px;
  color: #fff;
}

#redbackinside{
    width: 990px;
    text-align: left;
    margin: 0 auto;
}

    #redbackinside h2{
        margin: 25px 0 15px 0;
        font-weight: normal;
        font-size: 26px;
    }

    #redbackinside p{
        margin: 8px 0 0 0;
        line-height: 15px;
    }

ul#subnav{
    padding: 0;
    margin-top: 20px;
    list-style-type: none;
    width: auto;
    display: block;
    position: relative;
    float: right;
}

ul#subnav li{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

ul#subnav li, ul#subnav li a{
    display: block;
    padding: 0 5px 30px 5px;
    color: #9e0000;
    font-family: Arial, Helvetica, Verdana;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 15px;
}

.profile ul#subnav li, .profile ul#subnav li a{
    padding: 5px 0px;
    font-size: 13px;
    color: #939393;
    margin-left: 5px;
}

ul#subnav li a.active, ul#subnav li a:hover{
    background: url('../images/arrow_on.gif') no-repeat bottom center;
}

.profile ul#subnav li a.active, .profile ul#subnav li a:hover{
    background: none;
    color: #333;
}

#wrap{
    text-align: center;
}

.clear{
    clear: both;
}

.mainimage{
    text-align: center;
    border: 1px solid #c8c8c8;
    margin: -52px 0 0 6px; /* was -10px (top) */
}

.upcomingevent{
    padding: 10px;
    border-bottom: 1px solid #fff;
}

    .upcomingevent.noborder{
        border: none;
    }

    .upcomingevent .left{
        float: left;
        width: 120px;
    }

        .upcomingevent .left img{
            border: 1px solid #fff;
            padding: 3px;
        }

    .upcomingevent .right{
        float: right;
        width: 845px;
    }


/** profile settings **/

.profile #profileleft{
    width: 210px;
    float: left;
    margin-top: 20px;
    font-size: 14px;
}

    .profile #profileleft a{
        color: #9e0000;
        text-decoration: none;
    }

    .profile #profileleft #callout{
        border: 1px solid #dfdfdf;
        padding: 10px;
        line-height: 26px;
        margin: 10px 0 0;
    }

        .profile #profileleft #callout .red{
            color: #9e0000;
            font-size: 16px;
            font-weight: bold;
        }

    .profile #profileleft #profilepic img.propic{
        border-left: 37px solid #9e0000;
        border-right: 34px solid #9e0000;
        margin-left: 3px;
    }

    .profile #profileleft #editprofile ul{
        padding: 20px 0 0;
        list-style-type: none;
        margin: 10px 0 0;
    }

        .profile #profileleft #editprofile ul li{
            border-bottom: 1px solid #dfdfdf;
            padding-bottom: 3px;
            margin-bottom: 8px;
        }

            .profile #profileleft #editprofile ul li a{
                display: block;
            }

    .profile #profileleft #whosonline{
        margin-top: 20px;
        border: 1px solid #dfdfdf;
        padding-bottom: 10px;
    }

        .profile #profileleft #whosonline .currentlyonline{
            margin: 10px 10px -10px;
            float: left;
            font-size: 9px;
            width: 84px;
            text-align: center;
            overflow: hidden;
            height: 102px;
        }

            .profile #profileleft #whosonline .currentlyonline img{
                margin: 0 auto;
                display: block;
            }

        .profile #profileleft #whosonline .seeall{
            display: block;
            text-align: right;
            font-size: 12px;
            padding: 0 10px 5px 0;
        }

        .profile #profileleft #whosonline .title{
            line-height: 30px;
            background: #fff url('../images/LatestUserActivity.jpg') repeat-x bottom center;
            color: #fff;
            border-bottom: 1px solid #dfdfdf;
            font-weight: bold;
            font-size: 16px;
            padding-left: 10px;
        }

.profile #profileright{
    width: 700px;
    float: right;
    margin-top: 20px;
}

    .profile #profileright a{
        color: #9e0000;
        text-decoration: none;
    }

    .profile #profileright h1{
        color: #9e0000;
        font-size: 22px;
        margin-top: 2px;
    }

    .profile #profileright img.imgheader{
        display: block;
    }

    .profile #profileright p{
        margin-left: 5px;
    }

    .profile #profileright #bot{
        width: 700px;
        height: 13px;
        background: url('../images/profilemainbot.jpg') no-repeat bottom center;
    }

    .profile #profileright #main{
        border-left: 1px solid #f2f2f2;
        border-right: 1px solid #f2f2f2;
        padding: 10px;
        width: 678px;
    }


        .profile #profileright #main .business{
            padding-bottom: 20px;
            border-bottom: 1px solid #f2f2f2;
            margin-bottom: 20px;
        }

            .profile #profileright #main .business .businessleft{
                width: 120px;
                float: left;
                padding-left: 10px;
            }

                .profile #profileright #main .business .businessleft img{
                    padding: 6px;
                    border: 1px solid #9e0000;
                }

            .profile #profileright #main .business .businessright{
                width: 541px;
                float: right;
            }

                .profile #profileright #main .business .businessright p{
                    margin-left: 0;
                }

                .profile #profileright #main .business .businessright .vendor span{
                    color: #9e0000;
                    text-transform: uppercase;
                    font-weight: bold;
                }

        .profile #profileright #main .title{
            line-height: 30px;
            background: #fff url('../images/reddot.jpg') repeat-x center center;
            padding-bottom: 3px;
            margin: 0px 5px 10px 0;
        }

            .profile #profileright #main .title span{
                font-weight: bold;
                font-size: 16px;
                color: #9e0000;
                background: #fff;
                padding: 3px 12px 3px 5px;
            }

    .profile #profileright #top{
        width: 700px;
        height: 13px;
        background: url('../images/profilemaintop.jpg') no-repeat top center;
    }


    td.forml{
        text-align: right;
        font-weight: bold;
        width: 40%;
    }
    .answers td.forml{
        width: 40%;
    }
    td.formr{
        text-align: left;
    }
    td.formr input{
        width: 75%;
    }
    td.formr textarea{
        width: 75%;
        height: 75px;
    }

    .message{
        padding: 0;
        clear: both;
    }

    .message a.main{
        float: left;
        width: 90%;
        padding: 1%;
        line-height: 20px;
        text-decoration: none;
        background: #d8d8d8;
        margin-bottom: 20px;
    }

        .message a.main span.bold{
            font-weight: bold;
        }

        .message a.main span.from{
            font-style: italic;
            color: #333;
            float: left;
        }

        .message a.main span.date{
            color: #767676;
            float: right;
        }

    .message a.delete{
        text-decoration: none;
        text-align: center;
        color: #f00;
        float: right;
        width: 6%;
        padding: 3% 1%;
        margin-bottom: 20px;
    }

.searchshell{
    padding: 15px;
    border: 1px solid #9e0000;
    margin-bottom: 15px;
}

    .searchshell .sleft{
        float: left;
        text-align: center;
        width: 150px;
    }

    .searchshell .sright{
        float: right;
        width: 475px;
        line-height: 30px;
    }

        .searchshell .sright span{
            color: #9e0000;
            font-weight: bold;
            font-size: 20px;
            display: block;
        }

.partyshell{
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    line-height: 30px;
}

.rsvp{
    border: 1px solid #9e0000;
}

    .partyshell span{
        color: #9e0000;
        font-weight: bold;
        font-size: 20px;
        display: block;
    }

    .partyshell .desc{
        line-height: 20px;
    }

    .partyshell .sleft{
        float: left;
        width: 25%;
    }

    .partyshell .sright{
        float: right;
        width: 60%;
    }

ul#subnav li a.search, ul#subnav li a.active.search, ul#subnav li a.active.search:hover, ul#subnav li a.search:hover{
    background: url('../images/search.jpg') no-repeat center left;
    padding-left: 28px;
}

ul#subnav li a.settings, ul#subnav li a.active.settings, ul#subnav li a.active.settings:hover, ul#subnav li a.settings:hover{
    background: url('../images/settings.jpg') no-repeat center left;
    padding-left: 28px;
}

ul#subnav li a.inbox, ul#subnav li a.active.inbox, ul#subnav li a.active.inbox:hover, ul#subnav li a.inbox:hover{
    background: url('../images/inbox.jpg') no-repeat center left;
    padding-left: 28px;
}

ul#subnav li a.parties, ul#subnav li a.active.parties, ul#subnav li a.active.parties:hover, ul#subnav li a.parties:hover{
    background: url('../images/parties.jpg') no-repeat center left;
    padding-left: 28px;
}

ul#subnav li a.discounts, ul#subnav li a.active.discounts, ul#subnav li a.active.discounts:hover, ul#subnav li a.discounts:hover{
    background: url('../images/discounts.jpg') no-repeat center left;
    padding-left: 28px;
}

ul#subnav li a.profile, ul#subnav li a.active.profile, ul#subnav li a.active.profile:hover, ul#subnav li a.profile:hover{
    background: url('../images/profile.jpg') no-repeat center left;
    padding-left: 28px;
}

ul#subnav li a.signout, ul#subnav li a.active.signout, ul#subnav li a.active.signout:hover, ul#subnav li a.signout:hover{
    background: url('../images/signout.jpg') no-repeat center left;
    padding-left: 28px;
}