/*              CPSCSS.CSS             01mar2010 */

body          { text-align: center; 
                margin-top: 0px;
                margin-left: 0px;
                font-weight: normal; font-size: 9pt; font-family: Tahoma,Arial,Helvetica,sans-serif;
                color: #003;
                background-image: url(zbgd.gif);
}

a             { text-decoration: none; }
a:link        { color: #00a; }  
a:visited     { color: #00a; }
a:active      { color: #00f; }
a:hover       { color: #009; text-decoration: underline; }

#container    { margin: 0 auto;
                width: 975px;
                text-align: left;
                padding: 0;
}
#header       { width: 100%; }

#leftcol      { float: left;
                width: 254px;
                height: 431px;
                background-image: url(zbgdleft.jpg);
                background-repeat: no-repeat;
                background-position: top left; 
                padding: 0px 0px 10px 10px;      /* top right bottom left */
                text-align: left;
}

#rightcol     { float: right;
                width: 711px;
                height: 441px;
                padding: 0;
                text-align: left;
}

#singlecol    { float: left;
                width: 935px;
                background-color: #FFF;
                background-image: url(zbgdleftf.jpg);
                background-repeat: repeat-y;
                background-position: top left; 
                padding: 5px 20px 10px 20px;      /* top right bottom left */
                text-align: left;
}

#legalbase    { width: 100%;
                text-align: center; 
                clear: both;
                background: #eee;
}

p             { text-align: left; 
                font-weight: normal; font-size: 9pt; font-family: Tahoma,Arial,Helvetica,sans-serif;
                color: #003;
}

p.center      { text-align: center; }
p.eightpt     { font-size: 8pt; }
p.legal       { margin-top: 0px; margin-bottom: 0px; text-align: center;
                font-weight: normal; font-size: 10px; font-family: Tahoma,Arial,Helvetica,sans-serif; }
p.legalc      { text-align: center; }
p.legalh      { margin-top: 5px; margin-bottom: 0px; text-align: center;
                font-weight: normal; font-size: 10px; font-family: Tahoma,Arial,Helvetica,sans-serif; }
p.right       { text-align: right; }

h2.pagetitle  { font-weight: normal; font-size: 16pt; font-family: Tahoma,Arial,Helvetica,sans-serif;
                color: #009; text-align: center; margin: 0; padding: 10pt; }
              
h3            { font-weight: bold; font-size: 10pt; font-family: Tahoma,Arial,Helvetica,sans-serif;
                color: #009; text-align: left; margin: 0; padding: 0; }
h3.center     { text-align: center; }
              
h4            { font-weight: bold; font-size: 12pt; font-family: Tahoma,Arial,Helvetica,sans-serif;
                color: #336; text-align: left; margin: 0; padding: 0; }
h4.center     { font-weight: bold; font-size: 12pt; font-family: Tahoma,Arial,Helvetica,sans-serif; text-align: center; }
h4.right      { font-weight: bold; font-size: 12pt; font-family: Tahoma,Arial,Helvetica,sans-serif; text-align: right; }

h5            { font-weight: bold; font-size: 10pt; font-family: Tahoma,Arial,Helvetica,sans-serif;
                color: #336; text-align: left; margin: 0; padding: 0; }
h5.center     { text-align: center;}
h5.hot        { font-weight: bold; font-size: 10pt; font-family: Tahoma,Arial,Helvetica,sans-serif; color: #33A; }
h5.hotc       { font-weight: bold; font-size: 10pt; font-family: Tahoma,Arial,Helvetica,sans-serif; color: #33A; text-align: center; }

h6            { font-weight: bold; font-size: 8pt; font-family: Tahoma,Arial,Helvetica,sans-serif; color: #336; }

table.chem    { border-color: #93f;}

td            { text-align: left; }
td.chem1      { background: #ccf; color: #000; font-weight: bold; text-align: center;}
td.chem2      { background: #ccf; color: #000;}
td.chem3      { background: #ccf; color: #000; font-size: 14pt;}
td.chem4      { background: #ccf; color: #000; font-size: 8pt;}
td.emer1      { color: #906; text-align: right;}
td.emer2      { color: #906; text-align: center; font-size: 12pt; font-weight: bold;}
td.homeleft   { background-image: url(zbgdleft.jpg);
                background-repeat: no-repeat;
                background-attachment: fixed; 
                background-position: top left; 
                padding-left: 10px;
                padding-right: 10px;
}
td.home00     { width: 394px;
                height: 264px;
                background-image: url(zbgd00ex.gif);
                padding: 15px 5px 15px 75px;
                color: #006;
}
td.home00a    { width: 394px;
                height: 264px;
                background-image: url(zbgd00a.jpg);
                padding: 15px 5px 15px 75px;
                color: #006;
}
td.home00ay   { width: 394px;
                height: 264px;
                background-image: url(zbgd00ay.jpg);
                padding: 15px 5px 15px 75px;
                color: #006;
}
td.home11     { width: 227px;
                height: 137px;
                background-image: url(zbgd11.jpg);
                padding: 5px;
}
td.home111    { width: 207px;
                height: 137px;
                background-image: url(zbgd11r.jpg);
                padding: 5px 5px 5px 25px;
}
td.home113    { width: 207px;
                height: 142px;
                background-image: url(zbgd11br.jpg);
                padding: 5px 5px 0px 25px;
}
td.home11b    { width: 227px;
                height: 137px;
                background-image: url(zbgd11b.jpg);
                padding: 5px;
}
td.home11bl   { width: 227px;
                height: 137px;
                background-image: url(zbgd11bl.jpg);
                padding: 5px;
}
td.home11br   { width: 207px;
                height: 137px;
                background-image: url(zbgd11br.jpg);
                padding: 5px 5px 5px 25px;
}
td.home11r    { width: 207px;
                height: 137px;
                background-image: url(zbgd11r.jpg);
                padding: 5px 5px 5px 25px;
}

li.cps        { font-weight: normal; font-size: 14pt; font-family: Tahoma,Arial,Helvetica,sans-serif;
                color: #fff; padding-left: 0px; padding-right: 4px; }
li.cpsi       { padding-left: 0px; padding-right: 0px; }

.bold         { font-weight: bold; }
.chem5        { font-weight: bold; color: #603; }
.enew1        { font-weight: bold; color: #0A0; }
.enew2        { font-weight: bold; color: #C0A; }
.enew3        { font-weight: normal; color: #C0A; }
.font8        { font-weight: normal; font-size: 8pt; font-family: Tahoma,Arial,Helvetica,sans-serif; }
.font10       { font-weight: normal; font-size: 10pt; font-family: Tahoma,Arial,Helvetica,sans-serif; }
.font12       { font-weight: normal; font-size: 12pt; font-family: Tahoma,Arial,Helvetica,sans-serif; }
.font14       { font-weight: normal; font-size: 14pt; font-family: Tahoma,Arial,Helvetica,sans-serif; }
.green        { background-color: #afa; }
.pink         { background-color: #fac; }
.pseudoh4     { font-weight: bold; font-size: 12pt; font-family: Tahoma,Arial,Helvetica,sans-serif; color: #336; text-align: left; }


/* -----------------\/--------- SMOOTHMENU STUFF ---------\/--------------------  */

.ddsmoothmenu{
font-size: 11px; font-family: Tahoma,Arial,Helvetica,sans-serif;   /*III*/
/*font: 11px Tahoma;*/
background: #000066; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #000066; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;                                  /*III*/
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font-weight: normal; font-size: 10px; font-family: Tahoma,Arial,Helvetica,sans-serif;    /*III*/
/*font: normal 10px Tahoma;*/
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}