#printerFriendlyFormat
{
    clear: both;
    display: inline;
    font-size: 10px;
}

*
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}
HTML
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}
BODY
{
    padding-right: 0px;
    background-position: center 50%;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    color: #000;
    padding-top: 0px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" ,geneva,verdana,sans-serif;
    background-color: #EEEEEE;
}

#container1
{
    border-right: black 1px solid;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border-left: black 1px solid;
    width: 100%;
    padding-top: 0px;
    background-color: white;
}

#container
{
    border: solid 1px black;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px auto;
    border-left: black 1px solid;
    width: 958px;
    padding-top: 0px;
    background-color: white;
}

/* Reformats for the main page contents contents of the */

#container address, blockquote, /*body,*/ dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre
{
    display: block;
}
#container li
{
    display: list-item;
}
/*#container	head       	{ display: none }*/
#container tablea
{
    display: table;
}
#container tr
{
    display: table-row;
}
#container thead
{
    display: table-header-group;
}
#container tbody
{
    display: table-row-group;
}
#container tfoot
{
    display: table-footer-group;
}
#container col
{
    display: table-column;
}
#container colgroup
{
    display: table-column-group;
}
#container td, th
{
    display: table-cell;
}
#container caption
{
    display: table-caption;
}
#container th
{
    font-weight: bolder;
    text-align: center;
}
#container caption
{
    text-align: center;
}
/*#container	body       	{ margin: 8px }*/
#container h1
{
    font-size: 2em;
    margin: .67em 0;
}
#container h2
{
    font-size: 1.5em;
    margin: .75em 0;
}
#container h3
{
    font-size: 1.17em;
    margin: .83em 0;
}
#container h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu
{
    margin: 1.12em 0;
}
#container h5
{
    font-size: .83em;
    margin: 1.5em 0;
}
#container h6
{
    font-size: .75em;
    margin: 1.67em 0;
}
#container h1, h2, h3, h4, h5, h6, b, strong
{
    font-weight: bolder;
}
#container blockquote
{
    margin-left: 40px;
    margin-right: 40px;
}
#container i, cite, em, var, address
{
    font-style: italic;
}
#container pre, tt, code, kbd, samp
{
    font-family: monospace;
}
#container pre
{
    white-space: pre;
}
#container button, textarea, input, select
{
    display: inline-block;
}
#container big
{
    font-size: 1.17em;
}
#container small, sub, sup
{
    font-size: .83em;
}
#container sub
{
    vertical-align: sub;
}
#container sup
{
    vertical-align: super;
}
#container table
{
    border-spacing: 2px;
}
#container thead, tbody, tfoot
{
    vertical-align: middle;
}
#container td, th
{
    vertical-align: inherit;
}
#container s, strike, del
{
    text-decoration: line-through;
}
#container hr
{
    border: 1px inset;
}
#container ol, ul, dir, menu, dd
{
    margin-left: 40px;
}
#container ol
{
    list-style-type: decimal;
}
#container ol ul, ul ol, ul ul, ol ol
{
    margin-top: 0;
    margin-bottom: 0;
}
#container u, ins
{
    text-decoration: underline;
}
#container br:before
{
    content: "\A";
}
#container :before, :after
{
    white-space: pre-line;
}
#container center
{
    text-align: center;
}
#container :link, :visited
{
    text-decoration: underline;
}
#container :focus
{
    outline: thin dotted invert;
}

/* */


#logo
{
    background: transparent url(TrumpetLogo.png) no-repeat left center;
    vertical-align: bottom;
    height: 49px;
    text-align: left;
    position: relative;
    width: 100%;
    clear: both;
}

#logoAdvert
{
    float: right;
    padding-right: 10px;
}

#header
{
    margin: 0 0 0 0;
    padding-right: 0px;
    padding-left: 32px;
    background: url(masthead_gradient.png) #f00 repeat-x 0px 100%;
    padding-bottom: 0px;
    vertical-align: middle;
    padding-top: 12px;
    position: relative;
    height: 73px;
    border: solid 1px white;
}

#headerDescription
{
    font-size: small;
    color: White;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" ,geneva,verdana,sans-serif;
}

#top-nav
{
    /*padding: 0px 0px 0px 32px;
    border: solid 1px white;
    border-top: solid 0px white;
    background: #777;
    height: 28px;
    max-height: 28px;
    margin: 0;*/
    
    background:none repeat scroll 0 0 #777777;
    border: solid 3px white;
    border-top: solid 0px white;
    color:#FFFFFF;
    font-size:8px;
    position:relative;
        height: 28px;
    max-height: 28px;
    
}
#top-nav A
{
    color: #fff;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" ,geneva,verdana,sans-serif;
    font-size:small;
}

/*

    MASTER PAGE FOOTER FORMATTING


*/

#footer
{
    font-size:small;
    color: #fff;
    background: #f00 url(../css/footer_gradient.png) repeat-x 0 100%;
    height: 28px;
    border: solid 1px white;
}


    #footer p
    {
        text-align: right;
        margin: 0;
        padding-top: 0.5em;
    }
    #footer ul
    {
        margin: 0;
        padding: 0.5em 0 0 2em;
        float: right;
    }
    #footer li
    {
        list-style: none;
        display: inline;
        padding: 0 0.5em;
        border-right: 1px solid #fff;
    }
    #footer li a
    {
        color: #fff;
        height: 28px;
        font-size:small;
    }
    #footer li.last
    {
        padding-right: 8px;
        border-right: none;
    }

/*

    NAVBAR FORMATTING CODE HERE

*/

/*The small bar on the right side of the page for navigation, etc.*/
#navbar
{
    border: solid 1px #ccc; 
    float: left;
    margin: 1px 0px 1px 10px;
    width: 224px;
    display: inline;
    padding: 4px;
    
}

#navbar p,a
{
    font-size:small;
}


    #navbar .box
    {
        border: solid 1px #ccc; 
    }
    
    #navbar .boxHeader
    {
        background: #f00 url(../css/footer_gradient.png) repeat-x 0 100%;
        font-size: medium;
        background-color: Red;
        font-weight: bold;
        color: White;
        padding: 2px 4px 2px 4px;
    }
    
    #navbar .boxContent
    {
        font-size:small;       
        color: black;
        padding: 2px 4px 2px 4px;
    }        
    
    
    #navbar .boxContent a:hover
    {
        background: #EEEEEE;
        width:224px;
    }
    
    #navbar .boxFooter
    {
       
        font-size:smaller;       
        color: black;
        margin: 2px 4px 2px 4px;
        border-top: solid 1px #ccc; 
        background: #f00 url(../css/footer_gradient.png) repeat-x 0 100%;
    }    
    
        #navbar  .boxFooter a
    {
        color: White;
        text-align:center;
    }
    

#AddYourClub
{
    padding-top: 16px;
    font-size: small;
    color: black;
    font-weight: bold;
}

/*

    CONTENT FORMATTING HERE

    Page articles are displayed using this section

*/
#content
{
    padding: 1px;
    border: solid 1px #ccc; 
    min-height: 100px;
    float: left;
    margin: 3px 0px 3px 3px; /*border-left: #ccc 1px solid;*/
    width: 700px !important; /*border-bottom: #ccc 1px solid;*/
    clear: both;
    display: inline;
}
.clear
{
    border-top-width: 0px;
    clear: both;
    padding-right: 0px;
    display: block;
    padding-left: 0px;
    border-left-width: 0px;
    float: none;
    border-bottom-width: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    border-right-width: 0px;
}
.navMenuNormal
{
    font-size: small;
    z-index: 9999;
    padding: 0px 16px 0px 0px;
    background-color: #777777;
}
.dynamicMenu
{
    font-size:larger;
    z-index: 9999;
    background-color: red;
    border: solid 1px #777777;
}
.dynamicMenuItem
{

    position:relative; 
    font-size: small;
    z-index: 9999;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

    background-color: #777777;
    border: solid 1px #777777;
}
.navMenuSelected
{
    font-size: small;
    z-index: 9999;
    background-color: #777777;
}

.clubDynamicItem
{
    font-size: medium;
    background-color: Black;
    padding-left: 8px;
}

.clubMenu
{
    padding: 8px 0px 8px 0px;
}

/*

    the bar at the bottom of the page

*/
.pageData
{
    border-top: solid 1px #ccc;
    vertical-align: middle;
    clear: both;
}

.pageDataItem
{
    float: left;
    padding-left: 4px;
}

/*

    clubpage styles

*/

#clubPageLogo
{
    vertical-align: bottom;
    height: 49px;
    text-align: left;
    position: relative;
    width: 100%;
    clear: both;
}

#clubPageTrumpetAdvert
{
    border: solid 1px white;
    float: right;
    width: 170px;
    height: 100%;
    color: White;
    font-size: small;
    font-style: italic;
    font-weight: bold;
}

#clubPageHeader
{
    margin: 0 0 0 0;
    padding-right: 0px;
    padding-left: 32px;
    background: url(masthead_gradient.png) #f00 repeat-x 0px 100%;
    padding-bottom: 0px;
    vertical-align: middle;
    position: relative;
    height: 73px;
    border: solid 3px white;
}

#clubPageHeaderLeft
{
    float: left;
    padding: 6px 0px 0px 0px;
    font-size: 3em;
    font-weight:bolder;
    color: White;
}

#clubPageHeaderRight
{
    
    padding-right:6px;
    margin: 6px 6px 0 0;
    font-size: small;
    color: black;
    float: right;
    font-weight: bold;
    font-style: italic;
    height: 60px;
    width:234px;
    background-color:White;
    text-align:right;
}


/*

    hack for holding login information at bottom of form




.bigrow 
{
    background-color: #ffffff;
    clear: both;
    height: 100%;
}

.tableCellMediumRight
{
    padding: 5px 5px 5px 0px;
    width: 100px;
    float: right;
    overflow:hidden;
    font-size:small;
}*/