/*** Fonts ***/
@font-face {
    font-family: 'impact';
    src: url('../fonts/impact.eot');
    src: url('../fonts/impact.eot?#iefix') format('embedded-opentype'),
         url('../fonts/impact.woff') format('woff'),
         url('../fonts/impact.ttf') format('truetype'),
         url('../fonts/impact.svg#impact') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

/*@font-face {
	font-family: snell;
	src: url('../fonts/SnellRoundScrGr.otf');
}
@font-face {
	font-family: snellb;
	src: url('../fonts/SnellRoundScrGrBold.otf');
}
@font-face {
	font-family: impact;
	src: url('../fonts/impact.ttf');
}*/
@font-face {
	font-family: bookman;
	src: url('../fonts/BOOKOS.TTF');
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu li ul {
	position: absolute;
	display: none;
	top: 46px;
	left: 26px;
	z-index: 1;
	padding-top: 20px;
}
.sf-menu ul {
	
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
	font-family: impact;
	font-size: 21px;
	text-shadow: 2px 2px 4px #000;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** SKIN ***/
.sf-menu {
	float: left;
}
.sf-menu ul {
	box-shadow: 5px 5px 6px rgba(0,0,0,.4);
	min-width: 11em; /* allow long menu items to determine submenu width */
	*width: 11em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #13a;
}
.top {
	margin-right:	30px;
	width:			240px;
	height:			84px;
}
.top a {
	position:		absolute;
	z-index:		2;
	color:			white;
	background-color: transparent;
	vertical-align: middle;
	width:			240px;
	height:			69px;
	background:		url('../images/menu_top_back.png') no-repeat;
	text-align:		center;
	vertical-align:	center;
	padding-top: 	15px;
}
.top a:hover {
	color:			yellow;
}
.sub {
	width:			183px;
	height:			50px;
}
.sub a {
	color:			white !important;
	width:			183px;
	height:			50px;
	background:		url('') no-repeat;
	text-align:		center;
	vertical-align:	center;
	font-family: snell;
	font-size: 18px;
}
.sub a:hover {
	color:			yellow !important;
}
.sf-menu li ul{
	height:			219px;
}
.sf-menu li ul li{
	height:			50px;
}
.sf-menu ul {
	background:		url('../images/menu_sub_back.png') no-repeat;
}
.sf-menu ul li {
	
}
.sf-menu ul ul li {
	
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}