@charset "UTF-8";

/*  this is the generic iPad template document 'standard' */

/* default hide/reveal behaviour */

.visible { visibility:visible; }
.hidden { visibility:hidden; }


/* main elements */
/* CSS Document */

body { width:auto ; height:auto; overflow:hidden }
#main {  width:auto ; height:auto; overflow:hidden }
#main { position:absolute; left:0px; top:0px; right:0px; bottom:0px; padding: 0px;  margin: 0px;   }


.container { -webkit-transition-property: top, left, height, width, right, bottom, opacity; -webkit-transition-duration: 1s; }

.container { position:absolute; overflow:hidden ; margin: 0px;}

.container.hidden {  opacity:0 ; visibility:visible ;  z-index:0 ; transition: display 0s 1s; }
.container.hidden { display:none; }
.container.visible {  opacity:1 ; visibility:visible ; display:inline-block }

/* this enables smooth scrolling across the app */
.container {  -webkit-overflow-scrolling: touch; }

/* GLOBAL CONTAINERS */

#siteLogo {position:absolute; left:0px; top:0px; margin: 0px; height:97px ; width:273px ; vertical-align: text-top; }

#pageHeader {position:absolute; left:0px; top:0px; right:0px;  width: auto; height:auto;   margin: 0px; height:50px ; vertical-align: text-top; }

#navBar { position:absolute; left: 0px; top:46px;  padding:5px; width: 950px; height:33px ; vertical-align: text-top;  }
#navTrail {position:absolute;  margin: 5px; padding: 10px; width: 955px; height:20px ;border: 1px solid #0000FF; }
#navTrail { background-color: #CCCCCC; margin: 5px;  width: 975px; height:35px ;border: 1px solid #0000FF;  }

#siteLogo , #pageHeader, #navBar , #navTrail { overflow:hidden }

#pageFooter, #pageFooterMenu {left:0px; top:auto; bottom:0px; right:0px;  width: auto; height:50px;}

#pageFooterMenu {   }

/* FRONT PAGE CONTAINERS */


#frontPageMain {  }


/* PAGE CONTAINERS */

#pageSidebarL, #pageContent, #pageSidebarR { top:92px; height: 573px; overflow:hidden }
#pageSidebarLContent, #pageContentContent, #pageSidebarRContent { position:absolute; min-height: 573px; }
 #pageContentContent { }

#pageSidebarL {  position:absolute; left:0px; top:70px;   padding: 5px; width: 180px; height:auto; bottom:50px; overflow: auto;  }
#pageContent {position:absolute; left:270px; top:68px;   padding: 5px; right:20px; width: auto; height:auto;  bottom:50px; overflow: auto; }
#pageContentWide { position:absolute; top:80px; left:20px; right:20px; bottom:50px; width: auto; height:auto;  }
#pageSidebarR { position:absolute; left:auto; top:60px;  padding: 5px; width: 230px; right:20px;  height:auto;  bottom:50px; overflow: auto; }

/* GLOBAL CONTAINERS */

#pageFooter { height:35px ; padding:5px;  z-index:5 }
#pageFooterMenu { height:25px ; padding:5px; text-align:right; z-index:2 }



/* CMS Styles  --  LANDSCAPE */

@media only screen and (orientation:landscape) { 

/* CMS Styles */


/* SITE CONTAINER */

#main {   }


/* GLOBAL CONTAINERS */

#siteLogo {}
#pageHeader {  }
#navBar {  }
#navTrail {  }


/* FRONT PAGE CONTAINERS */


#frontPageMain {  }


/* PAGE CONTAINERS */

#pageSidebarL { }
 #pageContent { l }
#pageSidebarL {  }
#pageContent {  }
#pageSidebarR {  }

 #pageContentContent {  }


/* GLOBAL CONTAINERS */

#pageFooter {  }
#pageFooterMenu {   }


}

/* CMS Styles  --  PORTRAIT */

@media only screen and (orientation:portrait) { 

/* CMS Styles */


/* SITE CONTAINER */

#main {   }


/* GLOBAL CONTAINERS */

#siteLogo { }
#pageHeader {   }
#navBar {  }
#navTrail {  }


/* FRONT PAGE CONTAINERS */


#frontPageMain {  }


/* PAGE CONTAINERS */

#pageSidebarL {  }
#pageContent {  }
#pageSidebarR {  }

 #pageContentContent {  }


/* GLOBAL CONTAINERS */

#pageFooter {  }
#pageFooterMenu {  }

#pageFooterMenu {  }

}