/*<style type="text/css"> */
  ul {list-style: none;padding: 0px;margin: 0px;}
  ul li {display: block;position: relative;float: left;border:1px solid #333}
  li ul {display: none;}
  ul li a {display: block;background: #333;padding: 5px 10px 5px 10px;text-decoration: none;
           white-space: nowrap;color: #fff;}
  ul li a:hover {background: #333;}					
  li:hover ul {display: block; position: absolute;}
  li:hover li {float: none;}
  li:hover li {background: #aaa; color: #fff;}	
  li:hover a {background: #555;}			
  li:hover li a:hover {background: #000;}	
  #drop-nav li ul li {border-top: 0px;}
/* </style> */


img { 
    max-width: 100%; 
    height: auto; 
}



h1
{
		font-size: 18px;
		font-family: Arial;
}

	body
	{
		height:98%; width:98%; 
	        font-size: 16px;
	        font-family: Arial;
		height:100%;
	}
	
	.container
	{
		border-left:none;
		border-right:none;
		text-align:center;
	}
	
	.container2
	{
		border-left:none;
		border-right:none;
		text-align:center;
	}
	
	
	
@media screen and (min-width: 200px) and (max-width: 999px)
{
	.desktop{display:none;}
    .bigtabs{display:none;}

	
   
  	.container div
   	{
		max-width:700px;
		padding: 5px;
		display: inline-block;
		vertical-align: top;
	} 
	
	.container2 div
   	{
		max-width:700px;
		padding: 5px;
		display: inline-block;
		vertical-align: top;
	} 

	.frame
	{
		max-width:999px; 
    }
	
	
	
}


@media screen and (min-width: 1000px) and (max-width: 1249px)
{
   .mobile{display:none;}
   .bigtabs{display:none;}
   
   
   
  	.container div
   	{
		width:470px;
		padding: 10px;
		display: inline-block;
		
		vertical-align: top;
		/* border-style:dotted;  */
	} 
	
	.container2 div
   	{
/*		max-width:1000px; */
		padding-left : 15px;
		display: inline-block;
		vertical-align: top;
	} 

	.frame
	{
		/* border-style: outset; */
		width:1000px; 
		/* background: url(images/rightcorner.jpg) no-repeat top right; */
	   	
		
    }
}


@media screen and (min-width: 1250px) and (max-width: 4000px)
{
    .mobile{display:none;}
	.smltabs{display:none;}
   
  	.container div
   	{
		width:450px;
		padding: 10px;
		display: inline-block;
		
		vertical-align: top;
		/* border-style:dotted;  */
	} 
	
	.container2 div
   	{
/*		max-width:1000px; */
		padding-left : 15px;
		display: inline-block;
		vertical-align: top;
	} 

	.frame
	{
		/* border-style: outset; */
		width:1150px; 
		background: url(images/rightcorner.jpg) no-repeat top right;
	   	
		
    }
}