/**************************** Page Styles ****************************/
p.pageHeaderTitle 
{
    font:bold 160% Verdana, san-serif, arial;
    color:#000088;
    border-bottom:2px solid #960;
}
p.pageSubHeaderTitle 
{
    font:bold 120% Verdana, san-serif, arial;
    color:#c93;
}
span.note 
{
    font-size:90%;
    font-weight:bold;
    color:#999;
}
p.eventHeader
{
    font:bold 120% Verdana, san-serif, arial;
    color:#008800;
    width:80%;
    border-bottom:1px solid #69f;
}
p.eventInformtion { padding-left:30px; }
p.printParagraph { width:80%; }
p.breakPage { page-break-after: always; height:1px; }
span.separator { border-bottom:1px solid #000; }
p.appSectionHeader 
{
    font:bold 100% Verdana, san-serif, arial;
    color:#008;
    border-bottom:1px solid #000;
}

/**************************** Layout Styles **************************/
html { height: 100%;  }
body
{
    margin:0px; padding:0px; height:100%;
    font:smaller Verdana, san-serif, arial;
    background-color:#69f;
    background-image:url(../../resources/img/wood_page_background.jpg);
    background-repeat:repeat-y;
    background-position:center;
}

/* layout */
#bodywrapper { margin-right:auto; margin-left:auto; width:760px; border:1px solid #000;}
#wrap 
{
    overflow:hidden;
    min-height:100%;
    height:100%; width:760px;
    background-image:url(../../resources/img/menu_background_small.jpg);
    background-repeat:repeat-y;
    background-position:0% 100%;
    background-color:#c93;
}
#menubar { margin-bottom: -2000px; padding-bottom: 2000px; }
#content { margin-bottom: -2000px; padding-bottom: 2000px; }
#header 
{
    border-bottom:3px solid #963;
    background-color:#69f;
    background-image:none; /* put background gradient here */
    background-repeat:repeat-x;
    background-position:top;
}
#header h1 
{
    margin:0px;
    padding:30px 0px 30px 370px;
    font-size:200%;
    font-family:Georgia, serif;
    color:#fff;
    background-color:#69f;
    background-image:url(../img/loon_logo.jpg); /* put log here */
    background-repeat:no-repeat;
    background-position:top left;
}
#message 
{
    margin:0px;
    padding:10px;
    font-size:90%;
    color:#fff;
    text-align:center;
    background-image:url(../img/wood.jpg); /* put tiled message background here */
    background-color:#404530;
    background-repeat:repeat-x;
    background-position:top left;
    border-bottom:3px solid #963;
}
span.messageBack 
{
    padding:0px 10px 0px 0;
    background-color:#c93;
    height:100%;
}
#message b 
{
    padding:10px 0 10px 35px; /* padding size of image separator */
    background-image:url(../img/drop_separator.jpg); /* image separator image */
    background-repeat:no-repeat;
    background-position:0 50%;
}
#message a { color:#fff; }
#content 
{
    width:535px; float:right;
    font-size:95%;
    color:#333;
    background-color:#fff;
    height:100%;
    line-height:1.5em;
    
}
#content .gutter 
{
    padding:15px;
    background-image:url(../img/content_drops.jpg); /* fade at top of content - max 25px high */
    background-repeat:repeat-x;
    background-position:top left;
}
#contentFullWidth 
{
    width:760px; float:right;
    font-size:95%;
    color:#333;
    background-color:#fff;
    height:100%;
    line-height:1.5em;
    
}
#contentFullWidth .gutter 
{
    padding:15px;
    background-image:url(../img/content_drops.jpg); /* fade at top of content - max 25px high */
    background-repeat:repeat-x;
    background-position:top left;
}
#menubar 
{
    float:left;
    width:223px; height:100%;
    padding-left:0px; 
    padding-top:15px;
    display:inline;
}
.menubox 
{
    margin:0 0 20px 15px;
    padding:0 0 12px 0;
    font-size:85%;
    line-height:1.5em;
    color:#666;
    background-color:#ffc;
    width:85%;
    background-image:url(../img/rounded_corner_top_left.gif);
    background-position:top left;
    background-repeat:no-repeat;
}
.menubox h3
{
    margin:0px;
    padding:12px;
    font-family:Georgia, serif;
    font-size:140%;
    font-weight:bold;
    color:#339;
    background-image:url(../img/rounded_corner_top_right.gif);
    background-position:top right;
    background-repeat:no-repeat;
    border-bottom:2px solid #cc3;
}
.menubox p
{
    padding-left:10px;
    padding-right:10px;
}
#footer 
{ 
    width:100%;
    clear:both;
    background:#828377; 
    background-image:url(../img/bottom_wood.jpg);
    border-bottom:2px solid #c93;
    border-top:2px solid #c93;
}
#footer p
{ 
    margin:0px;
    padding:10px;
    font-size:85%;
    color:#333;
    text-align:center;
    line-height:1.5em;
}
span.footerBack
{
    background-color:#e3d097;
    padding:4px;
}
.clear { clear:both; line-height:0px;}
.floatRight { float:right; }