/* v1.0 | @font-face Styles */


/* This stylesheet is deadicated to the class style structure of this Web site. If you want to add new ID or structural elements please use the "main.css" file and REMEMBER TO ADD COMMENTS TO YOUR ADDITIONS explaining what they control. Always BACKUP your site BEFORE MAKING CHANGES to this site's structure. */


/*====working named colors====

Black= #000000
Silver= #c0c0c0
Gray= #808080
White= #ffffff
Maroon= #800000
Red= #ff0000
Purple= #800080
Fuchsia= #ff00ff
Green= #008000
Lime= #00ff00
Olive= #808000
Yellow= #ffff00
Navy= #000080
Blue= #0000ff
Teal= #008080
Aqua= #00ffff

Shorthand colors work in CSS but not in html (ex. #f3c instead of ff33cc)
*/

/*-------------global styles-------------*/
body {
text-align: center;
margin: 0 auto;
}

/*-------------@font-face styles-------------*/

/* May or not need to use the smiley face. Needs more testing.
@font-face {
	font-family: 'MidoMedium';
	src: url('/_assets/Mido-webfont.eot');
	src: local('☺'), url('/_assets/Mido-webfont.woff') format('woff'), url('/_assets/Mido-webfont.ttf') format('truetype'), url('/_assets/Mido-webfont.svg#webfontdeSVIjOD') format('svg'),
}
*/

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

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

/*-------------presentation styles-------------*/
/*2 column text styles*/
div.text2Col {
	background: #e1d8b9;
	padding: 30px;
	margin: 1.5em 0;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;	
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 0px;
}

.text2Col { /*This column CCS style requires vendor specific properties (Not including Opera -o-)*/
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	column-count: 2;
	column-gap: 1em;
	text-align: justify;
}

header#mainHeader h1 { /* Using @font-face and a dropshadow*/
	display: block;
	width: 90%
	margin: 0 40px;
	text-align: center;
	font-family: ChunkFiveRegular,'Arial Black',Arial,serif;
	text-transform: uppercase;
	font-size: 6em;
	color:#7f7f7f;
	font-weight: normal;
	margin-top: .2em;
	text-shadow: 2px 2px 2px #333;
	filter: dropshadow(color=#333, offx=2, offy=2);
	line-height: .9em;
	
}