/* My-Home Page CSS Document */

#top-pic { float: left; }

/* Horizontal CSS Menu with Dropdown Menus */
#nav_cat { height: 86px; margin: 0;	padding: 0;	float: left; width: 777px; text-align: center; }
#nav_cat ul { width: 777px;	position: relative;	list-style: none; margin: 10px auto 0 auto; padding: 0;}
#nav_cat ul li { margin: 0 auto; width: 193px; padding: 0; float: left;	position: relative;}
#nav_cat ul ul { width: 160px; position: absolute; left: 10px; top: -10px; padding: 0; }

#nav_cat ul ul li {
	width: 150px;
	height: 10px;
	margin: 0;
	padding: 1px 0;
	white-space: nowrap;
	background-image: url(semi_trasparent.25.png);
	text-align: left;
	border: 1px solid #ddd;
}
#nav_cat ul ul li a { 
	text-decoration: none;
	font: normal 9px Verdana,Arial,Helvetica,sans-serif;
	color: #7f6012;
}
#nav_cat ul a:link, #nav_cat ul a:visited { color: #7f6012;}
#nav_cat ul a:hover, #nav_cat ul a:active{ color: red; }
#nav_cat ul ul li:hover { background: #fff5d2; }
/**/
#nav_cat ul ul {display: none;}
#nav_cat ul li:hover ul { display: block; }

/*-------------------------------------*/

.main2 { border: solid 1px #DAD9D9; margin: 10px 0 5px 0; float: left; text-align: left; width: 775px; padding: 0;}
#rightpic {	width:309px; height:222px; }
#rightvideo {	width:309px; height:243px; }
.video { position: relative; width: 155px; float:left; margin: 10px 0 0 0; text-align: center; font: bold 10px/130% Arial, Helvetica, sans-serif;}
.video .label { text-align: left; width: 130px; margin: 2px auto; }
.video b { text-decoration: none; text-align: left; font-size: 11px; color: #7B7B7B; }
.video a { text-decoration: none; font-size: 10px; color: #7B7B7B; }
.video .play { position: absolute; left: 70px; top: 33px; }

.click { position:absolute; top:209px; right:98px; font-size:12px; font-weight:bold; color:white; }
.main2 .title { float: left; width: 777px; text-align: center; font: bold 12px/150% Arial, Helvetica, sans-serif; color: #4F4F4F; background: url(../img/gr/bg_tabmenu.gif) repeat-x; height: 18px; margin: 0; padding: 0;}
.main2 hr { height: 1px; color: #D9D9D9; width: 95%; text-align: center; clear: both; margin: 2px auto; padding: 0;}

.main3 { width: 100%; float: left; margin:10px 0 5px 0; padding: 0; text-align: center;}
.row { width: 777px; float: left; text-align: left; margin: 0 0 3px; padding: 0;}
.row p { font: 11px/140% Verdana, Arial, Helvetica, sans-serif; margin: 5px 0; }
.row .img { float: left; clear: right; margin-right: 10px; width: 74px; height: 90px;}
.row .head { font: normal 16px Arial, Helvetica, sans-serif; font-weight:bold; color:#b5811b; margin:0 0 0 85px; }

.activitytext { float: left; text-align: left;  font: 11px/140% Verdana, Arial, Helvetica, sans-serif; margin: 10px 0 0 0; }
.activitytext a { text-decoration: none; color:#b5811b;}

#rightcol ul { font:11px Arial, Helvetica, sans-serif; margin:0px; padding-left:0px;	margin-top:1px; }

.h1 { font:bold 20px Arial, Helvetica, sans-serif;	color:#b5811b; padding-left:9px; margin:0; }
h2 { font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#666666; margin:0; }
h3 { font:normal 18px Arial, Helvetica, sans-serif; color:#b5811b; padding-bottom:2px; margin:0; }
h1 { font:normal 16px Arial, Helvetica, sans-serif; font-weight:bold; color:#b5811b; padding-bottom:2px; padding-top:10px}
