*{margin:0;padding:0;}

/*iPhone < 5:*/
@media screen and (device-aspect-ratio: 2/3) {
#info{
height: 50px;
}
#searchTerm{
height: 50px;
}
#mainnav li label input{
text-align: left;
}
#nav ul ul {
	visibility: hidden;
}

.abtn{
background: linear-gradient(top, #A0A0A0 0%, #E8E8E8 100%);  
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
background: -webkit-linear-gradient(top,  	#A0A0A0  0%,#E8E8E8  100%); 
	
height: 50px;
 width: 130px; 
 border-radius:10px
}
 
#nav ul li {

clear:both;
	float:both;
width: 30em;
display:block;
padding-bottom:10px;
position: relative;
margin: auto;	
 background: #efefef; 
	background: linear-gradient(top, #A0A0A0 0%, #E8E8E8 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top,  	#A0A0A0  0%,#E8E8E8  100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
}


    #nav
        {
float:both;
        display: block;
        
         width:100%
        text-decoration: none;
position: relative;
padding-bottom:10px;
margin: auto;
        
        }

        #mainnav
        {
        float:both;
        display:block;
       width:100%
        text-decoration:none;
padding-bottom:10px;
margin: auto;   
position: relative;   
        }
        #mainnav ul
        {
        float:both;
        display:block;
      width:100%;
        text-decoration:none;
padding-bottom:10px;
margin: auto;
       
        }
        #nav a 
        {
         display:block;
        
        text-decoration:none;
padding-bottom:10px;
margin: auto;

        }

        #nav li 
        {
         display:block;
       
padding-bottom:10px;
margin: auto;

        }

         #mainnav a 
        {
         display:block;
        
        text-decoration:none;
padding-bottom:10px;
margin: auto;
         

        }

        #mainnav li 
        {
         display:block;
      
        text-decoration:none;
padding-bottom:10px;
margin: auto;

        }




}


/*iPhone 5:*/
@media screen and (device-aspect-ratio: 40/71) {
#info{
height: 50px;
}
#searchTerm{
height: 50px;
}
#mainnav li label input{
text-align: left;
}
#nav ul ul {
	visibility: hidden;
}

.abtn{
background: linear-gradient(top, #A0A0A0 0%, #E8E8E8 100%);  
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
background: -webkit-linear-gradient(top,  	#A0A0A0  0%,#E8E8E8  100%); 
	
height: 50px;
 width: 130px; 
 border-radius:10px
}
 
#nav ul li {

clear:both;
	float:both;
width: 30em;
display:block;
padding-bottom:10px;
position: relative;
margin: auto;	
 background: #efefef; 
	background: linear-gradient(top, #A0A0A0 0%, #E8E8E8 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top,  	#A0A0A0  0%,#E8E8E8  100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
}


    #nav
        {
float:both;
        display: block;
        
         width:100%
        text-decoration: none;
position: relative;
padding-bottom:10px;
margin: auto;
        
        }

        #mainnav
        {
        float:both;
        display:block;
       width:100%
        text-decoration:none;
padding-bottom:10px;
margin: auto;   
position: relative;   
        }
        #mainnav ul
        {
        float:both;
        display:block;
      width:100%;
        text-decoration:none;
padding-bottom:10px;
margin: auto;
       
        }
        #nav a 
        {
         display:block;
        
        text-decoration:none;
padding-bottom:10px;
margin: auto;

        }

        #nav li 
        {
         display:block;
       
padding-bottom:10px;
margin: auto;

        }

         #mainnav a 
        {
         display:block;
        
        text-decoration:none;
padding-bottom:10px;
margin: auto;
         

        }

        #mainnav li 
        {
         display:block;
      
        text-decoration:none;
padding-bottom:10px;
margin: auto;

        }




}

 


.Content{
background: linear-gradient(top, #81a8cb 0%, #cde6f9 100%);  
background: -moz-linear-gradient(top, #81a8cb 0%, #cde6f9 100%); 
background: -webkit-linear-gradient(top,  	#81a8cb  0%,#cde6f9  100%);
margin-right:50% ;
margin-left:12%;
width:75%; 
 min-height: 100%;;

}



#NB{
background:white;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

#SAI{
color:#03F;
font-size: 2em;
}

body{	
background: linear-gradient(top, #bbbbbb 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #bbbbbb 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #bbbbbb 0%,#bbbbbb 100%);
/*background-color: #FF9900;*/
min-height: 100%;

}
html{
  height: 100%;
}

.btn{
background: linear-gradient(top, #A0A0A0 0%, #E8E8E8 100%);  
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
background: -webkit-linear-gradient(top,  	#A0A0A0  0%,#E8E8E8  100%); 
	
height: 50px;
 width: 130px; 
 border-radius:10px
}
input[type="button"]:hover{
  background: #5f6975;  
}

   

 #nav {
	margin:  auto; 
	margin-bottom: 1em;
	text-align: center;
	float: left;
    width: 100%;
	display: inline;
	font-size:12px;
	
}

 #mainnav{

    background: #efefef; 
	background: linear-gradient(top, #A0A0A0 0%, #E8E8E8 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top,  	#A0A0A0  0%,#E8E8E8  100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 10px;
	margin:   auto;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;	
	list-style: none;
	display: inline-block;
	position: relative;
	
}
#mainnav label {
padding: .5em;

}
#test{
font-family: Times New Roman;
width: 75%;
margin: auto;
border: 2px solid;
border-radius: 10px;
padding: 5px;
box-shadow: 10px 10px 5px #888888;
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1a82f7), to(#2F2727)); /* Safari 5.1+, Chrome 10+ */ 
  background: -webkit-radial-gradient(circle, #efefef, #bbbbbb); /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #efefef, #bbbbbb); /* IE 10 */ 
  background: -ms-radial-gradient(circle, #efefef, #bbbbbb); 
}


 #nav ul ul {
	display: none;
	list-style:none;
}

 #nav ul li:hover > ul {
		display:block;
}
	
	
	
#nav ul :hover a{
	background: #5f6975;
	/*text-color: white;*/
		}



	#nav ul:after {
		content: ""; clear: both; display: block;
	}

 
 


#nav ul li {
	float: left;
	margin: 0;
	
}
	#nav ul li:hover {
	background: #4b545f;
	background: linear-gradient(top, #A0A0A0 0%, #E8E8E8 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top,  	#A0A0A0  0%,#E8E8E8  100%);
		
	}
	#nav ul li a:hover  {
			color: white;
		}
	#nav ul li a {
	
		display: block; padding: 20px 20px ;
		color: #757575; text-decoration:none;
	}
	
	/*
	#nav a {
display: inline;
text-align: center;		
		}*/
	
/* Main Navigation Dropdown*/
#nav ul ul {
	background: #FFF; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
 	#nav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
		z-index: 99;

	}
		#nav ul ul li a {
			padding: 15px 40px;
			color: #fff;
		}	
			#nav ul ul li a:hover {
			background: #4b545f;
			}
		
		.sub-menu li img {
			margin-right: .5em;
		}
	
	.sub-menu li:hover {
		border-bottom: 1px dotted #bababa;
	}
	
#TTHeader {
    text-align: center;
	text-color: rgb(61,130,169);
}		

#TTL {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;  
	list-style: none;
	display: inline-block;
	position: relative;
}
#TTL ul{
  /*   background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */
	padding: 0 10px;
	margin:   auto;
	border-radius: 10px;  
	list-style: none;
	display: inline-block;
	position: relative;

}

#TTL li{
  background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	/* box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */
	list-style: none;
    width: 20em;
    height: 22px;
    margin-right: auto;
	margin-left: auto;
    border: 2px solid #D0D0D0;
    border-radius: 5px;
    padding: 1em;
    text-align: center;
 /*   background: #bababa;*/
}
#TTL  a {
text-decoration: none;
color: #686868 ;
}

#TTL li:hover{
    background: #6E6E6E;
    color: #F2F2F2;
	border: 1px solid #6E6E6E;
    border-radius: 5px;

}

			
			

			
	














