/* -------------- base html, tables and type ------- 
------------------  */
html{
	height: 100%;
	font-size: 100%;
	/* IE hack */
}

* { 
 margin: 0; 
 padding: 0; 
} 
body { 
	color: #333;
	text-align: center;
	
	/*background-image: url("images/common/wireframe_home.gif");
	background-position: top center;
	background-repeat: no-repeat;*/
	font:80%/120% arial,helvetica,sans-serif;
	background-color: #FFF;
	background-image:none;/* must override image set by oldbrowsers stylesheet*/
}
h1, h2, h3, h4, h5, h6,
caption  {
		padding-top: 0.2em;
		padding-bottom: 0.2em;
		border-bottom: 2px solid #84b9c4;/*blugrnmedium*/
		font-family: arial, helvetica, sans-serif;
		font-weight:bold;
		color:#84b9c4;/*blugrnmedium*/
		text-align:left;
		/*margin-right:10px;*/
}

h1 { 
font-size: 1.6em;
line-height:1em;
font-weight: normal;
border:0; 
}
h2,
caption  { font-size: 1.3em;
    line-height:1.1em;
  }

 
h3 { 
font-size: 1.2em;
line-height:1em;
margin-bottom:.5em;
 }
h4{ 
font-size: 1.2em;
line-height:1.3em;
color:#00314c; /*DeepBlue*/
border: 0;
 }
h5 { font-size: 1.0em;
color:#000;
border:0;
 }
h6 {
	color:#EE1C23;/*NBC red*/
	font-size: .8em;
	line-height:1em;
	border:0;
	text-transform:uppercase;
	letter-spacing:1px;
}
/*use this tag instead of <sup> so linespacing is undisturbed*/
abbr, span.abbr{
	font-size:0.7em; 
	position:relative;
	top:-0.6em;
	left:0;
}
ul, ol, p {
margin-bottom:12px;
}
#primary p,
#primary ul,
#primary ol,{
margin-right:10px;
}

ul{
list-style:none;
}
ol {
list-style-type: decimal;
margin-left:2em;
}
blockquote{
padding: 10px 24px;
}
table {
margin-bottom:12px;
 }
td {
vertical-align:top;
}
th {
padding:5px 3px;
text-transform:uppercase;
font-size:11px;
line-height:1.3em;
text-align:left;
}
#home-banner{
position:relative;
left:-20px;
margin-bottom:12px;

}

/*h1 class first and div class news-box must be preceeded by divs with bracket images shifted up and left */
.bigbracket{
position:relative;
	top:-10px;
	left:-20px;
	background-image: url("images/common/left_bracket_big.gif");
	background-position: top left;
	background-repeat: no-repeat;
	width:20px;
	height:80px;
}
h1.first {
margin-bottom:0;
color:#EE1C23;/*NBC red*/
margin-top:-70px;
height:60px;
}
.smallbracket{
position:relative;
	left:-20px;
	background-image: url("images/common/left_bracket.gif");
	background-position: top left;
	background-repeat: no-repeat;
	width:20px;
	height:60px;
}

.news-box {
margin-top:-50px;
margin-bottom:10px;
/*border: 1px #f00 solid;*/
}
.news-box p.adcopy { 
font-size:.9em;
margin:0;
}

p.cutline1{ 
font-size:10px;
margin:0;
color: #EE1C23;/*NBC red*/
text-transform:uppercase;
}
.news-box h3{
margin-top:0;
color:#000;
border:0;
margin-bottom:0;
}
/* ---------------- tables --------------- */
table{ 
	font-size: 100%;
	}
select,
input,
textarea { 
	font-size: 100%;
	/* IE hack */
	font-family: arial, helvetica;
	color : #000000;
	background-color: #FFFFFF;
	border-color : #CACACA;
	border:  1px solid #CACACA;
}
/*override for image, radio and checkboxes*/
input[type='checkbox'],
input[type='radio'],
input[type='image'],
.bordernone {
border:none;
}
.ruleabove {
	padding-top:0.5em;
	border-top: 1px solid #84b9c4;/*blugrnmedium*/
}

table.rulebelow {
border: 1px solid #84b9c4;/*blugrnmedium*/
border-width:0 0 3px 0;
}
table.rulebelow td,
table.rulebelow th.ruleabove {
padding:3px 6px;
border: 1px solid #84b9c4;/*blugrnmedium*/
border-width:1px 0 0px 0;
font-size:11px;
line-height:1.3em;
}
table.secondary input[type='radio']{
    background-color: #ECF3F8;
}
/*nested table widths adjust for leftindent*/
table.width16{
width: 740px; /* 16 units 800 less 60 current use - primary td cell on master page*/
}
td#Column-main table,
table.width11,
iframe.width11,
div.width11{
width: 500px; /* 11 units 550 less 50 current use - inset items have 30px left padding*/
}
table.width5,
iframe.width5{
width: 230px; /* 5 units 250 less 20 current use - tertiary column */

}
/*--------------- site containers-----------------
ids are divs, classes are reusable widths
we are doing a centre fixed width site
image paths are relative to css
-----------------------------------------------------*/
 
#sitecontainer { 
 margin: 0 auto; 
 width: 1000px; 
 text-align: left;
 position:relative;
} 
#Header { 
/*holds logo, top-links, header-dingbat*/
height:72px;
 width: 1000px;
 min-width:1000px;
}
#header-dingbat {
position: absolute;
height:73px;
width:20px;
top: 36px;
right:0;
z-index:10;
}
#logo-link {
float:left;
padding:0 0 0px 24px;
margin-top:5px;
/*border: 1px #f00 solid;*/
}
#top-links {
margin-top:5px;
padding-right:36px;
text-align:right;
height:72px;
/*border: 1px #f00 solid;*/
} 

#top-links li {
display:inline;
margin: 0 0 0 10px;
}

#SiteNav1 {
 background-image: url("images/common/nav1_off.gif");
 background-position: top left;
 background-repeat: repeat-x;
height:48px;
width:991px;
/*raise 'above' following quicklinks bar */
position:relative;
z-index:1;
}

#SiteNav2 {
background-image: url("images/common/nav2_bg.png");
background-repeat: no-repeat;
height:48px;
width:991px;
/*raise 'above' following quicklinks bar */
position:relative;
z-index:1;


}
#SiteNav1 ul, #SiteNav2 ul {
margin-bottom:0;
height:48px;
/*border: 1px #000 solid;*/
width:990px;

}
#SiteNav1 li, #SiteNav2 li
{
display:inline;
float: left;
margin-right:5px;
}

#SiteNav1 li a, #SiteNav2 li a
{
display: block;
width:auto;
color: #a2beae;
font-size: 10px;/*adjust if change topbar heights */
line-height:1em;
text-transform:uppercase;
text-decoration: none;
letter-spacing:1px;
font-weight: bold;
}
#SiteNav1 li a
{
/*cannot set position relative on dingbat or this fails in firefox */
padding: 30px 0 5px 20px;
}
#SiteNav1 li a.selected,
#SiteNav1 li a:hover,
#SiteNav1 li a:active
 {
color: #FFFFFF;
background-image: url("images/common/nav1_over.gif");
background-repeat: no-repeat;
background-position: top left;
}

#SiteNav2 li a{
/*background-image: url("images/common/nb_rtarrow.gif");
background-repeat: no-repeat;
background-position: 5% center;*/
padding: 3px 0.8em 5px 15px;
}

#SiteNav2 li a.selected,
#SiteNav2 li a:hover,
#SiteNav2 li a:active
 {
color: #FFF;
}
#content {
/* holds pagetable move up relative to topbar, to tuck 'under' the swoosh */
position:absolute;
top:120px;
z-index:0;
} 

/*ids for #content table cells, to allow specific inheritance. 
Class attribute 'jscolumn' may ONLY be on divs in these columns (to force matching heights)*/

* .jscolumn {
height: auto; /* IE ignores child selector, modern browsers replace height declarations */
min-height: 300px;
}



#Column-sidebar td {
padding:3px 6px;
}

#Column-sidebar,
#tertiary,
#Footer
{
font-size:11px;
}

#Footer { 
margin-left:20px;
color:#ccc;
} 

#Footer a:link { 
color:#ccc;
} 

/* basis: 20 unit grid page: one unit is 50px. Gutter is 10px. Hence widths are multiples
adjusted for adjacent gutter and padding as layout requires */
.width1 {
width:50px;
}
.width2 {
width:100px;
}
.width3 {
width:150px; 
}
.width4 {
width: 200px; 
}
.width5 {
width: 230px; /* 5 units 250 less 20 current use - tertiary column of homepage*/
}
.width6 {
width: 300px; /* 6 units 300 */
}
.width7 {
width: 350px; /* 7 units 350 */
}
.width10{
width: 480px; /* 10 units 500 less 20 current use - column-main*/
}
.width11{
width: 510px; /* 11 units 550 less 40 current use - h1 first has negative margin */
}
.width12{
width:600px; /* 12 units 600 */   
}
.width16{
width: 780px; /* 16 units 800 less 20 current use - primary td cell on master page*/
}
.gutter{
width:10px;
}
#Related-links{

}
    
/*can use multiple class values, just put spaces between values */
.indentleft {
padding-left:10px;
}
.indent30 {
padding-left:30px;
}
.borderleft {
border-left: 1px solid #ccc;/*grey*/
}
.borderright {
border-right: 1px solid #ccc;/*grey*/
}
/*for data cells/divs */
td.shiftdown24,
th.shiftdown24 {
padding-top:24px;
}
td.shiftdown36,
th.shiftdown36 {
padding-top:36px;
}
.clearboth { 
 clear: both; 
}
.floatleft {
float:left;
margin:0 10px 0 0;
}
/*for text/image blocks. 
Class attributes may be used cumulatively; e.g.
h2 class="shiftdown24 white"
*/
.shiftdown24 {
margin-top:24px;
}
.shiftdown48 {
margin-top:48px;
}
.shiftright24 {
margin-left:24px;
}
.shiftright36 {
margin-left:36px;
}
.spacebelow12 {
margin-bottom:12px;
}
.spacebelow60 {
margin-bottom:60px;
}
.align-center {
text-align:center;
}
.colour1 {color:#00314c; /*DeepBlue*/}
.colour2,
.down 
{color:#b3292f; /*redbrown*/
}
    
.colour3 {color:#84b9c4;/*blugrnmedium*/}
.up {color:#00B73E;/*prices_rise*/}
.error {color:#DD7E0B;/*Orange	bright*/}
.small-print{
font-size:75%;
}
.align-right{
text-align:right;
}
.reverse {
color:#FFF;
}
.allcaps {
text-transform:uppercase;
}
/* -------------- hyperlinks 
------------------  */
a:link{
	color:#00314c; /*DeepBlue*/
	text-decoration:none;
}

a:visited{
	color:#00314c; /*DeepBlue*/
	text-decoration:none;
}

a:hover{
	color: #EE1C23;/*NBC red*/
	/*text-decoration:underline;*/
}

a:active{
	color: #84b9c4;/*blugrnmedium */
	text-decoration:none;
}
a img {
	border:0;
}
/*inline links made visble before mouseover */
h6 a:link,
p a:link,
ol a:link,
table.rulebelow a:link,
h6 a:visited,
p a:visited,
ol a:visited,
table.rulebelow a:visited{
text-decoration:underline;
}
p a:hover,
ol a:hover,
table.rulebelow a:hover{
color: #EE1C23;/*NBC red*/
}

/* ------------lists -------------------*/

ul.vertical {
margin:0 10px 10px 0;
}

ul.vertical li a {
	display:block;
	font-size:11px;
	line-height: 14px;
	background:url("images/common/nb_rtarrow.gif") no-repeat 0 .5em;
	padding:5px 0 5px 10px;
	border-bottom: 1px solid #b3292f; /*redbrown*/
	text-decoration:none;
	}
ul.vertical li a.selected{
    color:#EE1C23;/*NBC red*/
}
ul.pdf li
{
padding-left: 22px;
background-image: url("images/common/dingbat_pdf.gif");
background-repeat: no-repeat;
background-position: 0 0;
}
ul.plain li
{
background-image:url("images/common/nb_rtarrow.gif");
background-repeat: no-repeat;
background-position: 0 .2em;
padding-left: 10px;
}
ul.goto {
margin-left:-10px;
list-style-position:inside;
list-style-image:url("images/common/li_goto.gif");
}
ul.goto li
{

/*border: solid red 1px;*/
}
ul.goto li a{
text-transform:uppercase;
color: #84b9c4;/*blugrnmedium*/
font-size:10px;
text-decoration:none;
letter-spacing:1px;
padding-left: 5px;

}
ul.goto li a:hover {
color: #EE1C23;/*NBC red*/
}
/* --------- background, grad tints. ----------
------------------------------------- */
.blugrndark { 
  background-color: #437489; 
}
.odd,
.secondary { 
  background-color: #ECF3F8; 
}

.white, 
.even { 
  background-color: #FFFFFF; 
}

.box {
  /*border: solid orange 2px;*/
   float: left;
 /* must set a height for divs if not use matching columns js */
  height:100%;
   position: relative;  
  /*must specify a width - add a second class value */ 
}

/*
	per Matthew O'Neill: use star-HTML hack to	allow for png support via alphimageloader in IE6.
	Path to be relative to the HTML document that calls the style sheet
	position:static applied to the box class to deal with IE6 bug
	that keeps links from working with AlphaImageLoader in
	certain circumstances
* html #header-dingbat {
  filter: progid:DXImageTransform.Microsoft.DXImageTransform.Microsoft.AlphaImageLoader (src="/dealercentre/images/common/rt_bracket.png", sizingMethod="scale");
}
*/

* html #SiteNav2 {
background-image: url("images/common/nav2_bg.gif");
}

.graddark {
background-image: url("images/common/gradient_dark.gif");
background-repeat: repeat-y;
background-position: right top;

}
.gradvertical {
background-image: url("images/common/grad_vertical.gif");
background-repeat: repeat-x;
/* set position horizontal vertical*/
background-position: left top;
}


/* -------------------legacy styles set to nearest equivalent unit width -----------
------------ name may not match property ------------*/
.width300 {
width: 250px;
}
td.col2 textarea {
    width: 250px;
}
.width180 {
width: 150px;
}
.width54 {
width: 50px;
}
.width100 {
width: 100px;
}

.subTitle{
background-color:#ECF3F8;
padding:5px 5px 5px 5px;
text-transform:uppercase;
}
.breadcrumb{
text-align:left;
color:#437489;/*blugrndark*/
font-size:0.8em;
}
.authoring,
.authoringDescription {
background-color:#eee;	
margin-bottom:5px;
color: #003366;
font-weight: bold;
}
.callout {
float:right;
clear:right;
margin:0 10px;
width:150px;
padding:10px;
background-color:#C9DBE0;/*bracket*/
}
.speaker {
float:left;
padding:0px 10px 0px 0;
background-color:#FFF;
}
.width680 {
/*match table.width16*/
width: 750px; /* 16 units 800 less 50 current use - primary td cell on master page*/
}

tr.section-sage th{
font-size: .9em;
font-weight: bold; 
color: #437489;/*blugrndark*/
text-transform:uppercase;
background-color:  #ECF3F8; 
line-height:normal;
vertical-align: bottom;
}
/*080815 below still to do*/
td.ad-box{
background-color: #ECF3F8; 
}
.ad-box h3, .ad-box p {
	margin-top:0;
 	padding-left: 5px;
	padding-top:5px;
	padding-right:5px;
}
.ad-box h3 {
	background-color:#437489;/*blugrndark*/
 	text-transform:uppercase;
	letter-spacing:0.1em;
	
	
}
.ad-box h3 a{
	text-decoration:none;
 	color: #FFFFFF;/*white*/
	}
.ad-box h3 a:hover{
text-decoration:underline;
	}
td.ad-box input {
   background-color: #ECF3F8; 
}

tr.sectionhead th{
	font-size: .9em;
	font-weight: bold; 
	color: #00324D;	/*NBBlue*/
	background-color: #EFF0DC;	/*Light2*/
	line-height:normal;
	vertical-align: bottom;
	
}

th.formlabel {
text-align:right;
width:100px;
vertical-align:top;
text-transform:none;
}
td.col2{
width:250px; /* roughly 5 grid units */
}
.text_btn { 
        border-style: ridge; BORDER-WIDTH: 1px; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; 

COLOR: #ee1c23 
}
body#texis h6 {
position:absolute;
bottom:20px;
right:20px;
z-index:0;

}