@charset "UTF-8";

/*  this is the generic iPhone 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: 0.5s; }

.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:40px ; width:310px ; vertical-align: text-top; }

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

#navBar { position:absolute; background-color: #CCCCCC;left: 0px; top:46px;  padding:5px; width: 950px; height:33px ; vertical-align: text-top; z-index:2 }
#navTrail {position:absolute; background-color: #CCCCCC; 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 }

#pageHeader, #pageFooterMenu { }


/* FRONT PAGE CONTAINERS */


#frontPageMain {  }


/* PAGE CONTAINERS */

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

#pageSidebarL {  position:absolute; left:0px; top:70px; margin: 5px; padding: 5px; width: 140px; height:415px; overflow: auto;  }
#pageContent {position:absolute; left:165px; top:68px;  margin: 5px; padding: 5px; width: 760px; height:425px;  overflow: auto;border-top-width: 4px;  }
#pageContentNarrow {position:absolute;   }
#pageSidebarR { position:absolute; left:705px; top:60px; background-color: #CCCCCC; margin: 5px; padding: 5px; width: 230px; height:415px ;  overflow: auto; }

/* GLOBAL CONTAINERS */

#pageFooter { position:absolute; left:0px; bottom:0px; background-color: #CCCCCC; margin: 5px; padding: 5px; width: 965px; height:150px ; }
#pageFooterMenu {position:absolute; left:0px;  bottom:0px; height:30px ; right:0px; padding:5px; text-align:right; background-color:black;  }



/* CMS Styles  --  LANDSCAPE */

@media only screen and (orientation:landscape) {

/* CMS Styles */


/* SITE CONTAINER */



/* GLOBAL CONTAINERS */

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


/* FRONT PAGE CONTAINERS */


#frontPageMain {  }


/* PAGE CONTAINERS */

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

 #pageContentContent {  }


/* GLOBAL CONTAINERS */

#pageFooter {  }
#pageFooterMenu {     }


}

/* CMS Styles  --  PORTRAIT */

@media only screen and (orientation:landscape) { 

/* CMS Styles */


/* SITE CONTAINER */



/* GLOBAL CONTAINERS */

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


/* FRONT PAGE CONTAINERS */


#frontPageMain {  }


/* PAGE CONTAINERS */

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

 #pageContentContent {  }


/* GLOBAL CONTAINERS */

#pageFooter { }
#pageFooterMenu {  }

#pageFooterMenu {  }

}