/**************** Cascading Style Sheet to control Fonts for all elements on the site ****************/
/**** Download font files for Goudy Old Style and Goudy Old Style Italic to browser. 
 *
 *      NOTE - Use www.fontsquirrel.com to create demos html / css for other fonts if you need to. 
 *
 ****/
@font-face {
    font-family: 'Goudy Old Style Regular';
    src: url('GOUDOS.eot');
    src: local('Goudy Old Style Regular'), local('GoudyOldStyleT-Regular'), url('GOUDOS.woff') format('woff'), url('GOUDOS.ttf') format('truetype'), url('GOUDOS.svg#GoudyOldStyleT-Regular') format('svg');
}
@font-face {
    font-family: 'Goudy Old Style Italic';
    src: url('GOUDOSI.eot');
    src: local('Goudy Old Style Italic'), local('GoudyOldStyleT-Italic'), url('GOUDOSI.woff') format('woff'), url('GOUDOSI.ttf') format('truetype'), url('GOUDOSI.svg#GoudyOldStyleT-Italic') format('svg');
}
/**** Control the font, size, and color of the text (dark grey) for all main areas of the site (when we put text in the Body, TD, or P HTML Tags) ****/
body {
    color: #484848;
    font-family: arial;
    font-size: 10pt;
}
p {
    color: #484848;
    font-family: arial;
    font-size: 10pt;
}
td {
    color: #484848;
    font-family: arial;
    font-size: 10pt;
}
/**** Create a Paragraph Header that's a little darker and bold. ****/
.paragraphHeader {
    color: #282828;
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
}
/**** Create a light grey text for Gallery and Portrait Descriptions ****/
.pictureDescription {
    color: #6E6645;
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
}
/**** Menu's will be the same color as most text on the site, but a little larger and bold. ****/
.menu {
    color: #484848;
    font-family: arial;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
}
/* For the Menu Options that are currently selected, make them Orange. */
.menuSelected {
    color: #FF6600;
    font-family: arial;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
}
/* When you are hovering over a Menu Options, make it Orange. */
.menu:hover {
    color: #FF6600;
    font-weight: bold;
}
/**** Control the color of HREF / Anchor Tags. Dark Grey. 
 *
 *      NOTE - Once selected, the color of the Anchor Tag would normally change. No it will NOT.
 *
 ****/
a {
    color: #484848;
    font-family: arial;
    font-size: 10pt;
    font-weight: normal;
}
/* When you are hovering over the Anchor Tag, make it orange. */
a:hover {
    color: #FF6600;
}
/**** Use downloaded Goudy Old Style Italic for the Footer Text. Get the color a little more brownish and greenish and weird. ****/
.footerStyleLarge {
    color: #574A38;
    font: 20px/44px 'Goudy Old Style Italic', Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 6;
}
.footerStyleSmall {
    color: #574A38;
    font: 14px/14px 'Goudy Old Style', Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 4;
}
