/*<![CDATA[*/



/* set up the padding, margin, and border as defaulting to 0 */




body, html {color: #000;
font-family: Verdana, Arial, sans-serif;
background-color: #fff;
text-align: right;
/* needed to center for old IE browsers. */
margin-left: 6ex; }



a img {border: 0px;
padding: 5px 0px 3px 0px; }



h1 {font-size: 2em; }



h3 {font-size: 1.3em; }



.clear {clear: both; }



#mainContainer {width: 760px;
margin: 0 auto;
/*** Centers the design ***/
	min-height: 300px;
background: #fff;
text-align: left;
/*** Because we centered the text in body we have to move the text back to left aligning ***/ }



* html #mainContainer {height: 300px;
/*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/ }



/**************************
HEADER
**************************/



#header {width: 750px;
margin: 0 0 0 8px; }



#headerimage {padding-bottom: 8px;
padding-top: 8px; }



#headerbottom {background-image: url(sm_gray_bottombar.gif);
height: 28px; }



/**************************
CONTENT AND COLUMNS
**************************/



.inner {margin: 8px 0 0 0;
/* put some spacing below the top menu and the content */ }



.float-wrap {margin-bottom: 10px }



#content {float: left;
width: 760px;
background: #fff; }



* html #content {position: relative;
/*** IE needs this  ***/ }



.contentWrap {padding: 0px; }



.contentWrap ul {margin: 0px 0px 0px 0px; }



.contentWrap li#left, .conentWrap li#center {padding-bottom: 2px; }



/*************************
FOOTER - This is our footer text
**************************/



#footer {float: left;
width: 750px;
background: #D5D5D5;
padding: 5px;
height: 12px; }



.smalltext {font-size:7pt;
float:left; }



.copyright {font-size:7pt;
text-align: right; }



* html #footer {position: relative;
/*** IE needs this  ***/
	background: #D5D5D5; }



#footer ul {list-style: none; }



#footer li {display: inline;
padding-right: 15px; }



/******** NAVIGATION MENU STYLE
Style appplied to the make the navigation menu horizontal... etc. 
*****/



#navcontainer {padding: 0px;
margin-left: +2px;
margin-bottom: 3em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
background-color: #d5d5d5;
color: #333;
width: 160px;
padding-left: 0em; }



#navcontainer ul {list-style: none;
margin: 0px;
padding: 0px;
border: none; }



#navcontainer li {margin: 0; }



#navcontainer li a {display: block;
padding: 5px 2px 4px 5px;
/*padding: 1px 2px 1px 2px;
*/
	margin-top: 0px;
border-bottom: 1px dotted #333;
color: #333;
text-decoration: none;
text-transform: uppercase;
margin: 0em; }



#navcontainer li a:hover {background-color: #a91124;
margin-top: -1px;
padding-top: 4px;
border-bottom: 1px solid #a91124;
color: #fff; }



#navcontainer #current, #navcontainer #current:hover {font-weight: bold;
background-color: #f0f0f0;
color: #000000; }



/*#navcontainer #lastitem {
    border-bottom: 0px solid #fff;
}
*/



/********* BODY COLUMNS ***
 The styling that makes the body columns display correctly
 **********/



ul#bodycol, ul#bodycol li#left {margin:0;
padding:0;
list-style:none }



ul#bodycol, ul#bodycol li#right {margin: 0 0px 0 10px }



ul#bodycol h3 {font: normal 10pt/1.3 Verdana, Arial, sans-serif;
text-transform:uppercase;
margin:0 0px 0 0;
padding: 5px 0 3px 8px;
text-align: left;
font-weight: bold;
color: #AA1224;
background: #D5D5D5; }



ul#bodycol p {margin:0 10px 0 0;
clear: none; }



ul#bodycol li#left div.content, ul#bodycol li#right div.content {background:#F0F0F0;
padding:3px 8px 15px }



li#left {float:left;
padding: 0 0 0 0;
width:180px; }



li#left div {padding: 0; }



li#right {float:left;
width: 556px; }



/*** Styles that control the main article content display ***/



#bodycontent {font-size: 13px; }



#bodycontent ul { }



#bodycontent ul li {list-style: outside;
display:list-item;
padding-bottom: 9px; }



#bodycontent h2 {font-size: 18px;
font-weight: bold;
margin-bottom: 9px;
clear: both;
border-bottom: 3px dotted #d8d8d8; }



#bodycontent h4 {font-size: 14px;
font-weight: bold;
margin-top: -3px;
margin-bottom: 9px; }



/** this style makes the block quotes 
    pretty... It is used on the 
    "About the" page for thee "Case in Point" items **/



blockquote {margin-top: 7px;
margin-left: 5px;
margin-right: 5px;
padding: 9px 9px 9px 9px;
background: #e0e0e0;
font-size: 11px;
font-style: normal;
text-decoration: none; }



blockquote.outquote {
font-size: 10px; 
text-align: center;
}

span.quotetext {
font-style: italic;
text-align: center; 
}
span.quoteattribution {
font-style: normal;
font-size: 9px;
text-align: left;
display: list-item;
list-style-type: disc;
list-style-position: outside;
list-style-image: url(listdot.gif);
white-space: normal;
margin-left: 12px;
margin-top: 9px; }
span.quotelink{
}

span.quotelink a{
color: #a91224;
}
blockquote strong {font-size: 12px;
font-weight: bold;
text-decoration: none;
font-style: normal;
color: #a91224; }

blockquote.outquote strong {
font-size: 10px;
line-height: 12px;} 

#corporateKit, #researchReport {background-color: #d8d8d8;
padding: 15px;
margin-left: 5px;
margin-bottom: 15px;
font-size: 10px;
clear: left; }



#corporateKit img {margin: 4px 0em 5px 0px;
padding: 5px; 
border: 2px solid #666;
background: #aaa;
}



#corporateKit a:hover img {padding: 0px;
border: 7px solid #a91224; }



#bodycontent a#corporateDL, #bodycontent a#execDL   {text-decoration:none;
background: #d8d8d8;
margin: 5px 0 10px 5px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
font-weight: bold;
font-size: 9px;
border: 3px solid #aaa;
color: #f0f0f0;
background: #a91224;
 }



#bodycontent a#corporateDL:hover,#bodycontent a#execDL:hover {
color: #333;
background: #666;
border: 2px solid #bbb; }



#bodycontent blockquote ul, #corporateKit ul {padding-left: 10px;
padding-bottom: 5px; 
margin-left: 3px;}



#bodycontent blockquote ul li, #corporateKit ul li {list-style: circle;
list-style-position:outside;
list-style-image: url(listdot.gif);
padding-left: 0px;
padding-bottom: 0px;
margin-left: 8px; }



#bodycontent blockquote ul li a, #corporateKit ul li a {text-decoration: none;
color: #333; }



#bodycontent blockquote ul li a:hover, #corporateKit ul li a:hover {text-decoration: none;
color: #a91224; }

#redOL { 
}

#redOL ol {
}

#redOL ol li {
font-size: 14px;
list-style-type: decimal;
list-style-position: outside;
padding-left: 10px;
margin-bottom: 12px; }

#redOL ol li strong {
  color: #a91224;
}

#bodycontent ul.contactinfo {
 list-style: none;
 text-align: left;
 font-size: 12px;
margin-left: 0px;
padding-left: 3px;
 width: 450px;
height: 100px;
}

#bodycontent ul.contactinfo li {
	list-style: none;
	text-align: left;
	font-size: 12px;
 padding-left: 0px;
margin-bottom: 1px;
padding-bottom: 0px;
}

/** Two column box stuff **/
#bodycontent .twoItemBox {
width: 530px;
margin-top: .5em;
padding: 5px;
font-size: 9px;
}
#bodycontent .twoItemBox ul {
margin: 0px 0 0 8px;
padding: 0px;
}
#bodycontent .twoItemBox ul li {
  float: left;
  list-style: none;
  width: 176px;
padding: 0 0 0 0;
margin: 0px 0 0 -5px;
}
#bodycontent .twoItemBox a img {
  padding: 5px;
  margin: 0px 0 10px 0;
  border: 1px solid #666;
}
#bodycontent .twoItemBox a:hover img {
  border: 5px solid #a91224;
  padding: 1px;
   margin: 0px 0 10px 0;
}

#bodycontent .twoItemBox a.thumblink {
  font-size: 9px;
  color: #333;
width: 130px;
height: 24px;
font-weight: bold;
text-decoration: none;
display: inline;
  margin-bottom: 9px;
margin-left: 7px;
padding: 6px 3px 3px 3px;
 }
#bodycontent .twoItemBox a.thumblink:hover {

color: #a91224;

}


/** This is for the callout boxes **/



.calloutLeft {float: left;
clear: left;
width: 190px; }



.calloutRight {float: right;
clear: right;
width: 190px; }



.calloutWideLeft {float: left;
clear: left;
width: 300px; }



.calloutWideRight {float: right;
clear: right;
width: 230px;
margin-top: -1em; }



/* for the sidebars */



.sidebarQuote {background-color: #d8d8d8;
padding: 8px;
font-size: 10px; }



#bodycontent a, span.quotelink a{color: #a91224;
text-decoration: underline;
font-weight: normal; }



#bodycontent  a:hover, span.quotelink a:hover {color: #333;
text-decoration: none; }



#bodycontent p {padding-bottom: 18px; }



#bodycontent .liststyle ul {margin-left: 0px;
padding-left: 5px; }



#bodycontent .listheader {padding-left: 0px;
padding-bottom: 0px;
font-size:14px; 
clear: both;
}



#bodycontent .liststyle {padding-bottom: 0px;
padding-left: 0px;
margin-bottom: 0px; }



#bodycontent .liststyle li strong {color: #a91224; }



#bodycontent .liststyle li {list-style-position: outside;
margin-left: 25px;
padding-left: 0px;
padding-bottom: 1px;
font-size: 12px;
font-weight: normal; }



#bodycontent .liststyle li ul {padding-left: 10px;
padding-bottom: 3px; }



#bodycontent .liststyle li ul li {font-size: 10px;
list-style:none; }



/** styles that control the display of the list at the end of the content page **/



#bodycontent .linklist {margin-left: 0;
padding-left: 0px; }



#bodycontent .linklist ul {margin-left: -40px;
padding-bottom: 30px; }



#bodycontent .linklist ul li {display: block;
padding-left: 0px;
margin-top: 10px;
border-bottom: 1px dotted #999;
padding-bottom: 8px;
margin-bottom: 10px; }



#bodycontent .linklist ul li a {font-size: 14px;
font-weight: bold;
color: #AA1224;
text-transform: uppercase;
text-decoration: none;
padding-right:3px; }



#bodycontent .linklist ul li a:hover {color: #000;
text-decoration: none;
padding-right:3px;  
}

/**** Styles applied to forms ****/

#silenceFailsContact, #silenceFailsDownload {background: #d8d8d8;
margin-left: 37px;
margin-top: 20px;
padding-left: 10px;
width: 450px; }



.formheader {padding-top: 6px;
text-align: left;
font-weight: bold; }



.req {background: #C4BAB8; }



.contactinfo {font-size: 10px;
padding-top: 4px;
width: 120px;
text-align: right;
float: left; }


#whotocontact {width: 170px;
padding-top: 8px;
padding-left: 0px }



.popupmenu {margin-bottom: 5px;
margin-left: 5px;
width: 200px; }



.contactform input, .downloadform input, .contactform select, .downloadform select {width: 250px;
margin-left: 5px; }

.contactform table input, .downloadform .radio input {width: 15px;
margin-left: 5px;
margin-top: 3px; }

.contactform label.radio {
font-size: 9px;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 10px;
}

.contactcheckboxLbl {
font-size: 10px;
line-height: 12px;
padding: 0px;
text-align: left;
}

#informLabel, #informLabel1, #informLabel2 {
width: 400px;
margin: 4px 0 3px 20px;
}
.contactcheckbox input{
width: 10px;
margin: 0px 5px 0px 0;
vertical-align: middle;
}

#submitbutton, #btnSubmit {width: 140px;
height: 20px;
margin-top: 15px;
margin-left: 31px;
margin-bottom: 20px;
clear: both; }



#messagelbl {width:200px;
margin-left: -25px;
font-size: 12px;
font-weight: bold; }



.messagearea {margin-left: 30px;
width: 380px;
height: 150px;
margin-bottom:5px;
padding-bottom:5px; }



.buttonlink {font-size: 12px;
background: #d8d8d8;
font-weight: bold;
text-decoration: none;
margin: 15px 0px 9px 5px;
padding: 2px 4px 4px 4px;
color: #a91224;
border: 2px solid #ccc; }



.buttonlink:hover {background: #a91224;
color: #fff; }



/** Styles that control the two-col box **/



ul#twoColBox li {margin:0px 0 0px 0;
background: #ccc;
font-size: 11px;
font-style: normal;
text-decoration: none;
list-style:none;
height: 200px;
width: 520px;
float: left; }



ul#twoColBox {margin:5px 0 0 0;
padding:0;
list-style:none;
float: left; }



ul#twoColBox li ul li {list-style: none;
float: left;
width: 240px;
margin: 9px 0em 0px -5px;
padding: 0;
height: 185px;
padding-left: 0px;
padding-bottom: 0px; }



#bodycontent #twoColBox .graydiv {background: #e6e6e6;
padding: 0em;
margin: 0em 0em 0em -0px;
float: left;
width: 220px; }