/*  GLOBALS  */

* html img, * html .png{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "/images/spacer.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}


html {
overflow-y: scroll;   /* forces firefox scrollbar on */
padding-bottom: 20px;
}

body {
font-size: 80%;
margin: 0em auto;
padding: 0em;
font-family: arial, sans-serif;
/*background: url(../images/bkg-grey2.gif) repeat-x;*/
background-color: #9a9a9a;
color: #31384A;
}


h1 {
font-size:20px;
margin:0px 0px 10px 0px;
display:inline;
color: #31384A
}

h2 {
font-size:16px;
margin:10px 0px 10px 0px;
/*display:inline;*/
color: #31384A
}

h4 {
font-size:1.0em;
margin:0px 0px 10px 0px;
display:inline;
}

p {
font-size: 1em;
line-height:20px;
margin:10px 0px 15px 0px;
}

a {
color:#0067ca;
text-decoration: none;
outline: none;
}

TABLE{
border-collapse: collapse;
}
a:hover {
color:#75ac13;
text-decoration: underline;
}

ul {
list-style: square outside;
color: #77AB13;
line-height:18px;
margin-top: 10px;
}

ul.wnc{
	margin-left:17px;
	padding-left:0px;
}

li span {
color: #31384A;
}

IMG{
border: 0px;
}



/*  HEADER  */

#header-container {
width: 900px;
margin: 0px auto;
padding: 0px;
background-color: #FFFFFF;
}

#header-container img {
margin: 5px 10px -3px 10px;
}

#tertiary-nav {
padding: 5px 10px 0px 0px;
font-size: 11px;
text-align: right;
}

/*  FOOTER  */

#footer-bar {
background-color:#5B6F80;
height: 10px;
margin: 0px auto;
margin-top:10px;
width:900px;
}

#footer {
margin: 0px auto;
margin-top:10px;
width:900px;
text-align:center;
}

/*  PRIMARY NAV  */

div.nav {
margin: 0px auto;
width: 900px;
background-color: #FFFFFF;
}

div.nav ul {
border: solid 1px #31384A;
width: 878px;
margin: 0px 10px 0px 10px;
padding: 0px;
list-style: none;
height: 38px;
}

div.nav li {
float: left;
white-space: nowrap;
margin-bottom: -10px;
background: url(../images/nav-sprite.gif) 0 0 no-repeat;
}

div.nav li a {
background: url(../images/nav-sprite.gif) 0 0 no-repeat;
background-position: right 0px;
height: 38px;
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
font-weight: bold;
display: block;
position: relative;
padding: 10px 40px 0px 39px;
float: left;
}

div.nav li.left {
margin-left: 1px;
}

div.nav li a.right {
background-position: left 0px;
}

div.nav li a:hover {
background-position: right -62px;
color: #FFFFFF;
text-decoration: none;
}

div.nav li a.right:hover {
 background-position: left -62px;
color: #FFFFFF;
text-decoration: none;
}

div.nav li a.on,
div.nav li a.on:hover {
background-position: right -62px;
color: #FFFFFF;
}

div.nav li a.onright,
div.nav li a.onright:hover {
background-position: left -62px;
color: #FFFFFF;
}

/*  SUB NAV  */


#subnav {
background-color:#E1E4E5;
font-size: 11px;
}

#subnav img {
margin:10px;
padding-top:3px;
display:block;
float:left;
}

*html #subnav img {
margin-left:5px;
}

#subnav a {
padding:13px 10px 10px 5px;
color: #3D4354;
text-transform:uppercase;
text-decoration:none;
display:block;
background-color:#E1E4E5;
font-weight:bold;
}

#subnav a:hover {
background-color:#D0EE7A;
}

#subnav a.on {
color: #3D4354;
text-transform:uppercase;
text-decoration:none;
display:block;
background-color:#D0EE7A;
font-weight:bold;
cursor: default;
}



/*  HERO  */

#hero {
margin: 0px auto;
padding: 0px;
width: 900px;
background-color: #FFFFFF;
}

#hero-right {
background: url(../images/ccar-home-bkg-y.gif) 0 0 no-repeat;
margin:10px 10px 10px 0px;
width: 280px;
height: 201px;
color: #BC131A;
float: right;
font-size: .9em;
}

*html #hero-right {
margin-right: 5px;
}

#hero-right h2 {
font-size: 18px;
padding: 10px 10px 0px 10px;
margin: 0 0 -5px 0;
color: #770001;
}

#hero-right img {
display: block;
margin-left: auto;
margin-right: auto;
}

#hero-right ul {
list-style: square outside;
color: #BC131A;
}

#hero-right li {
margin-left: -10px;
line-height: 20px;
font-weight:bold;
}

#hero-right li span {
/*color: #BC131A;*/
color: #000000;
}

/*  HOME CONTENT  */

#content-home {
margin: 0px auto;
padding: 10px;
width: 880px;
background-color: #FFFFFF;
}

#content-home .quote {
font-size: 20px;
padding:0px 10px 0px 10px;
line-height: 1.5em;
}

#content-home TD.right P {
line-height: 1.4em;
}

#content-home .readmore {
color:#0066CB;
margin:-28px 0px 0px 0px; 
text-align:right;
}

/*  CONTENT  */
#content-container {
margin: 0px auto;
padding: 0px;
width: 900px;

background: #ffffff url(../images/back_side.gif) 10px 0 no-repeat;
}

#rightcol {
margin-right:10px;
float:right;
width:620px;
min-height: 400px;
}

*html #rightcol {
margin-right:5px;
}

#leftcol {
width:230px;
margin-right:20px;
float:left;
height: 100%;
overflow: hidden;
}


#leftcol table {
width:230px;
}

#leftcol td {
border-bottom: dotted 1px #9499A1;
}

#leftcol td.left {
width:10px;
background-color:#FFFFFF;
}

#leftcol td.resources  {
background-color:#EDF0F0;
padding:20px 10px 0px 10px;
margin:0px;
}

#leftcol .bottom {
margin-left:10px;
width:220px;
height:100%;
background: url(../images/leftcol-bottom-grad.gif) 0 0 repeat-x;
}


/*  MISC  */

.arrow {
margin: -2px 10px 0px 10px;
padding:0px;
display:inline;
vertical-align:middle;
}

.dotted-right {
border-right: dotted 1px #31384A;
}

.dotted-top {
border-top: dotted 1px #31384A;
width:100%;
margin:5px 0 20px 0;
}
	*html  .dotted-top {
	margin:5px 0 5px 0;
	}
	*+html  .dotted-top {
	margin:5px 0 5px 0;
	}

.clear{
clear: both;
}

.green {
color: #77AB13;
}

.home-keytext {   /*  dark red color */
color: #770001;
}

.back-grey{ 
background-color:#eef5dc;
}
.back-grey2{ 
background-color:#d2d8dd;
} 

.back-blue{ 
background-color:#d0dce4;
} 

.back-white{ 
background-color:#ffffff;
}

.pdf {
float:left; 
padding:0px 10px 10px 10px;
}

ul.pdf{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.pdf LI{
list-style: none;
background: url(../images/icon-pdf.gif) 0 0 no-repeat;
margin: 5px 0 5px 0;
height: 55px;
vertical-align:middle;
}
ul.pdf A{
display: block;
padding: 2px 0 0 65px;
font-weight:bold;
}
  

div.featured_partners_div{
	border:#666666 solid 1px; 
	height:90px; 
	margin-top:10px; 
	background-color:#FFFFFF
}


table.grid{
	border:#666666 dotted 1px; 
	border-collapse: collapse; 
	background-color:#edf0f0;
}

table.grid TD, table.grid TH{
	border:#ffffff solid 1px;  
	padding: 4px 5px 6px 10px;
	vertical-align: top;
}
table.grid td.header, table.grid TH{
	font-weight: bold; 
	font-size: 1.2em; 
	vertical-align: middle;
}
table.grid TH{
	font-weight: bold; 
	font-size: .9em; 
	vertical-align: middle;
	text-align:left;
	text-transform: uppercase;
	color:#FFFFFF;
	background-color:#708596
}
table.grid td.center{
text-align: center;
}

table.callout  {
width: 240px;
}

table.callout td {
	padding: 4px 10px 5px 10px; 
	border-bottom:#666666 dotted 1px; 
}

table.callout td.header{
	font-weight: bold; 
	font-size: .85em; 
	border-right:#666666 dotted 1px;
	line-height: 1.1em;
	text-transform: uppercase;
}
table.callout H2{
margin: 0px;
padding: 0px;
}

table.callout TH {
	padding: 2px 0px 2px 0px; 
	border-top:#666666 dotted 1px; 
	border-bottom:#666666 dotted 1px; 
	text-transform: uppercase;
background-color:#D0EE7A;
font-size: 11px;
}


a.hidden {
text-decoration: none; 
}

.fr{
float: right;
}

.small{
font-size: 10px;
}

table.three-up{
	width: 100%;
	font-size: 11px; 
}
table.three-up td{
	width: 33%;
	padding:10px 20px 0px 20px;
	vertical-align: top; 
}

table.two-up td{
	padding:10px 20px 0px 20px;
	vertical-align: top; 
}


table.three-up H4{
	font-size: 1.3em; 
}


div.quote{
	padding: 0 0 10px 20px; 
}