/* Heading 1 (H1) is used to style the main header. For example: IntelliDealer / News */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: Black;
	margin: 0;
	/*/*/
	margin: 5px 0 20px 0;
	/* End */
}

/* Heading 2 (H2) is used to style the first level of headings.
   If should be used as the article title as well.*/
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #006699;
	padding: 5px 5px 5px 10px;
	background-color: #CCE0EB;
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #80B2CC;
	margin: 0;
	/*/*/
	margin: 0 0 15px 0;
	/* End */ 
}

/* Heading 3 (H3) is used to style the second level of headings. */
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 3px 3px 3px 8px;
	background-color: #E5E5E5;
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #B2B2B2;
	margin: 0;
	/*/*/
	margin: 30px 0 10px 0;
	/* End */
}

/* Heading 4 (H4) is used to style the third level of headings, 
   and should not be used independantly of H3. */
h4 {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: silver;
	padding: 0 0 2px 0;
	margin: 0;
	/*/*/
	margin: 10px 0 5px 0;
	/* End */
}

/* Heading 5 (H5) is used to style the modified date at the top of the page. */
h5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BBB;
	margin: 0;
	/*/*/
	margin: 5px 0 0 0;
	/* End */
}

/* Heading 6 (H6) is used to style the footer. */
h6 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AAA;
	font-weight: normal;
	margin: 0 0 0 15px;
	/*/*/
	margin: 15px 0 0 0;
	/* End */
}
h6 a:link, h6 a:visited, h6 a:hover {
	font-weight: normal;
	color: #000;
}

/* Link styles. */
a:link, a:visited, a:active {
	color: #069;
	font-weight: bold;
	text-decoration: none;
}
li a:link, li a:visited, li a:active {
	color: #006699;
	font-weight: normal;
	text-decoration: none;
}
a:hover, li a:hover {
	text-decoration: underline;
}
a.hot:link, a.hot:visited, a.hot:active {
	color: #F04C00;
}
.note a:link, .note a:visited, .note a:active {
	color: #F04C00;
	text-decoration: underline;
}
h1 a:link, h1 a:visited, h1 a:active {
	color: #006699;
	text-decoration: none;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #006699;
	background-image: url(graphics/back-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 9px;
	padding-left: 11px;
}
h1 a:hover{
	color: #000000;
	text-decoration: none;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #000000;
	background-image: url(graphics/back-bullet_over.gif);
	background-repeat: no-repeat;
	background-position: 0 9px;
	padding-left: 11px;
}

/* Sets the list bullet to an image for IE 5+ and a square bullet for NN4. */
ul {
	list-style: square;
	list-style-image:  url(graphics/list-bullet.gif);
}

/* Note styles. */
span.note {
	color: #F04C00;
	font-weight: bold;
}
p.note {
	color: #F04C00;
	/*/*/ 
	padding: 10px 10px 10px 12px;
	background-color: #FDEDE5;
	border-color: #F04C00;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 15px 0;
	/* End */ 
}
li.note {
	color: #F04C00;
	list-style-type: circle;
	/*/*/
	padding: 10px 10px 10px 12px;
	background-color: #FDEDE5;
	border-color: #F04C00;
	border-style: solid;
	border-width: 1px;
	margin: 5px 0 5px 0;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	/* End */
}

/* Identifies PPUs or other number designations. */ 
span.ppuID {
	color: #009933;
	font-weight: bold;
}

/* Apply this to individual cells or rows or columns to identify the primary data within a table. */ 
.tableHeader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	background-color: black;
}

/* Apply this to individual cells or rows or columns to identify the secondary data within a table. */ 
.tableHeadersmall {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*/*/
	font-size: 9px;
	/* End */
	color: #000000;
	background-color: #E5E5E5;
}

/* Apply this to rows or columns to create a visual separation between data. */ 
.tableRow {
	background-color: #F4F4F4;
}

/* Creates a bit of padding between bullet list items. */ 
/*/*/ 
li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 0;
	/*/*/
	margin-bottom: 5px;
	/* End */
}
/* End */ 

/* Sets border style for main table */
table.maintable {
	border: 2px solid #CCCCCC;
}

/* Maintains font style consistency. */ 
body td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Maintains font style consistency. */ 
p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 10px 0;
	/*/*/
	margin: 0 0 10px 0;
	/* End */
}
ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	/*/*/
	margin: 15px 30px;
	/* End */
	padding: 0;
}

/* Provides structure for main content. */ 
div.container {
	margin: 10px 0 10px 126px;
	/*/*/
	margin: 10px 0 10px 142px;
	/* End */
	width: 642px;
	/*/*/
	width: 615px;
	/* End */
}

/* Provides structure for popup window content. */
div.popupcontainer {
	width: 100%;
}

/* Provides style for tables used as charts, lists, etc. */
table.standardtable td {
	padding: 1px;
	border: 1px solid white;
}

/* Styles the close window link for popups */
p.closewindow, .closewindow a:link, .closewindow a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: auto;
	margin-top: 10px;
}
.closewindow a:link, .closewindow a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
	border-bottom: 1px solid #999;
}
.closewindow a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	border-bottom: 1px solid black;
}

/* Styles to apply to <a> tag on home page for new or updated elements */
a.new {
	background-image: url(graphics/new2.gif);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
}
a.updated {
	background-image: url(graphics/updated2.gif);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
}