BODY
{
   margin:30px 0px 0px 0px;
   padding:0px;
}

#page-op
{
   height:100%;
   text-align:center;
}

.homepage-border-full{border:1px solid #969696;border-right:none;width:100%;float:left;padding-bottom:10px;}
.homepage-border{border:1px solid #969696;border-right:none;width:47%;float:left;padding-bottom:10px;}
.homepage-border-right{border:1px solid #969696;border-right:none;width:47%;padding-bottom:10px;float:right;}

.homepage-title{padding-top:4px;padding-left:5px;height:20px;background-color:#708EA6;color:White;font-weight:bold;}
.homepage-title A{color:white;text-decoration:none;}
.homepage-title A:hover{text-decoration:underline;}

.homepage-links{padding-left:5px;padding-top:4px;}
.homepage-links A{display:block;text-decoration:none;}
.homepage-links A:hover{text-decoration:underline;}

#listing{float:left;width:420px;}
#listing A{display:block;text-decoration:none;padding:5px;padding-top:0px;padding-left:0px;}
#listing A:hover{text-decoration:underline;}

#context-menu{padding:5px;float:right;width:120px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;text-align:right;font-size:0.8em;}
#context-menu A{display:block;text-decoration:none;padding:2px;}
#context-menu A:hover{text-decoration:underline;}

/**** SPLASH PAGE ***********************************************************/

#page-splash
{
   width:765px;
   height:100%;
}

#page-splash-content
{
   margin-bottom:20px;
   height:150px;
}

#page-splash-content A
{
   display:block;
   padding:2px;
}

#page-splash-content .content-left
{
   float:left;

width:170px;
}

.indent-content-left{
  margin-left:10px;
}

.indent-content-right{
  margin-left:10px;
}


#page-splash-content .content-right
{
   float:right;

width:110px;
}

#page-splash-content .content-right-whats-new
{
   float:right;

width:130px;
}




#page-splash #banner-bg
{
   background-image: url(../nbso-bg.jpg); 
   background-repeat:no-repeat;
   width:764px;
   height:304px;
}

#page-splash a img {border: none; }	
	
#page-splash #TwoBannerPhotoholder {
	width:562px;
	height:170px;
	border:0px solid #666;
	position:relative;
}
#page-splash #SingleBannerPhotoholder 
{
	width:764px;
	height:304px;
	border:0px solid #666;
	position:relative;
}

#page-splash #singleBanner
{
	width:764px;
	height:304px;
	/*position:absolute;*/
}

#page-splash #leftBanner {
	width:562px;
	height:170px;
	position:absolute;
}
#page-splash #rightBanner 
{
	width:275px;
	height:170px;
	position:absolute;
}



/**** HOME PAGES ***********************************************************/


#page-op{ height:100%; }

#page{ height:100%; }


#page-layout
{
   width:770px;
   text-align:left;
   height:100%;
}

#page-util
{
   background-color:#444478;
   border-bottom:1px solid White;
   height:25px;
   line-height:20px;
   color:#8F8FAA;
}



#page-util .util-left
{
   float:left;
   padding-left:5px; 
}

#page-util .util-right
{
   float:right;
   padding-right:5px;
}


#page-header
{ 
   height:165px; 
   /*background-image: url(../../../images/bg/header.gif); 
   background-repeat:repeat-y;*/
   border-top:2px solid #5F819B;
}

#page-header-logo
{
   float:right;
   padding:5px;
}

/*#page-header-op-title-graphic
{
   position:relative;
   top:-200px;
   left:0px;
   float:left;
   width:200px;
   border:2px solid black;
}*/

/*#page-header-title
{
   position:relative;
   top:-100px;
   left:300px;
   width:300px;
   border:2px solid aqua;
}*/



#page-header-nav
{
   float:right;
   border-top:1px solid white;
   text-align:right;
   position:relative;
   width:485px;
   top:140px;
   height:20px;
   line-height:20px;
}

#page-header-nav A
{
   padding-right:6px;
}

#page-header-nav-fr
{
   float:right;
   border-top:1px solid white;
   text-align:right;
   position:relative;
   width:485px;
   top:140px;
   height:20px;
   line-height:20px;
}
#page-header-nav-fr A
{
   padding-right:4px;
}

#page-main-nav{}

#page-main-content
{
   background-image: url(../../../images/bg/content.jpg);
   background-repeat:no-repeat;
}

#page-main-content-fr
{
   background-image: url(../../../images/bg/content-fr.jpg);
   background-repeat:no-repeat;
}

#page-main-content-op
{
   background-image: url(../../../images/bg/operations.jpg);
   background-repeat:no-repeat;
}
#page-main-content-op-fr
{
   background-image: url(../../../images/bg/operations-fr.jpg);
   background-repeat:no-repeat;
}

#page-main-content-pm
{
   background-image: url(../../../images/bg/public-media.jpg);
   background-repeat:no-repeat;
}
#page-main-content-pm-fr
{
   background-image: url(../../../images/bg/public-media-fr.jpg);
   background-repeat:no-repeat;
}

.page-content
{
   vertical-align:top;
   margin-top:10px;
 
}

#page-copy
{
   vertical-align:top;
   position:relative;
   left:300px;
   width:450px;
   /*height:120px;*/
   margin-top:20px;
}

#page-footer
{
   border-top:2px solid #5F819B; 
   padding-top:8px;  
  
}

#page-footer-content
{
   border-top:2px solid #5F819B; 
   padding-top:4px;  
   margin-top:20px;
}

#page-footer .footer-left
{
   float:left;
}

#page-footer .footer-right
{
   float:right;
}


/***  SUBPAGES *******************************************/

.subpage-content
{
   vertical-align:top;
   margin-top:55px;
   margin-right:15px;
}

.subpage-title
{
   position:relative;
   top:30px;
   left:-190px;
}

/***  NEWS *******************************************/

.news-content
{
   vertical-align:top;
   margin-top:55px;
   margin-right:15px;
}

.news-title
{
   position:relative;
   top:30px;
   left:0px;
}

/********************* NAV ***************************/
.subnav-content
{
   margin-top:95px; 
   width:180px;
}

.subnav-content UL
{
  padding:0px;
  margin:0px; 
}

.subnav-content UL UL
{
    margin-left:10px;
    padding-top:2px;
    padding-bottom:2px;
}

.subnav-content UL LI
{
    list-style-type:none;
    padding-top:2px;
    padding-bottom:2px;
}

.subnav-content UL 
{
  font-weight:bold;
}



.subnav-content UL UL UL 
{
  margin-left:12px;
    padding-top:2px;
    padding-bottom:2px;
}


.subnav-content UL UL UL UL 
{
  margin-left:17px;
    padding-top:2px;
    padding-bottom:2px;
}

/********************* BREADCRUMB ***************************/

.subpage-breadcrumb
{
   padding-bottom:4px;
}

.subpage-content-title
{
   padding-bottom:10px;
}





/***** QUICK LINKS ***************************************/

.ql-content
{
   vertical-align:top;
   margin-top:85px;
}

.ql-content A
{
   display:block;
}


/************ CONTENT PUBLISHING **************************/

.draft-mode
{
   background-color:Yellow;
   padding:10px;
}

.published-mode
{
   background-color:Transparent;
}