﻿html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a
{
    margin: 0;
    padding: 0;
    border: 0;
}

html
{
    font-size: 100%; /* IE hack */
}

body
{
    background: #33332D;
    color: #FFF8E3;
    font-family: Calibri;
    margin: 0;
    padding: 0;
    width: 850px;
    margin-left: auto;
    margin-right: auto;
}

img
{
    border: none;
}

#container
{
    width: 100%;
}
#header
{
    width: 100%;
    height: 165px;
    margin: 0 0 10px 0;
}

#header a
{
    text-decoration: none;
    color: #FF690A;
}

#header a:hover
{
    text-decoration: none;
    color: #FF690A;
}
#header #title
{
    float: left;
    width: 560px;
    margin: 0;
}
#header #logo
{
    float: right;
    margin: 0;
    width: 260px;
    background: #33332D;
}

#menu-border-outer
{
    float: left;
    margin: 0;
    padding: 0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-collapse: separate;
    width: 100%;
    height: 36px;
}

#menu-border-inner
{
    float: left;
    margin: 3px 0 0 0;
    padding: 0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-collapse: separate;
    width: 100%;
    height: 28px;
    background: url(../../App_Themes/HarleysHeroes/Images/dividMenu.jpg) no-repeat 95px 6px;
}

#menu
{
    text-align: center;
    margin: 2px 0 0 110px;
}
.menuMain
{
    margin: 0;
    padding: 0;
    width: 650px;
}
.staticMenu
{
    float: left;
}
.dynamicMenu
{
    text-align: left;
    font-size: 0.95em;
    font-family: Franklin Gothic Book;
    border: solid 1px #666666;
    z-index: 99;
}
.dynamicMenuBullet
{
    margin: 0 5px 2px 0;
}
#main-content
{
    margin: 10px 0 10px 0;
    width: 100%;
    float: left;
}

#slideshow
{
    width: 550px;
    height: 340px;
    float: left;
}

#schedule
{
    float: right;
    margin: -50px 0 0 325px;
    background: #4D4D4D;
    color: #FFFFFF;
    width: 275px;
    height: 98px;
}
#schedule .header
{
    font-size: 1.1em;
    font-family: Franklin Gothic Book;
    padding: 10px 0 5px 15px;
}
#schedule .item
{
    font-size: 1.0em;
    padding: 0 10px 10px 20px;
}

#schedule .item a
{
    color: #9FB4CC;
    text-decoration: none;
}

#schedule .item a:hover
{
    color: #CCCC9F;
    text-decoration: none;
}

#schedule .item img
{
    padding: 0 3px 2px 0;
}
#landingmsg
{
    float: right;
    overflow: auto;
    margin: -340px 0 0 0;
    vertical-align: top;
    background: #040404 url(../../App_Themes/HarleysHeroes/Images/bg-landmsg.jpg) no-repeat 0px 0px;
    color: #040404;
    width: 280px;
    height: 441px;
}
#landingmsg .item
{
    margin: 0px 0px;
    font-size: 1.1em;
    text-align: left;
}
#landingmsg a
{
    text-decoration: none;
    color: #A3A3A3;
}

#landingmsg a:hover
{
    text-decoration: underline;
    color: #A3A3A3;
}
#tiledrow
{
    width: 100%;
    background: #1B1B1B url(../../App_Themes/HarleysHeroes/Images/bg-tile.jpg) repeat-x;
}
.tiledimages
{
    height: 175px;
    width: 185px;
    background: #999999;
    float: left;
    margin: 10px 0 0 10px;
}

#slide
{
    float: left;
}
#donaterow
{
    float: left;
    width: 550px;
    margin: 5px 0 0 0px;
    text-align: center;
    height: 50px;
    font-size: 0.85em;
}

#donaterow #msoevent
{
    width: 548px;
    float: left;
}

#donaterow #inthenews
{
    width: 275px;
    float: right;
}

#donaterow #text a
{
    text-decoration: none;
    color: #FF690A;
}

#donaterow #text a:hover
{
    text-decoration: underline;
    color: #FF690A;
}
#footer-border
{
    float: left;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    width: 100%;
    height: 28px;
}

#footer
{
    clear: both;
    text-align: center;
    margin-top: 2px;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    height: 28px;
}
#footer .divider
{
    color: #666666;
    font-size: 1.2em;
    padding-left: 3px;
}
#footer a
{
    color: #FFF8E3;
    font-size: 0.9em;
    text-decoration: none;
    margin-top: 5px 0 5px 0;
}
#footer a:hover
{
    color: #CCCC9F;
}

#maincontent
{
    margin: 0px 0px 10px 0px;
    padding: 10px 0 0 0;
    width: 100%;
    float: left;
    color: #1B1B1B;
    background: #CCCCCC url(../../App_Themes/HarleysHeroes/Images/bgSideGradL.jpg) repeat-y;
    font-family: Sans-Serif;
}

#maincontent .header
{
    font-family: Gill Sans MT, serif;
    font-weight: normal;
    font-size: 1.4em;
    text-transform: uppercase;
    color: #FF690A;
    border-bottom: solid 1px #1B1B1B;
    padding: 0 300px 0 0;
    margin-left: 15px;
}
#maincontent .subheader
{
    font-size: 0.9em;
    font-weight: normal;
    margin: 10px 15px;
}

.subheader2
{
    font-size: 1.1em;
    font-weight: bold;
}

.subheader2 a
{
    font-weight: normal;
    font-size: 0.85em;
    color: #966629;
    text-decoration: none;
}

.subheader2 a:hover
{
    color: #966629;
    text-decoration: underline;
}
.labelbox
{
    float: left;
    width: 575px;
    font-weight: bold;
    font-size: 0.9em;
    padding: 10px 5px 5px 5px;
}

.labelboxfull
{
    float: left;
    width: 90%;
    font-weight: bold;
    font-size: 0.9em;
    padding: 10px 5px 5px 5px;
}

.labelboxfull a
{
    font-weight: normal;
    font-size: 0.85em;
    color: #966629;
    text-decoration: none;
}

.labelboxfull a:hover
{
    color: #966629;
    text-decoration: underline;
}

.label
{
    width: 45%;
    padding: 0 0 0 0px;
}

.box
{
    width: 55%;
}
.bottomcontent
{
    float: left;
    width: 100%;
    height: 115px;
}
.bottomcontent #options
{
    float: left;
}
.bottomcontent #heading
{
    padding: 10px 0 0 10px;
}
.bottomcontent #checkboxes
{
    padding: 10px 0 0 10px;
}
/**************Link Content Style***************/
.linkcontent
{
    color: #000;
    background: #CCCCCC url(../../App_Themes/HarleysHeroes/Images/bgSideGradL.jpg) repeat-y;
    font-size: larger;
    font-weight: normal;
    margin: 0;
    padding: 5px 5px;
    width: 840px;
    float: left;
}
.linkcontent .title
{
    margin: 20px 45px;
}
.linkcontent .header
{
    margin: 0 0 0 45px;
    font-family: Gill Sans MT, serif;
    font-size: 1.2em;
    color: #FF690A;
    width: 75%;
}
.linkcontent .eventHeader
{
    font-family: Gill Sans MT, serif;
    font-size: 1.2em;
    color: #FF690A;
}
.linkcontent .eventContent
{
    font-size: 0.9em;
    font-weight: normal;
}
.eventContentDetails
{
    padding: 0px 0px 0px 20px;
    font-size: 0.8em;
    font-weight: normal;
}
.linkcontent .header .sub
{
    color: #000;
    font-size: 0.9em;
    font-weight: normal;
}
.linkcontent .content
{
    font-size: 0.9em;
    font-weight: normal;
    margin: 0px 15px 10px 45px;
}

.linkcontent .content a
{
    text-decoration: none;
    color: #FF690A;
}

.linkcontent .content a:hover
{
    text-decoration: underline;
}
/*************************************************/

/**************DonorInfo.aspx Style***************/

#rightBarContainer
{
    margin: 80px 25px 0px 0px;
    float: right;
    width: 240px;
}

.hmbox2
{
    background: #FFFFFF;
    color: #1b1b1b;
    border: 1px solid #333333;
    margin: 40px 25px 0px 0px;
    padding: 5px;
    width: 225px;
}
.hmbox2 .hmheader
{
    font-family: Franklin Gothic Book, serif;
    font-size: 1.4em;
    color: #FF690A;
    padding-bottom: 10px;
}
.hmbox2 .hmcontent
{
    font-size: 0.95em;
    font-family: Calibri;
    padding-bottom: 15px;
}
.hmbox2 .hmcheck
{
    width: 100%;
    font-weight: bold;
    font-family: Calibri;
    font-size: 0.98em;
}

.hmbox3
{
    background: #CCCCCC;
    color: #1b1b1b;
    margin: 0px 25px 0px 0px;
    padding: 5px;
    width: 225px;
}
.hmbox3 .hmheader2
{
    font-family: Franklin Gothic Book, serif;
    font-size: 1.4em;
    color: #FF690A;
    padding-bottom: 10px;
}

.dealerLink
{
    background: #CCCCCC;
    color: #1b1b1b;
    margin: 40px 25px 0px 0px;
    padding: 5px;
    width: 225px;
}
.dealerLink .dealerLinkheader
{
    font-family: Franklin Gothic Book, serif;
    font-size: 1.4em;
    color: #FF690A;
    padding-bottom: 10px;
}

.hmbox
{
    background: #FFFFFF;
    color: #1b1b1b;
    border: 1px solid #333333;
    margin: 40px 25px 0px 0px;
    padding: 5px;
    width: 225px;
    float: right;
}
.hmbox .hmheader
{
    font-family: Franklin Gothic Book, serif;
    font-size: 1.4em;
    color: #FF690A;
    padding-bottom: 10px;
}
.hmbox .hmcontent
{
    font-size: 0.95em;
    font-family: Calibri;
    padding-bottom: 15px;
}
.hmbox .hmcheck
{
    width: 100%;
    font-weight: bold;
    font-family: Calibri;
    font-size: 0.98em;
}


#DIVMemorialHonorary
{
    float: left;
    width: 100%;
}

/*************************************************/

/**************DonorInfo.aspx Style***************/
.pagecontent
{
    font-size: 0.9em;
    text-align: left;
}

.tributerrormsg
{
    font-weight: bold;
    color: #D01F3C;
    padding: 15px 0 0 140px;
}

/*************************************************/

/*************************************************/

/**************DonorInfo.aspx Style***************/
.msoschedule
{
    margin: 0 0 0 45px;
    font-size: 0.8em;
    background: #FFFFFF;
}

.pinschedule
{
    margin: 0;
    font-size: 0.8em;
    background: #FFFFFF;
}

/*************************************************/

img
{
    border: none;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*********** Blog Display - Landing Page *************************/
.MinHeight
{
    min-height: 550px;
    height: 550px;
}
div[class] .MinHeight
{
    height: auto;
}
.blog_date
{
    padding: 10px 0px 0px 0px;
    font-size: x-small;
    color: #666666;
}

.blog_title
{
    margin: 0px 0px 10px 15px;
    font-weight: bold;
    color: #FF690A;
    font-family: Times New Roman;
    font-size: x-large;
}

.blog_message
{
    margin: 0px 0px 0px 30px;
    padding: 0px 20px 10px 0px;
}

.blog_image
{
    margin: 0px 0px 5px 30px;
    padding: 0px 20px 0px 0px;
}

.blog_footer
{
    margin: 0px 20px 0px 30px;
    font-size: x-small;
    color: #666666;
    border-top: #FF690A 1px solid;
}

#blog_header
{
    color: #666666;
    font-family: Arial, Helvetica, Verdana;
    font-weight: bold;
    font-size: 1.3em;
}

.blog_archive
{
    color: #666666;
    font-family: Franklin Gothic Book, Arial, Helvetica, Verdana;
    padding: 5px 0 0 0;
}

.blog_archive .year
{
    font-family: Arial, Helvetica, Verdana;
    color: #FF690A;
    text-decoration: none;
}

.blog_archive .month
{
    color: #FF690A;
    text-decoration: none;
}

.blog_archive .monthHover
{
    color: #FF690A;
    text-decoration: underline;
}
.commentDisclaimer
{
    font-size: .8em;
    font-style: italic;
}
/*********** Firefox Spacing *************************/
p
{
    margin: -13px;
}
/*********** Accordion Styles *************************/
.accordionHeader
{
    border: 1px solid #CCC;
    color: white;
    background-color: #E1E1E1;
    background: url(images/accordionHeaderSelectedBkgd.jpg) repeat-x;
    font-family: Constantia, Serif;
    font-size: 1em;
    font-weight: bold;
    padding: 2px;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
}
.accordionHeaderSelected
{
    border: 1px solid #B3B3B3;
    color: white;
    background-color: #DFDFDF;
    background: url(images/accordionHeaderBkgd.jpg) repeat-x;
    font-family: Georgia, Serif;
    font-size: 1em;
    font-weight: bold;
    padding: 2px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    background-color: #FFF;
    border: 1px solid #CCC;
    border-top: none;
    padding: 5px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 1.1em;
    color: #333333;
}
.accordionLink
{
    border-style: none;
    text-decoration: none;
    color: Black;
    font-size: medium;
}
.accordionSubHeader
{
    margin: 0px 5px 0px 0px;
    color: #FF690A;
    font-size: medium;
}
.accordionDealer
{
    font-size: medium;
    font-weight: bold;
}
.accordionDate
{
    font-size: medium;
}
.accordionContent2
{
    margin: 0px 5px 0px 0px;
    font-size: 0.7em;
    font-weight: normal;
}
.accordionLinkcontent
{
    color: #000;
    font-weight: normal;
    margin: 0px 15px 0px 40px;
    padding: 5px 5px;
    width: 750px;
}
/*********** New Look Styles *************************/
.scheduleNews
{
    float: right;
    margin: 0px -300px 0px 0px;
    width: 275px;
}
.scheduleNews2
{
    float: right;
    overflow: auto;
    margin: 80px -250px 0px 0px;
    vertical-align: top;
    width: 263px;
}
#scheduleNews2 .item2
{
    font-size: 1.2em; 
}

#scheduleNews2 .item2 a
{
    color: #A3A3A3;
    text-decoration: none;
}

#scheduleNews2 .item2 a:hover
{
    color: #CCCC9F;
    text-decoration: none;
}
#rightBarContainerToDo #rightBar2
{
    margin: 80px 0px 0px 0px;
    width: 263px;
    height: 437px;
    background-color: #FFFFFF;
}
#rightBarContainerToDo #rightBar2 #rightBar2Header, #rightBarContainerToDo #rightBar3 #rightBar3Header
{
    width: 263px;
    background-image: url(images/rightBar2HeaderBkgd.jpg);
    background-repeat: repeat-x;
    text-align: center;
}
#rightBarContainerToDo #rightBar4 #rightBar4ContentArea
{
    margin: 10px 50px 0px 5px;
    position: relative;
}
.rightBar1Menu
{
    list-style-type:none;
    vertical-align: bottom;
    margin-left:  15px;
}
.rightBar1MenuItems
{
    /*padding-top: .6em;*/
    padding-top: 3.2em;
}
/*********** Text Heroes Content *************************/

.linkcontent .textHeroesContent
{
    font-size: 0.8em;
    font-weight: normal;
    margin: 0px 15px 10px 45px;
}
/*********** Dealer Info Page Content *************************/

.linkcontentDealer
{
    color: #000;
    font-size: larger;
    font-weight: normal;
    margin: 0;
    padding: 2px 2px;
    width: 840px;
    float: left;
}
.headerDealerInfo a
{
    color: #FF690A;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    margin-bottom: 14px;
}
.contentDealerInfo
{
    font-size: 0.9em;
    font-weight: normal;
    font-family: Verdana, Arial, Sans-Serif;
    margin-bottom: 14px;
}

