/* New CSS section created by Creative Compulsions. Completely controls the structure of the site. Each component is a DIV controlled by CSS as opposed to tables. This gives greater flexibility and more power to control how things mesh. Divs are generally aptly named by describing what they contain. Comments also used on some areas to explain them.
*/

/*****************************************/
.Forced {margin:0; height: 100%;}
#ForcedTD {height:100%; vertical-align:top;}
/* Main body div */
#wrapper {width:992px; margin: 0 auto; text-align: center; 
  background-image: url("/inc/html/nf2/images/body_background.jpg");
	background-repeat: repeat-y;
	background-position:left;
} /*Used only to center align the body content. */
#content {text-align:left;} /*Used only to remove center alignment. Stupid IE */
.hidden {display:none;} /*Hides anything you don't want shown. Not currently used but here if you need it. */

#MainContainer {
	height: 100%; /*2657px;*/
	width: 992px;} 

#MainContainerTimeline {
	height: 100%; /*2657px;*/
	width: 992px;} 

#MainContainerWide {
	background-repeat: repeat-y;
	background-position:left;
	height: 100%; /*2657px;*/
	width: 992px;} 

/* Header */
#Header {height:70px; background-color:#FFFFFF;} /*Simple Container */
#HeaderLogo {background: Transparent; position: relative; left: -35px; top: -2px; width: 400px; height:70px; float:left;}
#HeaderRight {float:left;}
#emblem {height:40px; margin:0px;padding-top:10px;}
.toppad {padding-top:30px;}


/*Menu*/
#HeadMenu {width: 992px; background: Transparent url("/inc/html/nf2/images/menu_background.jpg") left repeat-x; height: 31px; margin:0; padding: 0px;} /* Main menu bar */
#HeadMenuLeft {width: 731px; float: left; 
background: Transparent url("/inc/html/nf2/images/menu_background.jpg") left repeat-x; 
height: 31px;} /*Div for the menu */
/*#menuspacer {width: 159px; float: left; background: Transparent url("/inc/html/nf2/images/menu_background.jpg") left repeat-x; height: 31px; margin:0;} /* Adds the sapce to the left of the main menu. */
#menuspacer {width: 2px; float: left; background: Transparent url("/inc/html/nf2/images/menu_background.jpg") left repeat-x; height: 31px; margin:0;} /* Adds the sapce to the left of the main menu. */
#HeadMenuLeft img {margin-left: -2px; padding-left: 0px;} /* The negative margin is what forces the buttons to get closer to each other */

/*#toprightmenusection{position: relative; left:14px;}/* About New Flyer Menu*/ 

/* Search Box */
#SiteSearchBox {
width: 250px; 
/*background: Transparent url("/inc/html/nf2/images/menu_background.jpg") left repeat-x;*/ 
height: 31px; margin:0; float:left;}/* Search menu bar */
#searchsep {width: 3px; float: left; background: Transparent url("/inc/html/nf2/images/menu_separator.jpg") left repeat-x; height: 31px; margin:0;}/* Little spacer to the left of the search bar to give it a nice division */


/*Body text area */
#bodybanner {width: 734px; float:left; background-color: Transparent; } /* The bus banner */ /*border-top:1px #ffffff solid;*/

#BodyContent {width: 734px; float:left; background-color: Transparent;  } /* padding-right:10px; The main body. No further CSS needed as it is just a container. Add padding or content as needed to rejig the main panel as needed. IE Multiple columns etc.  */ 
/*#BodyContent a {font-family: Arial; font-size: 8pt; text-decoration: none; color: #999999;} /* The main body. No further CSS needed as it is just a container. Add padding or content as needed to rejig the main panel as needed. IE Multiple columns etc.  */
#BodyContent h2{ /*Added by Leslie Montani on June 10,2009*/	
  color: #CD5A13 !important ; 
	font-size: 12pt;
	text-align:left;
	padding-left:0px;  
  }
 
#BodyContentTimeline {width: 992px; float:left; background-color: Transparent; } /* padding-right:10px; The main body. No further CSS needed as it is just a container. Add padding or content as needed to rejig the main panel as needed. IE Multiple columns etc.  */ 
#BodyContentTimeline h2{ /*Added by Leslie Montani on June 10,2009*/	
  color: #CD5A13; 
	font-size: 12pt;
	text-align:left;
	padding-left:0px;  
  }

#BodyContentWide {width: 992px; float:left; background-color: Transparent; } /* padding-right:10px; The main body. No further CSS needed as it is just a container. Add padding or content as needed to rejig the main panel as needed. IE Multiple columns etc.  */ 
#BodyContentWide h2{ /*Added by Leslie Montani on June 10,2009*/	
  color: #CD5A13; 
	font-size: 12pt;
	text-align:left;
	padding-left:0px;  
  }

#NewsIndexPage{
padding-top:16px;
vertical-align:text-top;
}

/*Footer*/
#FooterMenu {height: 45px; border-top:1px #cccccc solid; width: 711px; float:left; padding-top:10px; position: relative;
bottom: 0px; } /* The give the main panel footer a fixed size, with a top border. */ 
#FooterSpacer {width: 160px; height: 45px; float: left; margin:0;} /* Left spacer, equal to the space on the left of the top menu. */ 
#FooterMenu a{font-family: Arial; font-size: 8pt; text-decoration: none; color: #888888; padding-left:5px; padding-right: 5px; border-right: 1px solid #cc5a13; height: 12px;} /* This uses a CSS border on the right for the orange line, if you prefer to use an image, remove border-right: 1px and put the image between the links in the footer. They are already spaced, so no need for a table */
#timeline a{font-family: Arial; font-size: 8pt; font-weight: bold; color: #888888; height: 12px; float: right; padding: 0px; border-right: 0px; margin-top:-14px;} /*This is for the right aligned text link in the fo9oter. Neg margin used to push the float up into place. */

/*sidebars*/
#SideBarLeft {width: 120px;  margin: 0 0 0 1px; padding: 15px; border-top:1px #ffffff solid; float:left;}
#SideBarLeft {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #22314e;}
#SideBarLeft h2{
	color: #CD5A13; /*#000; Added by Leslie Montani on June 2,2009*/
	font-size: 12pt;
	text-align:left;
	padding-left:0px;
}
#SideBarLeft td{
	color: #003366; /*#000; Added by Leslie Montani on June 2,2009*/
	text-align:left;
	padding-left:0px;
}
#SideBarLeft a{
	color: #003366; /*#000; Added by Leslie Montani on June 2,2009*/
	font-size: 8pt;
	text-align:left;
	padding-left:0px;
}

#SideBarRight {/*height:100%;*/ /*2657px;*/ width: 227px;  margin: 0 0 0 1px; padding: 0 15px; border-top:1px #ffffff solid; float:right; background: Transparent url("/inc/html/nf2/images/searchshadow.jpg") no-repeat;}
#SideBarRight {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #22314e;}
#SideBarRight h1{
	color: #CD5A13; /*#000; Added by Leslie Montani on June 2,2009*/
	text-align:left;
	padding-left:0px;
	font-size: 12pt;
	margin: 5px 0 0 0;
	/*line-height: 0.5;*/
}
#SideBarRight td{
	color: #003366; /*#000; Added by Leslie Montani on June 2,2009*/
	text-align:left;
	padding-left:0px;
	/* position:relative; top:-10px; */
	margin: 0px;
}

#BreadcrumbNavCol {padding-left: 158px; font-size:8pt; color:#888888; font-family: Arial;text-decoration: none;}
#BreadcrumbNavCol a {font-size:8pt; color:#888888; font-family: Arial; text-decoration: none;}
#BreadcrumbNavCol a:hover {font-size:8pt; color:#888888; font-family: Arial; text-decoration: none;}

/*****************************************************/

/*Previous CSS I have not touched this CSS, and added it in as it has the text formatting etc.*/
body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333; 
	line-height: 16px;
	height:100%;
}

td {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333; 
	line-height: 16px;
}

.main {
	width: 752px;
	border: 1px solid #cccccc;/*External Border around the screen*/
	text-align: left;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 18pt; 
	line-height: normal; 
	font-weight: bold; 
	color: #003366;
}

h2 {
	text-decoration: none;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
	font-weight: bold;
}

.left_nav_index  {
	margin-left: 15px;
}

.no_underline a, div.scm-sidebar-body a {
	text-decoration: none ! important;
}
 
 /* Added by Leslie Montani on June 10, 2009*/
.no_underline a, .no_underline a:hover, .no_underline a:active, .no_underline a:visited {
	color: #CD5A13; 
}

a {
	color: #003366;
}


a:hover {
	color: #666666;
}

a:active {
	color: #FF6600;
}

a:visited {
	color: #003366;
}

/*.completeStory {
	position: relative;
	top: 8px;
	margin-right: 10px;
}*/

.completeStory a, .completeStory a:hover, .completeStory a:active, .completeStory a:visited {
	margin-left: 0px;
	color: #CD5A13;
  text-decoration: none; 
  font-size:9px;  
  line-height:10px; 
  font-family: Arial narrow;
}

.newsStory {
	padding-right: 10px;
	margin-bottom: -10px; 
}

.contentAreaPadding {
	padding-right: 15px;
}

.currentSection {
	color: #FF6600;
}

.left_nav {
	padding-left: 42px;
	text-transform: uppercase;
	text-decoration: none ! important;
}

.interiorLeftNav	 {
	text-transform: none ! important;
	text-decoration: none ! important;
	margin-left: 10px;
}

.left_nav a{
	text-decoration: none ! important;
  color: #ff6500;
}

.left_nav a:visited {
	text-decoration: none ! important;
  color: #ffa500; /* Orange */
}

.interiorLeftNav a {
	text-decoration: none ! important;
  color: #00346b;
}

.interiorLeftNav a:visited {
	text-decoration: none ! important;
  color: #00346b;
}


.secondaryPicandTitle img, h1 {
	margin-right: 30px;
}

.menudiv br {
  display: none;
}

.contentAreaPadding table {
	max-width: 100% !important;
}

/* iNav Info spare / top left menu / search. Added Modifed by Leslie Montani on March 19,2009*/ 

.nav_spacer
{
	background-image:url(/inc/html/nf2/images/menu_background.jpg);
	background-repeat:repeat-x;
	height:31px;
}