/* set page background color     */
.userBody
{
    background-color: #DAE7EF; 
    
}


/************START HEADER**********************************/
/* sets the background color of the header area     */
.userHeaderBackground
{
     background-image: url(GM_header_973_20r.png); 
}

/* sets the styles for the header text if an image is not used */
.userClientHeaderText
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 26px;
    font-weight: bold;
    /* padding should be set in user style to leave maximum space if an image is used in this space */
    /* if an image is used, set padding-top: 0px; */
    padding-top: 4px;
    /* color: #ffccff; */
}

/* Adjust this wider if headline is wrapping around two lines and shouldn't */
/* or to shorten available area if you need text on two lines */
/* comment out to use the default of 659px                      */
.userHeaderTextWrapper
{
    width: 750px;  
    padding-top: 10px; 
}

/* set width to width of the image. may need to adjust margins to get logo in exact position
   with the right edge aligned with the right edge of the buttons */
.userClientLogoHolder
{
    background-image: url(GM_logo-50.png);
    background-repeat: no-repeat;
    width: 50px;
    margin-right: 5px;
    
   
}
/************END HEADER**********************************/


/****************START MAIN******************************/
/* sets background color of main container      */
.userMainBackground
{
    /* background-color: #ccffcc; */
}
/****************END MAIN******************************/


/***************START SOURCE-INFO BOX******************/

/* Set source info box color and text styles        */
.userSourceInfoStyles
{
     background-color: #DAE7EF;  
    /* font-size: 10px; */    
}
/***************END SOURCE-INFO BOX******************/


/***************START STORY TEXT BOX******************/
/* sets background of the text box      */
.userStoryTextBackground
{
    /* background-color: #112233; */
}

/* Sets text styles for the text box headline       */
.userHeadline
{
    /* font-weight: bold; */
    /* line-height: 25px; */
}

.userSubhead
{
    font-style: italic;
}

/* Sets text styles for the text box text       */
.userStoryBody
{
    
}

/***************END STORY TEXT BOX******************/

/***************START LINKS BOX******************/
.userLinks
{
    background-color: #DAE7EF;
}


/* START uncomment this section and edit to override the default link styles  */
/* test make sure link text colors don't conflict with ".userLinks" background color set above. */
/*
#linksInner a
{
    text-decoration: underline;
    color: #f1f1f1;
}

#linksInner a:hover
{
    color: #222222;
}

#linksInner a:visited
{
    
    color: #f1f1f1;
}
*/
/* END uncomment this section and edit to override the default link styles  */

/***************END LINKS BOX******************/



/***************START THUMBNAIL PANELS******************/
/* sets the background color for the thumbnail panels and their tabs    */
.userThumbsBackground
{
    /* background-color: #ccffcc; */
}

/***************END THUMBNAIL PANELS******************/



/***************START FOOTER******************/
.userFooterLeftText
{
    /* use this for dark backgrounds */
    /* color: #f1f1f1; */
    
    /* use this for light backgrounds */
    color: #222222;
}


/****Uncomment this section to style the "About" link in the footer. ***********/
/* for light colored backgrounds us color: #222222; or same as above in .userFooterLeftText */


#footerLeft a
{
    color: #222222;
    text-decoration: none;
}

#footerLeft a: visited
{
    color: #222222;
    text-decoration: none;
}

#footerLeft a: hover
{
    color: #222222;
    text-decoration: underline;
}

#footerLeft a: active
{
    color: #222222;
    text-decoration: underline;
}



.userFooterRightText
{
    /* use this for dark backgrounds */
    /* color: #f1f1f1; */
    
    /* use this for light backgrounds */
    color: #222222; 
}

/***************END FOOTER******************/