/* CSS Document */

BODY {
	SCROLLBAR-FACE-COLOR: #7C684A; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #e2edc2; 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
	SCROLLBAR-ARROW-COLOR: #ffffff; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
	BACKGROUND-COLOR: #D7D2BC;
}

td
{
	font-family:tahoma;
	font-size: 11px;
	color:#666;
}
.heading
{
	font-family:tahoma;
	color:#ffffff;
	font-size: 13px;
	font-weight: bold;
	text-transform: lowercase;

}
.caption
{
	font-family:tahoma;
	color:#ffffff;
	font-size: 13px;
	font-weight: bold;

}

.caption2
{
	font-family:tahoma;
	color:#ffffff;
	font-size: 11px;
	font-weight: bold;

}
.topnav
{
	font-family:tahoma;
	color:#ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;

}
.topnav:hover
{
	font-family:tahoma;
	color:#ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration:underline;

}
.content {
	font-family:tahoma;
	color:#ffffff;
	font-size: 11px;
	line-height: 18px;
}
.button
{
	font-family:tahoma;
	color:#666;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;

}
.button:hover
{
	font-family:tahoma;
	color:#666;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;

}

.top
{
	font-family:tahoma;
	color:#3D3D3D;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;

}
.top:hover
{
	font-family:tahoma;
	color:#3D3D3D;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;

}

.right
{
	font-family:tahoma;
	color:#000000;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;

}
.right:hover
{
	font-family:tahoma;
	color:#000000;
	font-size: 11px;
	font-weight: bold;
	text-decoration:underline;

}





/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		#main table td.col_left{width:100%;}
#main table td.col_right{width:100%; }
	}

	
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		

	}

	@media only screen and (min-width: 768px) {
#mobileMenuShow{display:none;}
#out{width:763px; margin:0 auto;}
.w780{width:780px}
.w726{width:726px}
.w744{width:744px}
.w734{width:734px}
.w714{width:714px}
table{height:inherit;}
.h44{height:44px;}
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	.h44{width:100%!important}
.h44 td font{display:none;}
.h44 td td{float:none; display:inline; width:0!important; height:0!important; padding:0px!important; font-size:0px;}
.h44 td a{ display:block; height:26px; width:100%; font-size:12px; background: url(images/menubar.gif) repeat-x left center; color:#fff; padding:0; margin:0; }
table, td{height:inherit;}
	img{max-width:100%;}
	table, tr, tbody,  td {display:inline-block; float:left; width:100%!important; text-align:center;}
	td td{ padding:5px 0!important;}
	.sidebar{width:100%!important;}
	.sidebar .gadget ul{display:none;}
	.menu_nav{padding:0px!important; margin:0px!important;}
	/*.sidebar .gadget h2 canvas{display:none;}
	.sidebar .gadget h2 cufontext{display:inline-block!important; visibility: visible!important; text-indent:0!important; height:14px!important; width:auto!important; color:#000!important;  overflow:none!important; padding:0!important; margin:0!important; font-size:14px!important; line-height:14px!important;} */
	.sidebar .gadget h2 {font-size:14px; background: url(/images/arrow_down.png) no-repeat;
background-position:  right 10px top 10px; padding:5px 10px!important;
	}
	.sidebar .gadget {padding:0px !important; border-radius:0!important; background: #ded!important;}
	.sidebar .gadget  ul li{padding:10px 10px!important; border-radius:0!important; background: #cac!important; width:100%!important;}

		#mobileMenuOut{
		
			background: #ded!important;
			z-index:20;
			width:100%;
			border: 1px solid #e0e0e0;
		}
		.logo{float:none!important;}
		#mobileMenuOut ul, #mobileMenuOut li  {
			float:none!important; 
			height:auto!important;
			width:100%!important;
			height:auto!important;
			line-height:14px!important;
			text-align:left;
			font-size:14px!important;
			
			display:block;
			border:0px;
		}
		#mobileMenuOut a, #mobileMenuOut span{
			float:none!important; 
			height:auto!important;
			width:auto!important;
			padding:0!important;
			margin:0!important;
			line-height:14px!important;
			text-align:left;
			font-size:14px!important;
			display:block;
			border:0px;
		}
		#mobileMenuOut span{
		display:inline;
		}
		#mobileMenuOut ul li{padding:10px 10px!important; border-radius:0!important; background: #cac!important; border-bottom: 1px solid #e8e8e8!important;}

	
		#mobileMenuOut .menu_nav {float:none!important; height:auto!important;}
		#left{height:0;}
		#mobileMenuOut li{z-index:3000;}
		
#mobileMenuShow{
		display:block;

		font-size:14px; 
		background: url(/images/arrow_down.png) no-repeat;
		background-position:  right 10px top 10px; 
		padding:5px 10px!important;
	
	  
  
}
.menu_nav ul, .menu_nav ul , .menu_nav ul  li{list-style:none!important; margin:0!important; padding:0!important;}
.menu_nav ul span{display:none;}
.menu_nav ul a {
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #f9f9f9;
    color: #333;
    display: block;
    height: 29px;
    line-height: 29px;
	font-size:14px;
    padding: 0px 10px;
    text-decoration: none;
    vertical-align: middle;
}
.menu_nav ul a:focus, .menu_nav ul a:hover , .menu_nav ul .active a{
    text-decoration:underline;
	background:none!important;
}
.menu_nav ul {
    border-top: 1px solid #dfdfdf;
    width: 100%;
}
#mobileMenuOut .menu_nav ul{display:none}
	.content .mainbar .post_content	{float:none; width:100%;}
	.infopost{height:auto!important;}
	.article .img{padding:10px!important;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
.header_resize, .content_resize, .fbg_resize, .footer_resize, .content .mainbar{
width:100%;
}
	}	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
.header_resize, .content_resize, .fbg_resize, .footer_resize, .content .mainbar{
width:100%;
}
	}

		@media only screen and (max-width: 400px) {
	.header_resize, .content_resize, .fbg_resize, .footer_resize, .content .mainbar{
width:100%; overflow:hidden;
}
	}
	
		@media only screen and (max-width: 360px) {
		.header_resize, .content_resize, .fbg_resize, .footer_resize, .content .mainbar{
width:100%; overflow:hidden;
}
	}