html {}
body{padding: 0px;color: #222;text-align: center;
    font: 95% verdana,Arial,sans-serif; background: #fff; border:none;
 }
h2 {padding-left:10px; font-weight:bold; font-family:verdana; font-size:115%; line-height:26px; color:#424242}
h3 {padding-left:10px; font-weight:bold; font-family:verdana; font-size:110%; line-height:22px; color:#000;}
p  {padding-left:10px; font-family:verdana; font-size:95%; line-height:18px; color:#000000; padding-right:10px;}

div#container{max-width:960px !important; width:100%;
    margin: 0 auto; text-align:left; background:#fff;  border:none;
}
div#header{padding: 0px; text-align:left; width:100%;
    background: #fff;
}

div#content{float:left;width:64.6%;padding:10px 0;margin:5px 0; margin-top:-14px; padding-left:10px; font-size:95%; background:white;
}

div#nav{float:right;width:32.7%;padding:10px 0;margin:5px 0;  margin-top:-14px; padding-left:10px; font-size:95%; background:#ADD58F;
}

div#footer{clear:both; width:200%; height:60px; margin:5px 0; margin-left:-50%; padding:0; padding-top:20px; text-align:center; background:#1D398E; color:#fff; font-size:13px;}

div#footer p {color:#fff; }
/** Responsive Magic **/


@media screen and (max-width: 768px)
{
	
/*		div#header2 { display:none; } */
		
        div#footer
		{
			float: none;
			width: 120%;
			height: 40px;
            margin-left:-10%;
			text-align: center;
		}
		
		div#header  {
			float: none;
			width: 100%;
			text-align: left;
		    background:#fff;
			min-height: 40px;
			height: auto !important;
			height: 40px;
        }
        div#content, div#nav
		{
			float: none;
			width: 100%;
			text-align: left;
			
			min-height: 100px;
			height: auto !important;
			height: 100px;
		}
		
}

@media screen and (max-width: 480px)
{		
	
		div#header  {
			width: 100%;
		    background:#fff;
            }
            
			div#content, div#nav
			{
				clear: both;
				float: left;
				width: 100%;
				padding: 0;
				margin: 0;
			}
            div#footer {clear: both; width:120%; margin-left:-10%; height: 40px; background:#1D398E;
            }
}

.video-container {  /* usage: <div class="video-container"> */
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.video-container iframe, 
.video-container object, 
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
.selectnav { display: none; }
*/
/* small screen */
/*
@media screen and (max-width: 600px) {
  .selectnav { display: inline; background:#fff; color:#fff; width:100%; padding-left:0px;}
  .js #css3menu1 { display: none; background:none;}
  .js .topmenu { display: block; }
}
*/
image { max-width: 100%; }