/* ---- 
All font weights must be called by the same name as seen below. The font-weight and font-style 
for each weight must be defined here so that the browser will not add a faux bold or italic to 
the font. Faux bolds will look thinner than it should, faux italic letters will not have the 
appropriate curls at the bottoms of each lowercase letter. Also keep an eye out for double 
bolds (will appear extra chunky) and double italics (will appear extremely slanted). See 
screenshots for examples. The provided CSS should prevent these scenarios, but just in case
try to keep a look out for these items. When coding, disable any local versions of Mission Gothic
to prevent the browser from utilizing your desktop fonts as replacements.
----- */
@font-face {
    font-family: 'Mission Gothic';
    src: url('/common/fonts/mission_gothic_regular-webfont.eot');
    src: url('/common/fonts/mission_gothic_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/mission_gothic_regular-webfont.woff') format('woff'),
         url('/common/fonts/mission_gothic_regular-webfont.ttf') format('truetype'),
         url('/common/fonts/mission_gothic_regular-webfont.svg#mission_gothic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mission Gothic';
    src: url('/common/fonts/mission_gothic_regular_italic-webfont.eot');
    src: url('/common/fonts/mission_gothic_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/mission_gothic_regular_italic-webfont.woff') format('woff'),
         url('/common/fonts/mission_gothic_regular_italic-webfont.ttf') format('truetype'),
         url('/common/fonts/mission_gothic_regular_italic-webfont.svg#mission_gothic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Mission Gothic';
    src: url('/common/fonts/mission_gothic_bold-webfont.eot');
    src: url('/common/fonts/mission_gothic_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/mission_gothic_bold-webfont.woff') format('woff'),
         url('/common/fonts/mission_gothic_bold-webfont.ttf') format('truetype'),
         url('/common/fonts/mission_gothic_bold-webfont.svg#mission_gothic') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Mission Gothic';
    src: url('/common/fonts/mission_gothic_bold_italic-webfont.eot');
    src: url('/common/fonts/mission_gothic_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/mission_gothic_bold_italic-webfont.woff') format('woff'),
         url('/common/fonts/mission_gothic_bold_italic-webfont.ttf') format('truetype'),
         url('/common/fonts/mission_gothic_bold_italic-webfont.svg#mission_gothic') format('svg');
    font-weight: bold;
    font-style: italic;
}
/* ---- 
For the entire HTML document, antialiasing has been enabled so that fonts appear as intended. 
Without this, the edges of fonts tend to look wider, causing certain weights to look heavier 
than intended. Webkit and Firefox fixes included below. Font-size was used here only as an 
example, and can be eliminated in the future.
----- */
html {
    -webkit-font-smoothing: antialiased!important;
	-moz-osx-font-smoothing: grayscale!important;
	font-size:30px;
}
/* ---- 
For our example, we have the entire body tag set to Mission Gothic with a font-weight of normal 
and a font-style of normal. In the future, Verdana may be needed to match the AAA.com styling. 
Font-weight and font-style should remain normal here.
----- */
/* body {
	font-family: 'Mission Gothic', 'Arial Narrow', Arial; 
	font-weight:normal; 
	font-style:normal;
	padding:50px;
} */
/* ---- 
When calling header tags or other bold elements, use font-family: 'Mission Gothic' rather than 
'Mission Gothic Bold'. Include a font-weight of bold and the correct font will be loaded.
----- */
/* h1, h2, h3, h4, h5, .bold, .mission {font-family: 'Mission Gothic', 'Arial Narrow', Arial; font-weight:bold; font-style:normal;} */

/* ---- 
Inline, class and nested examples of tags used in the example HTML are styled here. All variations must be included to account for programming variations. Please note that the preferred fallback is Arial Narrow with Arial set as the 3rd option. Do not call 'Arial Narrow Bold' or similar as a fallback, as the browser will not know where to find this font on the system.
----- */
/* em, i, .italic {font-family:'Mission Gothic', 'Arial Narrow', Arial; font-style:italic; font-weight:normal;}
p, .normal {font-family: 'Mission Gothic', 'Arial Narrow', Arial; font-weight:normal; font-style:normal;}
em strong, strong em, b i, i b, i strong, strong i, em b, b em, .bolditalic {font-family: 'Mission Gothic', 'Arial Narrow', Arial; font-weight:bold; font-style:italic;} */

/* ---- 
These are optional styles that were used only for example HTML styling. These can be eliminated in the future.
----- */
/* p {font-size: 20px;}
h1, h2, p {margin:0;} */