@charset "utf-8";



body {
   font: 1em/150% Arial, Helvetica, sans-serif;
    margin: 0px;
	 height: 100%;

}

h3 {color:#00264b !important  ;
}


#btnContinue,
#btnExit,
#btnBack {
     color: #337AB7 !important;
	 font-weight:bold;
     cursor: pointer;
    background-color: #CECECE;
    opacity: 0.6;
     background-image:none !important;
  /* background-image:url(images/gray_block.png)!important;*/
  
   text-align:center;
   border:  solid thin #ffffff;
    border-bottom-right-radius: 0px;
	 border-bottom-left-radius: 0px;
	 border-top-left-radius: 0px;
	 border-top-right-radius:0px;
    width: 100%;
    
 }


#btnContinue:hover,
#btnExit:hover,
#btnBack:hover   {
    
	color: #000088 !important;
	 font-weight:bold;
	 cursor: pointer;
	 border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
	 border-top-left-radius: 10px;
	 border-top-right-radius:10px;
	 border:thin #000088 solid ;
	 background-image:none !important;
	/* background-color: none !important;*/
    background-color: transparent!important;
    width: 100%;
 
 
 }

	

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

/************************************************************************************
MAIN STRUCTURE
 *************************************************************************************/

  #pagewrap {
        width: 100%;
       /* border: solid 1px #000000;*/
        margin: 0px;
        /*background-color: #D9D80B;*/
        height: 100%;
}

#main {
    
}



#content {
    margin-left: 5%;
    margin-right: 5%;
    
    
}

 #menubuttons {

}  
    
   #button {

	
		
}


#footer {
        background-color: #4A4848;
        bottom:0px;
	    position:fixed;
        margin-top: 30px;
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        clear:both;
 }  



/********************************************************
MEDIA QUERIES
****************************************************************************/




/*// Extra large devices (large desktops, 1200px and up)*/
/*@media (min-width: 1200px)*/  
@media screen and (min-width: 981px) {
 #main {
    background-color: #004680;
   /* opacity: 0.5;*/
padding-top: 20px;
padding-bottom:20px;
color: #ffffff;
        font: 1.75em/200% Arial, Helvetica, sans-serif;
}
    
    img {
	
    max-width:75%;
    height:auto;
	} 
   
 #panel {
        with: 98%;
     margin-left: 10px;
    /*border:solid 1px #F50CDE;*/
     /*background-color: #A9E6F0!important;*/
     font: 1.25em/175% Arial, Helvetica, sans-serif;
    }
     
    #menubuttons {
	width: 100%;
	float:none;
	padding: 10px;
   background-color: #DBCBBE;
    /*border: solid  4px #000000;*/
    
  
}     
   
    #button {

	width: 100%;
	float: left;
	align-content:center;
	valign-content:center;
	padding:6px;
		
}



}


/*// Large devices (desktops, 992px and up)*/
/*@media (min-width: 992px) and (max-width: 1199.98px)*/ 
@media screen and (max-width: 980px) { 


/* --------  large screen ( 981px or more) -----------  */
/*@media screen and (min-width: 981px)*/




/*@media screen and (max-width: 980px) */
  
	

    
    #main {
    background-color: #004680;
   /* opacity: 0.5;*/
padding-top: 20px;
padding-bottom:20px;
color: #ffffff;
        font: 1.75em/200% Arial, Helvetica, sans-serif;
}
    
    img {
	
    max-width:75%;
    height:auto;
	} 
   
 #panel {
        with: 98%;
     margin-left: 10px;
    /*border:solid 1px #F50CDE;*/
     /*background-color: #A9E6F0!important;*/
     font: 1.25em/175% Arial, Helvetica, sans-serif;
    }
     
    #menubuttons {
	width: 100%;
	float:none;
	padding: 10px;
   background-color: #DBCBBE;
    /*border: solid  4px #000000;*/
    
  
}     
   
    #button {

	width: 100%;
	float: left;
	align-content:center;
	valign-content:center;
	padding:6px;
		
}

}
/*Tablets*/
/*// Small devices (landscape phones, 576px and up)*/
/*@media (min-width:577px) and (max-width: 767.98px) {*/

/*// Medium devices (tablets, 768px and up)*/ 
/*@media (min-width: 768px) and (max-width: 991.98px)*/ 
@media screen and (max-width: 768px) {

/* for 700px or less 
@media screen and (max-width: 768px)*/ 

  #pagewrap {
        width: 100%;
       /* border: solid 1px #000000;*/
        margin: 0px;
        /*background-color: #D9D80B;*/
        height: 100%;


    }
    
   
    
#main {
    background-color: #004680;
    padding-top:10px;
    padding-bottom: 10px;
    margin-right: 0;
    margin-left: 0;
    color: #ffffff;
    
 }
    
    img {
	
    max-width:50%;
    height:auto;
	} 
   
 #panel {
        with: 98%;
     margin-left: 3px;
    /*border:solid 1px #F50CDE;*/
     /*background-color: #A9E6F0!important;*/
    }
    
 
#menubuttons {
	width: 100%!important;
	float: none;
	/*padding: 10px;*/
	/*border: solid 1px #E00F23;*/
   background-color: #DBCBBE;
   padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    

}
	

#button {

	width: 95%!important;
	float: left;
	align-content:center;
	valign-content:center;
	padding:4px;
    border: 0px;
    margin-left: 2%;
    margin-right: 2%;
   /* padding-bottom: 10px;*/
    
}
  
    
   #footer {
        background-color: #4A4848;
        bottom:0px;
	    position:fixed;
        margin-top: 30px;
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        clear:both;

        
 
        
         }  
  
  
}




/*Phones*/
/*// Extra small devices (portrait phones, less than 576px)*/
/*@media (max-width: 576px)*/ 
    /*@media screen and (max-width: 480px)*/ 
/* for 480px or less */
@media screen and (max-width: 576px)   { 
    
    #pagewrap {
        width: 100%;
       /* border: solid 1px #000000;*/
        margin: 0px;
        /*background-color: #D9D80B;*/
        height: 100%;


    }
    
   
    
#main {
    background-color: #004680;
    padding-top:10px;
    padding-bottom: 10px;
    margin-right: 0;
    margin-left: 0;
    color: #ffffff;
    font-size:  .75em Arial, Helvetica, sans-serif !important;
    
  
 }
    
    img {
	
    max-width:50%;
    height:auto;
	} 
   
 #panel {
        with: 98%;
     margin-left: 3px;
    /*border:solid 1px #F50CDE;*/
     /*background-color: #A9E6F0!important;*/
    }
    
 
#menubuttons {
	width: 100%!important;
	float: none;
	/*padding: 10px;*/
	/*border: solid 1px #E00F23;*/
   background-color: #DBCBBE;
   padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    

}
	

#button {

	width: 95%!important;
	float: left;
	align-content:center;
	valign-content:center;
	padding:4px;
    border: 0px;
    margin-left: 2%;
    margin-right: 2%;
   /* padding-bottom: 10px;*/
    
}
  
    
   #footer {
        background-color: #4A4848;
        bottom:0px;
	    position:fixed;
        margin-top: 30px;
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        clear:both;

        
 
        
         }  
  
  
}