.tinynav { display: none }
    #nav .selected a, #nav2 .selected a { color: red; display: none}
    
    @media screen and (max-width: 679px) {
   .tinynav { display: block; color: #000; 
   width:99%;
   height: 22px;
   margin-top:10px;
   overflow: hidden; border-radius: 5px;
   background: url(templates/tmpl_hypernova/js/down_arrow_select.jpg) no-repeat right #ddd;
   border: 1px solid #ccc;}
      #nav, #nav2 { display: none }
    }

.topMenu table {  margin:auto;}
#sys_main_logo { margin:auto; margin-top:8px;}
#sys_ml { }
#sys_main_content { }
#sys_mc_wrapper {  margin-left:auto; margin-right:auto;} 
#sys_mc { }
#page_column_1 { margin-left:10px;}
#page_column_2 { }
#page_column_3 { }
#sys_main_menu  {  margin:auto; margin-top:8px; background-image:url(../images/topbottomb.png); background-position:top; background-repeat: repeat-x; } 
.sys_sub_menu {  margin:auto; margin-top:8px; background-image:url(../images/bottomtopw.png); background-position:bottom; background-repeat: repeat-x;} 
#sys_mm  {  margin:auto;} 
.sys_breadcrumb {  margin:auto; margin-bottom:5px; margin-top:5px;} 
.sys_copyright {  margin:auto; margin-top:8px;} 

.sys-service-menu-wrp {position: absolute;top: 10px;right: 0px; background-image:url(../images/topbottomb.png); background-position:top; background-repeat: repeat-x;}
.sys_search {position: absolute;  margin-left:auto; margin-right:auto;}
div#sys_search_wrapper {top:25px;}    
.fileUnit .fileUnitPic  img { }


@media (min-width: 769px) and (max-width: 1100px) {

.topMenu table { width:960px;  margin:auto;}
   #sys_main_logo { width:960px; }
   #sys_main_content { width:960px; margin:auto;}          
   #sys_ml  { width:960px; }    
   #sys_mc_wrapper { width:960px; margin:auto;} 
#page_column_1 { min-width:960px; max-width:960px; margin-left: 5px;}
#page_column_2 { min-width:960px; max-width:960px; margin-left: -5px;}
#page_column_3 { min-width:960px; max-width:960px; margin-left: -5px;}
#sys_main_menu  { width:960px;} 
.sys_sub_menu { width:960px;}
#sys_mm  { max-width:960px;} 
.sys_breadcrumb { max-width:960px; margin:auto; margin-top:8px;} 
.sys_copyright {max-width:960px; margin:auto; margin-top:8px;} 
.sys-service-menu-wrp {position: absolute;top: 10px;right: 0px;}
.sys_search {position: absolute;top: 7px; left: 0px;}

.fileUnit .fileUnitPic  img { width:98%; }

}

@media (min-width: 681px) and (max-width: 768px) {
.topMenu table { width:720px;  margin:auto;}
   #sys_main_logo { width:720px; }
   #sys_main_content { width:720px; margin:auto;}          
   #sys_ml  { width:720px; }    
   #sys_mc_wrapper { width:720px; margin:auto;} 
#page_column_1 { min-width:720px; max-width:720px; margin-left: 5px;}
#page_column_2 { min-width:720px; max-width:720px; margin-left: -5px;}
#page_column_3 { min-width:720px; max-width:720px; margin-left: -5px;}
#sys_main_menu  { width:720px;} 
.sys_sub_menu { width:720px;}
#sys_mm  { max-width:720px;} 
.sys_breadcrumb { max-width:720px; margin:auto; margin-top:8px;} 
.sys_copyright { max-width:720px; margin:auto; margin-top:8px;}
.sys-service-menu-wrp {position: absolute;top: 10px;right: 0px;}
.sys_search {position: absolute;top: 7px; left: 0px;}

.fileUnit .fileUnitPic  img { width:98%; }

}
 
@media (min-width: 421px) and (max-width: 680px) {
.topMenu table { width:450px;  margin:auto;}
   #sys_main_logo { width:450px; height:200px;}
   #sys_main_content { width:450px; margin:auto;} 
   #sys_ml  { width:450px; } 
   #sys_mc_wrapper    { width:450px; margin:auto;}  
#page_column_1 { min-width:450px; max-width:450px; margin-left: 5px;}
#page_column_2 { min-width:450px; max-width:450px; margin-left: -5px;} 
#page_column_3 { min-width:450px; max-width:450px; margin-left: -5px;} 
#sys_main_menu { max-width:450px; } 
.sys_sub_menu { width:450px;}
#sys_mm { max-width:450px;} 
.sys_breadcrumb { max-width:450px; margin:auto; margin-top:8px;} 
.sys_copyright { max-width:450px; margin:auto; margin-top:8px;}
.sys-service-menu-wrp {position: relative; margin-bottom:10px; top: 10px; right: auto; width:400px; margin-left:auto; margin-right:auto;}
#sys_search {position: relative;top: auto;right: auto; left: auto; margin-bottom:10px; width:430px;}
#sys_ml_wrapper {text-align: center;}

.fileUnit .fileUnitPic  img { width:98%; }

}
 
@media (max-width: 420px) {
.topMenu table { width:275px;  margin:auto;}
   #sys_main_logo { width:275px; height:250px;}
   #sys_main_content { width:275px; margin:auto;} 
   #sys_ml  { width:275px; }  
   #sys_mc_wrapper { width:275px; margin:auto;}       
#page_column_1 { max-width:275px; margin-left: 5px;}
#page_column_2 { max-width:275px; margin-left: -5px; }
#page_column_3 { max-width:275px; margin-left: -5px; }
#sys_main_menu { max-width:275px;}
.sys_sub_menu { width:275px;} 
#sys_mm { max-width:275px;} 
.sys_breadcrumb { max-width:275px; margin:auto; margin-top:8px; } 
.sys_copyright { max-width:275px; margin:auto; margin-top:8px; height:150px;}
.sys-service-menu-wrp {position: relative; margin-bottom:10px; right: auto; width:225px; margin-left:auto; margin-right:auto;}

#sys_search {position: relative; top: auto; right: auto; left: auto; margin-bottom:10px; width:255px;}
#sys_ml_wrapper {text-align: center;}
div.sys-service-menu-wrp  div.thumbnail_block { display:none;}
.fileUnit .fileUnitPic  img { width:98%; }
.bottomLinks { height:150px;}
#sys_footer{ margin-top:150px;}
}