@charset "utf-8";
/* CSS Document */

html {
     overflow: -moz-scrollbars-vertical;
     overflow-y: scroll;
}

html,body{

	background-color:#000000;
	margin:0;
	padding:0;
	font-family:verdana, Arial, Helvetica, sans-serif;
    color:black;
	font-size:12px;
	background-image:url(http://www.tastymojo.com/site_images/strong-hold/steel.jpg);
A:link{color:#ff0000;text-decoration:none}
A:active{color:#ff0000;text-decoration:none}
A:visited{color:#ff0000;text-decoration:none}
A:hover{color:#ff0000;text-decoration:underline}


}
tr{vertical-align:top}

A:link{color:#ff0000;text-decoration:none}
A:active{color:#ff0000;text-decoration:none}
A:visited{color:#ff0000;text-decoration:none}
A:hover{color:#ff0000;text-decoration:underline}


.bolder {
	font-family: veranda, arial, sans serif; 
	font-size: 14px; 
	color: #333333; 
	font-weight: bold;
	padding: 2px;
}
.bodyFrame{
	background-color:#fdfdfd;
	border-left:1px black solid;
	border-right:1px black solid;
	line-height:1.2em;

}
.bodyCopy {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #333333; 
}
.fine {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #333333; 
	padding: 4px 4px 4px 4px;
	text-align:center
}

.leftNav{
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	line-height:1.6em;
	padding-top:5px;
	background-color:#3d393a;
}
.leftNav a{
	font-weight:normal;
	color:#cccccc;
}




/* ---------------------------------------------------------------------------------------------------*/
/* LEFT NAV FLY OUT */

ul.level1,.level1 li {
	display: block;
	margin: 0;
	padding: 0 0 0 5px;
	border: 0;
}

ul.level1, ul.level2 {
	width: 158px;
	list-style-type: none;
}

.level2 li,.level1 li {
	position: relative;
	padding: 0px;
	z-index: 9;
	border-bottom:1px solid #fff;
}

.level2_last {
	border-bottom:none;
}

li.folderTop	{
	background-image:url(http://www.tastymojo.com/site_images/strong-hold/nav_back.gif);
	background-repeat:repeat-x;
	height:25px;
}	
li.folder	{
	border-bottom:1px solid #636363;
	height:20px;
}	

li.folder:hover {
	z-index: 10;
    background-color:#91251b;
	text-decoration:none;
}
li.folder a:hover {
        padding-top:2px;
	text-decoration:none;
}
		
li.folder ul {
	position: absolute;
	display: none;
	left: 130px; /* IE */
	top: 5px;
}
				
li.folder>ul { 
	left: 150;
}
		
ul.level1 li.folder:hover ul.level2 {
	display: block;
	width: 300px;
}


ul.level2{
border: 1px solid #FFF;
padding-left:0;
margin-left:0;
}


li a.submenu {
	background-color: #636363;
	padding-left: 10px;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
padding-right:5px;
}
			
li a.submenu:hover {
	background-color: #91251b;
	color:#ffffff;
	text-decoration:none;
}
			

/* Hide from IE5-mac. Only IE-win sees this. \*/

/* End hide from IE5/mac */




#leftmenu {
    margin: 0;
    padding: 0;
}

#leftlink {
	padding: 0px 0px 0px 20px;
	margin-top: 15px;
}
/* ---------------------------------------------------------------------------------------------------*/
/* LEFT NAV FLY OUT */


/* top nav */

.nav{
    background-image:url(http://www.tastymojo.com/site_images/strong-hold/nav_back.gif);
	background-repeat:repeat-x;
	height:28px;
	text-align:center;
	vertical-align:middle;
}



.menu {position:relative; z-index:99999999;width:100%:}
/* hack to correct IE5.5 faulty box model */
* html .menu {vertical-align:middle}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {text-align:center;padding:0;margin:0;width:100%;list-style-type:none;}

/* hide the sub levels and give them a position absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:23px;left:0;z-index:1000}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;vertical-align:middle;list-style-image:none;padding-right:2px;padding-left:2px;}
.menu2 {padding-top:-10px;float:right;position:relative;left:-369px; height:26px;line-height:26px;vertical-align:middle;list-style-image:none;padding-right:10px;padding-left:10px;}



/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#000;  font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {}
/* style the top level hover */
.menu a:hover {color:#91251b;text-decoration:none }




.menu a img {border:none;vertical-align:middle}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:1; left:10; border-collapse:collapse;border:1px solid white;border-bottom:none;}
.menu td{background:#636363;border-bottom:1px solid white;vertical-align:middle;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { color:#cccccc; font-weight:normal;font-size:12px;display:block;background-color:#636363;padding-left:10px;height:20px;padding-top:6px;vertical-align:middle;}
.menu ul ul a:hover { 	background-color: #91251b;color:#ffffff;text-decoration:none;}


.menu :hover > a, .menu ul ul :hover > a { }



/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }



/* top nav */


.address{
	width:180px;font-size:10px;line-height:16px;vertical-align:middle;color:#333333;text-align:left;
}
.right{
	background-image:url(http://www.tastymojo.com/site_images/strong-hold/right_back.gif);
	background-color:#e7e7e7;
	background-position:top;
	background-repeat:repeat-x;
}
.newsbox{
	background:white;border:1px solid black; width:200px;vertical-align:top
}
.footer{text-align:center;color:#333333;font-size:11px;padding-top:5px;}
