html {
    -webkit-text-size-adjust: none;
}

body {
    width: 100%; 
}

/* this region contains the topFrame and top navigation regions */
#topHeader { 
    width: 100%; 
    height: 100%;
    padding-top: 10px;

} 

#middleFrame, #topFrame, #innerFrame { 
    margin: 0px;
    padding: 0px;
    width: 100%; 
    height: 100%; 
    clear: both; 
    float: none;
} 


#topFrame {
    width: 100%; 
    height: 100%;
    margin-left: 0px;
    padding: 0px; /* add more space */
    padding-top: 8px; /* add more space */
    padding-bottom: 0px; /* add more space */

}

#topFrame img {
    padding-left: 20px; /* s more space */

}

#middleFrame {
    width: 100%; 
    height: auto;
    padding: 0px; /* add more space */
}


#innerFrame {
    width: 100%; 
    height: auto;
}


#columnRight, #footer, #bodyHeader, #bodyHeaderSoftware, #bodyHeaderServices, #bodyHeaderAriza{
    width: auto; 
    padding-left: 20px;
    padding-right: 20px;
}

#columnLeftOuter { 
    display: none;
}
#columnLeftOuter img { 
    display: none;
}
 
/* the image pane on the right */
#columnRightOuter { 
    padding: 0px;
    padding-top: 20px; /* as comes under copyright pane, move down image */
    width: 100%;
    clear: both; 
    float: none;
    min-height:400px; /* needs to be smaller here but still bigger tn image */
} 

#columnRightOuter img {
    width: 100%;
}


#columnLeft { 
    float: none; 
    clear: both; 
    width: 100%; 
    height: auto;  
    min-height:0px;

} 

/* this is the main content area */
#columnRight {
    float: none; 
    clear: both; 
    height: auto;  
    min-height:0px;  

    width: auto; 
    padding-top: 10px; /* add more space as columnLeft navigation adjoins */
    padding-left: 20px;
    padding-right: 20px;
}

#footer { 
    height: 100%;
}


/* ========================================================================== */
#topFrame p {
    display: none; 
}
#topFrame ul {
    width: 100%;
    float: none;
}
#topFrame ul li { 
    float: none;
}
#topFrame ul div { /* used for navigation heading */
    width: auto; 
    padding-left: 20px;
    display: block;
}
#topFrame ul li a { 
    width: auto; 
    padding-left: 20px;
    border-left: none; 
}

/* hide on initial load; show w jquery */
#topFrame .siteNavigationLink {
    display: none;
}

/*    margin-left: 20px; */

/* ========================================================================== */
/* columnLeft navigation */

#columnLeft ul {
    width: 100%;
    margin-bottom: 0px; 
}
#columnLeft ul li { 
}
#columnLeft ul div { /* used for non-link headings */
    width: auto; 
    padding-left: 20px;
}
#columnLeft ul li a { 
    width: auto; 
    padding-left: 40px; /* larger indent */
}

/*hide page topics but leave title for jquery to open*/
#columnLeft .mainArticleBreadCrumbUp {
    display: none;
}

#columnLeft .pageTopic {
    display: none;
}


/* hide featured links and site links*/
#columnLeft #featuredLinks {
    display: none;
}

#columnLeft #siteLinks {
    display: none;
}


/* ========================================================================== */
/* columnRight lists with links */

#columnRight ul { 
}

#columnRight ul li a { 
}

/* hide hear links */
#columnRight ul li a.hearListItem, #columnRight ul li a.hearListItem:link, #columnRight ul li a.hearListItem:visited { 
    display: none; 
}



#footer p {
    padding-top: 8px; 
}

#columnRightOuter p {
    /* clear main spacing */
    margin-left: 0px;  
    margin-right: 0px;  

    padding-left: 20px; 
    padding-right: 20px; 

    padding-bottom: 40px; 

}


/* ========================================================================== */

/* hide all embedded code, as often requires fixed width*/
div.embeddedFragments { 
    display: none;
}



/* ========================================================================== */
/*form elements*/
input.textSearchBody { 
    /* needs to be smaler on mobile devices, size is h2 for web-pages */
    font-size: 1.3em; 
}


/* as used in topFrame */
#topFrame form {
    padding: 0px;  /* space below paragraphs */     
    float: none;

    /* needs to be a little less tn 20 to look as same margin */
    padding-left: 19px;  
    padding-right: 19px;  
    padding-top: 6px; /* spacae fro title*/ 
    padding-bottom: 12px;  
}
#topFrame input.textSearchBody { 
    display: block; 
    font-size: 1.3em; 
    width: 100%;
/*
    border-width: 4px;
*/
}