@font-face {
    font-family: 'OpenSansRegular';
    src: url('../OpenSans-Regular-webfont.eot');
    src: url('../OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'),
         url('../OpenSans-Regular-webfont.woff') format('woff'),
         url('../OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('../OpenSans-Italic-webfont.eot');
    src: url('../OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'),
         url('../OpenSans-Italic-webfont.woff') format('woff'),
         url('../OpenSans-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../OpenSans-Bold-webfont.eot');
    src: url('../OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'),
    url('../OpenSans-Bold-webfont.woff') format('woff'),
    url('../OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraBold';
    src: url('../OpenSans-ExtraBold-webfont.eot');
    src: url('../OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../OpenSans-ExtraBold-webfont.svg#OpenSansExtraBold') format('svg'),
    url('../OpenSans-ExtraBold-webfont.woff') format('woff'),
    url('../OpenSans-ExtraBold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


body     { margin: 0; background: url(images/back.gif) repeat-x; }
p    { color: #333333; font-size: 18px; font-family:  'OpenSansRegular', Arial, Helvetica, sans serif; text-decoration: none; text-align: left; line-height: 170% }
h1   { color: #333333; font-size: 40px; font-family: 'OpenSansBold', Arial, Verdana, Helvetica, sans-serif; text-decoration: bold; text-align: center; line-height: 200%; font-weight: normal; }
h2    { color: #333333; font-size: 24px; font-family: 'OpenSansBold', Arial, Verdana, Helvetica, sans-serif; text-align: center; line-height: 150%; font-weight: normal; }
h3    { color: #333333; font-size: 16px; line-height: 8pt; font-family: 'OpenSansBold', Arial, Verdana, Helvetica, sans-serif; text-align: center; line-height: 120%; font-weight: normal; }
A:link     { color: #666666; font-size: 16px; font-family: 'OpenSansRegular', Arial, Helvetica, sans serif; text-decoration: none; }
A:hover     { color: #999999; font-size: 16px; font-family: 'OpenSansRegular', Arial, Helvetica, sans serif; text-decoration: none; }
A:active     { color: #00f; font-size: 16px; font-family: 'OpenSansRegular', Arial, Helvetica, sans serif; text-decoration: none; }
A:visited     { color: #666666; font-size: 16px; font-family: 'OpenSansRegular', Arial, Helvetica, sans serif; text-decoration: none; }

.footer  { color: #333333; font-size: 12px; font-family: 'OpenSansRegular', Arial, Helvetica, sans serif; line-height: 150%; }
A.footer:link       { color: #666666; font-size: 12px; font-family: 'OpenSansRegular', Arial, Verdana, Helvetica, sans-serif; text-decoration: none; }
A.footer:hover       { color: #9999999;  font-size: 12px; font-family: 'OpenSansRegular', Arial, Verdana, Helvetica, sans-serif; text-decoration: none; }
A.footer:active       { color: #00f; font-size: 12px; font-family: 'OpenSansRegular', Arial, Verdana, Helvetica, sans-serif; text-decoration: none; }
A.footer:visited       { color: #666666; font-size: 12px; font-family: 'OpenSansRegular', Arial, Verdana, Helvetica, sans-serif; text-decoration: none; }

.story { color: #333333; font-size: 36px; font-family: 'OpenSansExtraBold', Arial, Verdana, Helvetica, sans-serif; text-decoration: bold; text-align: center; line-height:100%; }

img { max-width: 100%; border:0;}

.ie6 img { width: 100%; border:0; }

b {font-family: 'OpenSansBold', Arial, Verdana, Helvetica, sans-serif;font-weight:normal;}

#content-box { width: 70%; margin: 0 auto; text-align: center }

#center-box { margin: 0 auto; clear: both; display: inline-block; width: 310px; }

@media screen and (max-width: 979px)
{
	h1 { font-size: 32px;}
	
}

@media screen and (max-width: 450px)
{
	h1 { font-size: 24px;}
	#content-box { width: 90%;}
	
}