/* CSS Document */
html,body{ margin:0px; padding:0px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:url(header.bg.png) repeat-x; background-color: #fbfbfb;}

#mainbody{ max-width:980px; margin:auto; border:1px #FF0000; }

#hmenu{ margin:0px; padding:0px; display:block; width:320px; height:45px;}
#hmenu li{ margin:0px; padding:0px; display:block; float:left; width:80px; height:45px;}
#hmenu li a{ display:block; width:80px; height:15px; padding-top:30px; text-align:center; color:#FFFFFF; text-decoration:none;}
#hmenu li a:hover{ color:#FFFF00; font-weight:bold; text-decoration:underline; }

p{ line-height:160%; margin:5px 0px 10px 0px; padding:0px;}

a{ color:#0F5FC7;}
a:hover{ color:#FF0000}

h1{ margin:3px 0px 10px 0px; padding:0px 0px 5px 0px; font-size:22px; color:#333333; font-weight:normal; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; border-bottom:dotted 1px #CCCCCC; text-align:center; }
h1 a{color:#333333; text-decoration:none;}
h1 a:hover{color:#FF0000; text-decoration:underline;}
h1 em{ font-size:14px; text-decoration:none; color:#FF3300; font-style:normal;}

h2{ font-size:17px; color:#0F5FC7; line-height:140%; font-weight:normal; margin:0px; padding:5px 0px 3px 0px; font-family:Arial, Helvetica, sans-serif}
h2 a{color:#0F5FC7;}
h3{ color:#333333; font-size:13px; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-weight:normal; margin:2px 0px 6px; 0px; text-decoration:underline; }

#tab{ border-top:solid 1px #EEEEEE; border-left:solid 1px #EEEEEE;}
#tab td{ border-bottom:solid 1px #EEEEEE; border-right:solid 1px #EEEEEE; padding:2px 5px; line-height:140%; }
#tab th{ font-size:12px; font-weight:bold; background-color:#EEEEEE; padding:0px 5px; text-align:left; height:25px; border-right:solid 1px #EEEEEE; }
#tab #red { color:#FF0000;}

#ul{ margin:10px 0px; padding:0px 0px 0px 16px;}
#ul li{ line-height:180%; }

#vd2{ margin:0px; padding:0px;}
#vd2 li{
	background:url(videoli.png);
	list-style:none;
	width:275px; height:26px; font-size:14px; margin:0px; padding:7px 0px 0px 35px;
	margin-bottom:5px;
}
#vd2 li a{ color:#0066CC; text-decoration:none; }
#vd2 li em{ color:#FF6600; font-style:normal;}
#vd2 li a:hover{ color:#FF0000; text-decoration:underline; }
table { 
  width: 100%; 
  border-collapse: collapse; 
  margin-bottom: 0px!important;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		/*	padding-left: 50%; */
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
td div {
   background-image:none!important;
}
td img {
   display:none!important;
}

div img {
   max-width:100%!important;
}

iframe {
   max-width:100%!important;
}
}
}