/*
Layout
------------------------------------------------------------------------------------------ */

body { margin: 0; padding: 0; background: #a6abaf; }
body.slideshow, body.compwatchSlides, body.map { margin: 0; padding: 0; background: #f1f1f1; }
body.brochureSpecs { padding: 10px; background: #f1f1f1; }
body.formInfo { margin: 0; padding: 0; background: #ffffff; }

#ffcWizard, #quickTour, #monitorTour, #eenrollTour, #totalcompTour, #surveysTour { margin: 30px 0px 30px 10px; }

#content { float: left; margin: 10px; padding: 10px; width: 480px; border-left: 1px dotted #cccccc; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666666; }

#submenu { float: left; margin: 10px; width: 200px; }
#submenu ul { margin: 0; padding: 0; list-style-type: none; }
#submenu ul a { display: block; padding: 5px 0px; width: 200px; color: #006699; text-decoration: none; }
#submenu ul a:hover { color: #999999; }
#submenu.compwatch ul a { color: #9b410b; }
#submenu.compwatch ul a:hover { color: #999999; }
#submenu li { border-bottom: 1px solid #cccccc; font: 11px Verdana, Arial, Helvetica, sans-serif; }
#submenu li:hover { background: #f1f1f1; }
#submenu .selectedItem a { font-weight: bold; }

.columnHeader { height: 35px; }

img.pixelBlack { border: 1px solid #000; }

#printed-column1 { float: left; width: 220px; margin: 0px 0px 0px 10px; }
#printed-column2 { float: left; width: 220px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; border-left: 1px dotted #cccccc; }

#flashcontent { margin: 0; padding: 0; } 
#homeLinks { margin: 0; padding: 15px 0px 0px 0px; }
#flashSlideShow { display: block; margin: 15px 0px 0px 0px; padding: 47px 0px; text-align: center; border: 1px solid #e0e0e0; }
p.homeLinks { margin: 0px; padding: 0px 0px 3px 0px; }
p.homeImage { margin: 15px 0px 0px 0px; padding: 0px; }
p.imagetxt { margin: 0px; padding: 15px 0px 0px 0px; }

/* testhome3 */
#ebss { float: left; margin: 0px 0px 0px 0px; padding: 0px 26px 0px 26px; width: 200px; border-right: 1px dotted #ccc; }
#ees { float: left; margin: 0px 0px 0px 0px; padding: 0px 26px 0px 26px; width: 200px; border-right: 1px dotted #ccc; }
#wccm {float: left; margin: 0px 0px 0px 0px; padding: 0px 26px 0px 26px; width: 200px; }

#footer { width: 740px; margin: 10px 10px 10px 10px; background-color: #e1edf3; border-top: 3px solid #006699; }
#footer2 { width: 760px; margin: 10px 0px 0px 0px; background-color: #e1edf3; border-top: 3px solid #006699; }
#footer p, #footer2 p { margin: 0; padding: 0px 0px 15px 0px; }
#footer2 #clientLogos { float: left; width: 220px; padding: 20px 15px 20px 20px; }
#clientLogos { float: left; width: 220px; padding: 20px 15px 20px 10px; }
#news { float: left; width: 220px; padding: 20px 10px 20px 15px; }
#updates { float: left; width: 220px; padding: 20px 10px 20px 15px; }

#flashmovie { margin: 0; padding: 0px 0px 15px 0px; }

.clear{ clear: both; }

/*
Typography
------------------------------------------------------------------------------------------ */

p { padding: 0px 0px 6px 0px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666666; }
p.pressFooter, p.pressByline { padding: 0; margin: 0; font-weight: bold; }

h2 { padding: 0; margin: 0; }
h2 a, h2 a:hover { font-size: 14px; }

h3 { padding: 0px 0px 15px 0px; margin: 0px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #006699; }
h2.press { padding: 0px 0px 10px 0px; margin: 0; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666666; font-weight: bold; }
h3.press { padding: 0px 0px 8px 0px; margin: 0; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; font-weight: bold; font-style: italic; }

.subtitle { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #006699; }
.main { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666666; }
.orange { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #cc0000; }
.header { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #006699; }
.compwatchHeader { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #9b410b; }
.footer { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #666666; }
.dot { background: url(../images/dot.gif) repeat-y left top; }
.tinyReg { position: relative; left: 0px; top: -5px; font-size: 10px; }
.reallyTinyReg { position: relative; left: 0px; top: -3px; font-size: 9px; }

a { font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #006699; }
a:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #999999; }

a.compwatch:link, a.compwatch:visited, a.compwatch:active { font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #9b410b; }
a.compwatch:hover {	font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #999999; }

a.support:link, a.support:visited, a.support:active { font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #006699; }
a.support:hover {	font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #999999; }

a.footer:link, a.footer:visited, a.footer:active { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #666666; }
a.footer:hover { font: 9px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #000000;  }

a.printed:link, a.printed:visited, a.printed:active { font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #006699; }
a.printed:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #999999; }

a.emphasized:link, a.emphasized:visited, a.emphasized:active { font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #ff6600; }
a.emphasized:hover { font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #cccccc; }