body, p, td, th, ul, h1, h2, h3, disclaim, subhead
     {font-family: verdana, arial, helvetica, sans-serif;}

body
     {color:#000; font-size:13px; margin-left:0px; margin-right:0px; 
     margin-top:0px; margin-bottom:0px; PADDING-BOTTOM: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px;
     PADDING-TOP: 0px;}

h1
     {color:#000; font-size:13px; margin-left:10px; margin-right:10px; 
     margin-top:0px; margin-bottom:0px; PADDING-BOTTOM: 10px; PADDING-RIGHT: 
     0px; PADDING-LEFT: 0px; PADDING-TOP: 0px; font-weight: normal;}

h2
     {color:#000; font-size:17px; margin-left:0px; margin-right:10px; 
     margin-top:0px; margin-bottom:0px; PADDING-BOTTOM: 10px; PADDING-RIGHT: 0px; 
     PADDING-LEFT: 0px; PADDING-TOP: 0px; font-weight: bold;}

.sechead
     {color:#000; font-size:16px; margin-left:0px; margin-right:10px; 
     margin-top:0px; margin-bottom:0px; PADDING: 0px; font-weight: bold;}

h3.subhead
     {font-size:15px; margin-left:0px; margin-right:10px; 
     margin-top:10px; margin-bottom:-15px; PADDING-BOTTOM: 0px; PADDING-RIGHT: 
     0px; PADDING-LEFT: 10px; PADDING-TOP: 0px; font-weight: bold; color:#630000; 
     background-color: #f7f3e7; width: 350px;}

.direct
     {font-size:12px; margin-left:0px; margin-right:0px; 
     margin-top:0px; margin-bottom:0px; PADDING-BOTTOM: 0px; PADDING-RIGHT: 0px;
     PADDING-LEFT: 0px; PADDING-TOP: 0px;}

.privacy
     {font-size:11px; margin-left:0px; margin-right:0px; 
     margin-top:10px; margin-bottom:0px; PADDING: 0 0 0 0;}

.privhd
     {font-size:12px; font-weight: bold; margin-left:0px; margin-right:0px; 
     margin-top:10px; margin-bottom:0px; PADDING: 0 0 0 0;}

div# a span
     {display: none}

a:link
     {color:#429e52; text-decoration:underline;}

a:visited
     {color:#444; text-decoration:underline;}

a:hover
     {color:#00f; text-decoration:underline;}

INPUT, SELECT, TEXTAREA
     {color : #000; font-family : verdana, arial, helvetica; font-size : 13px; 
     border:1px #000 solid;}

INPUT.submit
     {border:1px #000 solid; background-color :#dddddd; font-size: 12px; width:100px;}

IMG 
     {BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 
     0px; BORDER-RIGHT-WIDTH: 0px;}

TABLE
     {border-width: 0px; border-spacing: 0px; border-collapse: collapse;}

TABLE.fullWidth,TABLE.fW
     {width: 100%;}

TD
     {padding: 0px 0px 0px 0px; font-size: 13px;}

TH
     {padding: 0px 0px 0px 0px; text-align: center; font-weight: bold; background-color: #f7f3e7; 
     font-size: 11px;}

TD.fullWidth
     {width: 100%;}

td.body
     {color:#000; font-size:13px; margin-left:10px; margin-right:10px; 
     margin-top:0px; margin-bottom:0px; PADDING-BOTTOM: 10px; PADDING-RIGHT: 10px; 
     PADDING-LEFT: 10px; PADDING-TOP: 0px;}

td.body a:link
     {color:#429e52; text-decoration:underline;}

td.body a:visited
     {color:#444; text-decoration:underline;}

td.body a:hover
     {color:#f00;text-decoration:underline;}

.pdf a
     {background-image: url(../images/pdficon.gif); background-repeat: no-repeat; 
     background-position: 0 50%; padding: 3px 0 3px 23px;}

.doc a
     {background-image:url(../images/mswordicon.gif); background-repeat: no-repeat; 
     background-position: 0 50%; padding: 3px 0 3px 23px;}

.ppt a
     {background-image:url(../images/ppticon.gif); background-repeat: no-repeat; 
     background-position: 0 50%; padding: 3px 0 3px 23px;}

.gificon a
     {background-image:url(../images/gificon.gif); background-repeat: no-repeat; 
     background-position: 0 50%; padding: 3px 0 3px 23px;}
   
TD.logo
{
   background        : url(../images/ccog_logo1.jpg) no-repeat;
   width             : 96px;
   height            : 92px;
   vertical-align    : top;
   BORDER-TOP-WIDTH  : 0px; 
   BORDER-LEFT-WIDTH : 0px; 
   BORDER-BOTTOM-WIDTH: 0px; 
   BORDER-RIGHT-WIDTH: 0px;
   border-spacing    : 0px;
}

TD.title
{
   width              : 99%;
   background         : url(../images/ccogbg1.jpg) repeat-x;
   padding-bottom     : 10px; 
   vertical-align     : bottom;
   text-align         : left;
   white-space        : nowrap;
   font-size          : 10px;
   font-weight        : bold;
}

td.title img
{
   vertical-align     : top;
   text-align         : left;
}

.title a:link
     {color:#fff; text-decoration:underline;}

.title a:hover
     {color:#ff0; text-decoration:underline;}

TD.contact
     {background-color: #f7f3e7; text-align: right; font-size: 13px; margin-left:10px; 
     margin-right:10px; margin-top:0px; margin-bottom:0px; PADDING-BOTTOM: 10px; 
     PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-TOP: 0px;}

/* This part controls the default spacing and padding on the ul elements (the top level one, and the one that contains the nested lists.) It also removes the default bullets. */

#nav, #nav ul
{
     padding: 0;
     margin: 0;
     list-style: none;
     line-height: 0;
     color: #ffffff;
     text-decoration: none;
     background-color: #949a52;
     padding: 0px;
     font: normal 10px verdana, sans-serif;
}

/* Now we need to move the top level ul element over from the left edge of the containing table cell: */

#nav
{
    margin-left: 10px;
}

/* This controls the float for each top level list item. */

#nav li
{
     float: left;
}

/* and how the <a> element gets styled: */

#nav a
{
     text-align:center;
     width: 71px;
     display: block;
     color: #ffffff;
     text-decoration: none;
     background-color: #949a52;
     padding: 3px;
     font: normal 10px verdana, sans-serif;
}

/* and what happens when we mouseover the link */

#nav a:hover
{
     color: #ff0;
     background-color: #949a52;
}

/* now we need to increase the width on the nested <a> elements */

#nav li li a
{
     text-align:left;
     width: 200px;
     display: block;
     color: #ffffff;
     text-decoration: none;
     background-color: #949a52;
     padding: 4px;
     font: normal 10px verdana, sans-serif;
}

/* this removes the initial nested list from view */

#nav ul
{
     position: absolute;
     left: -999em;
     width:60px;
}

/* and then puts it back in when we hover over the links */

#nav li:hover ul, #nav li.sfhover ul
{
     left: auto;
}

/* First, for when you just want some empty space between links */

#nav li.spacer
{
     width: 200px;
     text-decoration: none;
     background-color: #949a52;
     padding: 3px;
     height:2px;
}

/* Now, for a list item without a hyperlink */

#nav li.nolink
{
     width: 200px;
     color: #ffffff;
     text-decoration: underline;
     background-color: #949a52;
     padding: 3px;
     font: bold 10px verdana, sans-serif;
}



.dondero
     {font-size :12px; line-height: 24px; margin-left: 34px;}

TD.bgTR
     {width: 33%; background: url(../images/ccog_righttop.jpg) repeat-x top; 
     vertical-align: bottom;}

td.sidebox 
     {background-color: #f7f3e7; text-align: center; font-size: 9px; margin-left:10px; 
     margin-right:10px; margin-top:0px; margin-bottom:0px; PADDING-BOTTOM: 10px; 
     PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-TOP: 0px; width: 140px;}

.sidebox a:link
     {color:#255b24; text-decoration:underline;}

.sidebox a:hover
     {color:#f00; text-decoration:underline;}

.sidebox UL
{
   margin             : 0px;
   padding            : 0px;
   list-style         : none;
}
.sidebox UL LI
{
   margin             : 0px;
   padding            : 0px;
   display            : inline;
}
.sidehead
     {font-size: 13px;}

td.footer 
     {background-color: #f7f3e7; text-align: center; font-size: 9px; 
     margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:0px; 
     PADDING-BOTTOM: 5px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px;
     PADDING-TOP: 5px; width: 100%;}

dl 
     {margin-top:0;margin-bottom:0;}

dt 
     {clear:both; float:left; display:block; width:auto;}

dd 
     {padding-left: 70px;}