body {
margin:0;
padding:0;
color: #333333;
background: #ffffff url('http://assets.csmauto.net/images/stripes2.gif');
font-family: verdana, sans-serif;
font-size: 10px;
}

/*
#countries {
border: solid 1px #ccc;
padding: 20px 16px 60px 16px;
}

#countries a {
padding: 2px 0px;
}
*/

strong {
font-weight: bolder;
font-style: normal
}

hr {
border: none;
color: #cccccc;
background-color: #cccccc;
height: 1px;
}

img {
border: none;
}

#logo {
margin: 0px 275px 0px 20px;
border: solid 0px #cccccc;
}

html>body #logo {
margin-left: 10px;
}

a, a:visited { text-decoration: none; color: #0066cc; font-weight: bold; font-size: 10px; }
a:hover, a:active { text-decoration: none; color: #666666; font-weight: bold; font-size: 10px; }

a.mo {
margin-top: -6px;
display: block;
line-height: 0.8;
}


p a { font-weight: bold  }
p { text-align: left }
h1 {
font: bold 16px verdana, lucida, arial, helvetica, sans-serif;
margin: 4px;
margin-left: 0px;
color: #0066cc;
}

h2 {
font: bold 13px verdana, lucida, arial, helvetica, sans-serif;
margin: 0px 6px 6px 0px;
color: #0066cc;
line-height: normal;
}

h3 {
font: bold 12px verdana, lucida, arial, helvetica, sans-serif;
margin: 12px 0px 0px 0px;
padding: 0px;
color: #666666;
line-height: normal;
}

p { 
margin: 10px;
}

/* paragraphs in the side columns */
/* unordered lists in the side columns */
ul.side {
margin: 0px 0px 10px 20px;
padding: 5px 0px 0px 0px;
list-style-type: none;
list-style-image: url('http://assets.csmauto.net/images/bullet.gif');
}


/* this strip makes the site more glamorous, no? */
#glamour, #glamour img {
width: 100%;
}

/* this div contains and centers the page */
#pagecontainer {
width: 905px;
margin: 0px auto 20px auto;
border-right: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
background-color: #ffffff;
}

/* Start footer styles ================================ */
#footy {
margin-top: 45px;
margin-bottom: 12px;
width: 100%;
text-align: center;
color: #666666;
font: normal 9px arial, sans-serif;
}

/* Links withing the footer */
#footy a, #footy a:visited {
color: #0066cc;
font: normal 9px arial, sans-serif;

}

#footy a:hover, #footy a:active {
color: #0066cc;
text-decoration: underline;
font: normal 9px arial, sans-serif;
}

/* End footer styles ============================ */

#sideA, #sideB {
float: left;
width: 200px;
padding-right: 10px;
margin-right: 0px;
margin-left: 10px;
color: #333333;
}

#sideB {
float: left;
width: 190px;
}


a.presentationsTitle, a.presentationsTitle:visited, #sideB a.inThePressTitle, #sideB a.inThePressTitle:visited, #sideA a.inThePressTitle, #sideA a.inThePressTitle:visited, #sideB a.inThePressTitle, #sideB a.inThePressTitle:visited, #sideB a.calendarTitle, #sideB a.calendarTitle:visited {
color: #000000;
font-weight: normal;
}

h2.presentationsTitle {
color: #000000;
font: normal 12px verdana, sans-serif;

}

h2.presentationsDate {
color: #666666;
font: bold 12px verdana, sans-serif;
margin: 0px;
}

a.presentationsTitle:active, a.presentationsTitle:hover,  #sideB a.calendarTitle:visited, #sideB a.calendarTitle:hover, #sideA a.inThePressTitle:active, #sideA a.inThePressTitle:hover, #sideB a.inThePressTitle:active, #sideB a.inThePressTitle:hover  {
color: #000000;
font-weight: normal;
text-decoration: none;
}

#sideBarColumn a.calendarTitle, #sideBarColumn a.calendarTitle:visited, #sideBarColumn a.calendarTitle, #sideBarColumn a.calendarTitle:visited {
color: #000000;
font-weight: normal;
}

#sideBarColumn a.calendarTitle:active, #sideBarColumn a.calendarTitle:hover, #sideBarColumn a.calendarTitle:active, #sideBarColumn a.calendarTitle:hover {
color: #000000;
font-weight: normal;
text-decoration: none;
}

h1.section {
font:  bold 12px verdana, lucida, arial, helvetica, sans-serif; 
color: #666666;
}


/* intended for use as brown text column headings on sides of pages */
h2.columnTop {
font:  bold 11px verdana, lucida, arial, helvetica, sans-serif; 
color: #666666;
margin: 0px;
}


/* tried color: inherit !important, IE6 spat in my eye */
h2.columnTop a,h2.columnTop a:visited {
color: #666666;
font:  bold 11px verdana, lucida, arial, helvetica, sans-serif; 
}

h2.columnTop a:hover, h2.columnTop a:active {
color: #0066cc;
font:  bold 11px verdana, lucida, arial, helvetica, sans-serif; 
}


h3.columnSub {
font:  bold 11px verdana, lucida, arial, helvetica, sans-serif; 
color: #0066cc;
margin: 4px 0px;
}

h3.columnSub a, h3.columnSub a:visited {
font:  bold 11px verdana, lucida, arial, helvetica, sans-serif; 
color: #0066cc;
}

h3.columnSub a:active, h3.columnSub a:hover {
font:  bold 11px verdana, lucida, arial, helvetica, sans-serif; 
color: #666666;
}

h3.columnSub img {
margin: 0px 8px -4px 0px;
}


a.inThePressTitle, a.calendarTitle {
display: block;
font-size: 10px;
color: #333333;
font-weight: normal;
}

a.inThePressDate, a.inThePressDate:visited, a.calendarDate, a.calendarDate:visited , a.presentationsDate, a.presentationsDate:visited {
display: block;
font-weight: bold;
font-size: 10px;
color: #666666;
margin: 10px 0px 0px 0px;
}


a.inThePressDate:hover, a.inThePressDate:active, a.calendarDate:hover, a.calendarDate:active , a.presentationsDate:hover, a.presentationsDate:active {
display: block;
font-weight: bold;
font-size: 10px;
color: #0066cc;
}


/* these styles are intended for use in the side columns of the page. */
p.side {
text-align: left;
margin: 5px 0px 0px 0px;
line-height: normal;
padding: 0px;
}

a.side, a.side:visited {
color: #666666;
font-weight: bold;
}
a.side:active, a.side:hover {
color: #0066cc;
}

a.reg, a.reg:visited , #newsMain a.reg, #newsMain a.reg:visited, #newsMain p a.reg, #newsMain p a.reg:visited  {
color: #0066cc;
font-weight: normal;
}

a.reg:hover, a.reg:active , #newsMain a.reg:hover, #newsMain a.reg:active, #newsMain p a.reg, #newsMain p a.reg:visited   {
color: #666666;
font-weight: normal;

}



/* these styles are intended for use in the side columns of the page when brown is required. */
/* we are the link rainbow warriors, fear us! */
.sidebr {
color: #666666;
font-weight: normal;
}

.sidebrbold {
color: #666666;
font-weight: bold;
margin-top: 4px;
}

a.sidebr, a.sidebr:visited {
color: #666666;
font-size: 9px;
font-weight: normal;
}

a.sidebr:active, a.sidebr:hover {
color: #0066cc;
font-weight: normal;
font-size: 9px;
}


#sidequotes {
text-align: left;
}

hr.side {
margin: 10px 0px 10px 0px;
}

.headerLink, .headerLink:visited, .headerLink:active , .headerLink:hover {
color: #666666;
font-weight: normal;
font-size: 10px;

}
.headerLink:active , .headerLink:hover {
color: #0066cc;
font-weight: normal;
font-size: 10px;
}


#mainColumn {
float: left;
width: 480px;
width: 450px;
width: 420px;
margin-right: 10px;
margin-left: 10px;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
padding-right: 10px;
padding-left: 10px;
color: #333333;
}

#mainColumn p {
text-align: justify;
margin: 10px;
padding: 0px;
line-height: normal;
}

#mainColumn h1, h2.vsf {
margin-left: 9px;
}


a.vsflink, a.vsflink:visited {
font-weight: bold;

}

a.vsflink:hover, a.vsflink:active {
font-weight: bold;
}

#mctab1 {margin-left: 9px;}

.mcActiveTab {
display: inline;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #ffffff;
border-left: solid 1px #cccccc;
background-color: #ffffff;
margin: 0px;
padding: 6px 16px;
}

.mcInactiveTab {
display: inline;
border: none;
border-bottom: solid 1px #cccccc;
border-top: solid 1px #ffffff;
background-color: #eeeeee;
margin: 0px;
padding: 6px 16px;
}

.mcInactiveTab a,  .mcActiveTab a,.mcInactiveTab a:visited,  .mcActiveTab a:visited, .mcInactiveTab a:hover,  .mcActiveTab a:hover, .mcInactiveTab a:active,  .mcActiveTab a:active   {
font: bold 10px verdana, sans-serif;
}

.mcInactiveTab a, .mcInactiveTab a:visited  {
color: #666666;
font: bold 10px verdana, sans-serif;
}

.mcInactiveTab a:hover, .mcInactiveTab a:active {
color: #666666;
font: bold 10px verdana, sans-serif;
}




/* very specific tabs on the home page only so far */
#content1, #content2 {
display: block;
margin: 5px 2px ;
height: 280px;
padding: 0px;
}

/* services tabs - it would be nice to refactor all of this tabbage stuff so that we can use it for a row of n-tabs */
/* nice things happen to people with nice deadlines */
#svccontent1, #svccontent2,#svccontent3 {
display: block;
margin: 5px 2px ;
padding: 0px;
}
#svctab1 { margin-left: 8px }
#svctab3 {border-left: solid 1px #cccccc}
.svcActiveTab {
display: inline;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #ffffff;
border-left: solid 1px #cccccc;
background-color: #ffffff;
margin: 0px;
padding: 6px 48px;
}

.svcInactiveTab {
display: inline;
border: none;
border-bottom: solid 1px #cccccc;
border-top: solid 1px #ffffff;
background-color: #eeeeee;
margin: 0px;
padding: 6px 48px;
}

.svcInactiveTab a,  .svcActiveTab a,.svcInactiveTab a:visited,  .svcActiveTab a:visited, .svcInactiveTab a:hover,  .svcActiveTab a:hover, .svcInactiveTab a:active,  .svcActiveTab a:active   {
font: bold 10px verdana, sans-serif;
}

.svcInactiveTab a, .svcInactiveTab a:visited  {
color: #666666;
font: bold 10px verdana, sans-serif;
}

.svcInactiveTab a:hover, .svcInactiveTab a:active {
color: #666666;
font: bold 10px verdana, sans-serif;
}

.servicesExpand {
margin-top: -4px;
display:none;
}

.nlbanner1 {
font: bold 10px verdana, lucida, arial, helvetica, sans-serif;
margin: 0px;
color: #0066cc;
line-height: normal;
padding-bottom: 16px; 
margin-top: 3px; 
text-align: left;
width: 335px;
float: left;
}

.nlbanner2 {
font: bold 10px verdana, lucida, arial, helvetica, sans-serif;
margin: 0px;
color: #0066cc;
line-height: normal;
padding-bottom: 16px; 
margin-top: 3px; 
width: 138px;
float: left;
text-align: right;
}


dl#faq, dl#careersnav {
margin-left: 10px;

}

dl#faq dt {
font: bold 10px verdana, lucida, arial, helvetica, sans-serif;
color: #0066cc;
margin-top: 10px;
}

dl#faq dd {
margin-left: 2px;
}

dl#careersnav dt {
font: bold 10px verdana, lucida, arial, helvetica, sans-serif;
color: #0066cc;
margin-top: 10px;
}


dl#careersnav dd {
margin-left: 14px;
margin-bottom: 0px;
padding: 0px;
}
dl#careersnav dd.show {
margin-left: 14px;
padding: 0px;
}

dl#careersnav dd a, dl#careersnav dd.show a {
font-weight: normal;
padding: 0px;
}

dl#faq dd.show {
margin-left: 2px;
}