/* ======================   box styles =================================== 
	This style sheet contains the styles for drawing a box
	Copyrights : Ukisoft, corp (c) 2006
   ======================   box styles =================================== */ 

/* half size box */

#ff .hdlCon		/* defines the width of the text in the box = width of box */
{ 
	width: 320px; 
}
#ff .shrtHdl   /* defines the color inside the box */
{ 
	margin: 0; 
	padding: 0; 
	font-size: 0px; 
	height: 29px; 
	background-color: #fefcd6; 
}
#ff .top	/* defines the color and space below the top line */ 
{
	height: 7px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 7px;
	background-color:  #ffffff;
}
#ff .bot	/* defines the color and space above the bottom line */ 
{
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 7px;
	height: 7px;
	background-color: #ffffff;
}
#ff .topLft  /* defines the top left corner image of the box */ 
{ 
	width: 7px; 
	background-image: url(/images/nav/ff-upper_left.gif); 
	background-repeat: no-repeat; 
}
#ff .topRt  /* defines the top right corner image of the box */ 
{ 
	width: 7px; 
	background-image: url(/images/nav/ff-upper_right.gif); 
	background-repeat: no-repeat; 
	background-position: top right; 
}
#ff .topBrdr /* defines the top line image of the box */ 
{ 
	width: 326px; 
	background-image: url(/images/nav/ff-border-top.gif); 
	background-repeat: repeat-x; 
}
#ff .botLft /* defines the bottom left corner image of the box */ 
{ 
	width: 7px; 
	background-image: url(/images/nav/ff-lower_left.gif); 
	background-repeat: no-repeat; 
}
#ff .botRt /* defines the bottom right corner image of the box */ 
{ 
	width: 7px; 
	background-image: url(/images/nav/ff-lower_right.gif); 
	background-repeat: no-repeat; 
	background-position: top right; 
}
#ff .botBrdr /* defines the bottom line image of the box */ 
{ 
	width: 326px; 
	background-image: url(/images/nav/ff-border-bottom.gif); 
	background-repeat: repeat-x; 
	background-position: bottom; 
}
#ff .hdlLft		/* defines the left box line */ 
{ 
	width: 10px; 
	background-image: url(/images/nav/ff-border-left.gif); 
	background-repeat: repeat-y; 
}
#ff .hdlRt		/* defines the right box line */ 
{ 
	width: 10px; 
	background-image: url(/images/nav/ff-border-right.gif); 
	background-repeat: repeat-y; 
	background-position: right; 
}

/* 3/4th size box floating on right */
#cf .hdlCon		/* defines the width of the text in the box = width of box */
{ 
	width: 320px; 
}
#cf .shrtHdl   /* defines the color inside the box */
{ 
	margin: 0; 
	padding: 0; 
	font-size: 0px; 
	height: 29px; 
	background-color: #ffffff; 
}
#cf .top	/* defines the color and space below the top line */ 
{
	height: 7px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 7px;
	background-color:  #ffffff;
}
#cf .bot	/* defines the color and space above the bottom line */ 
{
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 7px;
	height: 7px;
	background-color: #ffffff;
}
#cf .topLft  /* defines the top left corner image of the box */ 
{ 
	width: 7px; 
	background-image: url(/images/nav/ff-upper_left.gif); 
	background-repeat: no-repeat; 
}
#cf .topRt  /* defines the top right corner image of the box */ 
{ 
	width: 7px; 
	background-image: url(/images/nav/ff-upper_right.gif); 
	background-repeat: no-repeat; 
	background-position: top right; 
}
#cf .topBrdr /* defines the top line image of the box */ 
{ 
	width: 326px; 
	background-image: url(/images/nav/ff-border-top.gif); 
	background-repeat: repeat-x; 
}
#cf .botLft /* defines the bottom left corner image of the box */ 
{ 
	width: 7px; 
	background-image: url(/images/nav/ff-lower_left.gif); 
	background-repeat: no-repeat; 
}
#cf .botRt /* defines the bottom right corner image of the box */ 
{ 
	width: 7px; 
	background-image: url(/images/nav/ff-lower_right.gif); 
	background-repeat: no-repeat; 
	background-position: top right; 
}
#cf .botBrdr /* defines the bottom line image of the box */ 
{ 
	width: 326px; 
	background-image: url(/images/nav/ff-border-bottom.gif); 
	background-repeat: repeat-x; 
	background-position: bottom; 
}
#cf .hdlLft		/* defines the left box line */ 
{ 
	width: 10px; 
	background-image: url(/images/nav/ff-border-left.gif); 
	background-repeat: repeat-y; 
}
#cf .hdlRt		/* defines the right box line */ 
{ 
	width: 10px; 
	background-image: url(/images/nav/ff-border-right.gif); 
	background-repeat: repeat-y; 
	background-position: right; 
}