/* CSS Document */
*{
    margin: 0;
    padding: 0;
}

body{
    padding-top: 10px;
}

#pageWrapper, #footer{
    width: 846px;
    margin: 0 auto 0 auto;
    
    /* Overflow:hidden is required for the CSS hack */
    /* to get the child divs to fill the parent div */ 
    overflow:hidden;
}

#header{
    height: 173px;
    width: 846px;
}

#header a#logo{
    float: left;
    display: block;
    height: 142px;
    width: 244px;
    margin-left: 30px;
    margin-top: 20px;
}

#headerLinks, #headerSearch{
    float: left;
    width: 710px;
}
#headerLinks{
    height: 30px;
}

#headerSearch{
    margin-top: 25px;
    height: 20px;
}

#header #joinNow{
    width: 201px;
    height: 46px;
    float: right;
    margin-top: 3px;
    margin-right: 3px;
    overflow: hidden;
}

#header #joinNow a#joinNow{
    float: left;
    width: 100%;
    height: 100%;
}

#leftPane {
    float: left;
    min-height:500px;
    height:100%;
    text-align: right;
    
    /* CSS hack to have the div fill the parent item */
    /*padding-bottom: 1000px;
    margin-bottom: -1000px;*/
}


#leftPaneTop{
    width: 264px;
    height: 28px;
}

#leftPaneFooter{
    width: 264px;
    height: 289px;
    float: left;
    margin-top: -289px;
    text-align: right;
}

#leftPaneFooter1{
    width: 264px;
    height: 289px;
    text-align: right;
    background-image: url(../images/leftPane_footer.jpg);
}  

#centerPane{
    width: 518px;
    min-height: 435px;
    padding: 30px;
    float: left;
}

#centerPane #breadcrumbs{
    float:left;
    margin-top: -28px;
    margin-left: -24px;
}

#centerPane {
    /* CSS hack to have the div fill the parent item */
    /*padding-bottom: 10000px;
    margin-bottom: -10000px;*/
}

#footer{
    padding-top: 10px;
    height: 98px;
}

#home{
    margin: 10px;
    min-height: 400px;
}

#home #centerPane{
    float: left;
    margin-right: 5px;
}

#home .contentPane{
    width: 575px;
}

#home #centerPane #left, #home #centerPane #right{
    float: left;
    width: 340px;
}

#home #centerPane #left{
    margin-right: 5px;
}

#home #centerPane #bottom{
    clear: both;
}

#home #rightPane{
    float: left;
    width: 245px;
    padding: 0;
}

#homePhoto{
    height: 260px;
    margin-bottom: 5px;
}

#homeIntro{
    height: 130px;
    padding: 5px;
}

#homeNews{
    padding: 5px;
    height: 397px;
}

#home #centerPane .box{
    float: left;
    width: 223px;
    height: 240px;
    margin-right: 5px;
}

#home #rightPane .box{
    margin-bottom: 5px;
    padding: 5px;
}

.spacer{
    clear: both;
    height: 5px;
    width: 5px;
}

.clear{
    clear: both;
}