/* CSS Document */

/* branding */
DIV.yfVideo {
	border: 0px solid #338866; 
	position: relative; top: 25px; left: 25px;
	width: 400px; height: 300px;
}
DIV.yfVideo A 	{ width: 400px; height: 300px; display:block; }
DIV.yfVideo IMG { }


DIV.yfText {
	border: 0px solid #FFFFFF;
	position: relative; float: right; top: 34px; right: 28px;
	width: 424px;
}

DIV.yfText H1 	{ font-size: 1.5em; color: #FFFFFF; letter-spacing: 1.5px; font-weight: bold; padding-bottom: 3px; }
DIV.yfText H2 	{ font-size: 0.7em; color: #B7EE00; padding-bottom: 3px; }
DIV.yfText H3 	{ font-size: 0.7em; color: #FFFFFF; padding-bottom: 10px; }
DIV.yfText IMG  { float: left; padding: 2px 10px 2px 0px; }
DIV.yfText P 	{ font-size: 0.7em; color: #FFFFFF; font-weight: normal; padding-bottom: 20px; }
DIV.yfText A	{ color: #B7EE00; }
DIV.yfText B	{ color: #FFFFFF; }



/* Content */
UL.yf4Cols LI 				{ }
UL.yf4Cols LI.yfLIR 		{ float: right; }
UL.yf4Cols LI H2 			{ padding-bottom: 6px; }
UL.yf4Cols LI P 			{ font-size: 1.0em; padding-bottom: 10px;  }
UL.yf4Cols LI IMG			{ }
UL.yf4Cols LI H2 A 			{ color: #FFFFFF; }
UL.yf4Cols LI H3 A 			{ color: #CCCCCC; }


UL.yfLinks 					{ width: 100%; clear: both; }
UL.yfLinks LI  				{ width: 213px; padding: 1px 0px 3px 0px; margin: 0px; border-bottom: #CCCCCC 1px solid; line-height: 90%; }
UL.yfLinks LI:HOVER			{ background-color: #EEEEEE; }
UL.yfLinks LI.yfLast		{ border: 0px; }
UL.yfLinks LI P				{ font-size: 0.7em; color: #999999; width: 100%; padding:  0px; margin: 0px; }
UL.yfLinks LI A				{ font-size: 0.7em; color: #999999; width: 100%; padding-left: 18px; margin: 0px; 
							  background: url(../../../layout/img/bullets/mini-circle-grey-r-smaller.png) left top no-repeat; }
UL.yfLinks LI A:HOVER		{ text-decoration: none; }


DIV#yfFooter				{ margin-top: -10px; }