/* 
**  Description: CSS for the Cmpware web pages.
**  Version:     1.0
**  Author:      Steven Guccione
**  URL:         http://www.cmpware.com/
**
*/


body {
   font-family: Arial, Helvetica, Sans-Serif;
   background: #e0e0e0;
   text-align: center;
   }

/* The main body (centered) */
#page {
   padding: 0;
   background:  #ffffff;
   border: 2px solid #73a0c5;
   text-align: left;
   margin: auto;
   width:  772px;
   }

#header {
   background: url('images/CmpwareBanner.gif')
       no-repeat bottom center;
   border: 0;
   width:   772px;
   height:  132px;
   }

#footer {
   background: url('/images/valley.gif')
          no-repeat top center;
   width:  772px;
   height:  85px;
   clear:  both;
   }


#copyright {
   font-family:  times, arial, sans-serif;
   background: #e0f0e0;
   color:  #404040;
   width:   auto;
   padding:  5px;
   font-size:  0.75em;
   text-align:  center;
   }


/* The center box holding content and sidebars */
#centerbox {
   background:  #ffffff;
   color:   #303030;
   margin:  auto;
   border: 0;
   text-align: left;
   width:  772px;
   }
   

/* The content (center of the main window) */
#content {
   background: #ffffff;
   width:   445px;
   padding: 10px;
   border: 0;
   text-align: left;
   margin:  auto;
   }
   
/* Right sidebar */
#sidebar {
   background: #f7f7ff url('/images/RightSide4.gif')
             no-repeat top center;
   width:   150px;
   height:  350px;
   font-family: Arial, Helvetica, Sans-Serif;
   text-align: left;
   float:  right;
   padding:  0;
   }
 

/* Container for navigation buttons (left sidebar) */
#navcontainer {
   background: #f7f7ff;
   width:   150px;
   height:  350px;
   padding: 0;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 15px;
   text-align: left;
   float:  left;
   }


/* Announcement box for sidebar */
.announce a {
   background: #ffffff url('/images/AnnounceBox.gif')
          repeat top center;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 75%;
   text-align: left;
   padding:  5px;
   margin:  0;
   color:  #606060;
   line-height:  110%;
   display: block;
   text-decoration: none;
   list-style: none;
   }

.announce a:hover {
   background: #ffffff url('/images/AnnounceBoxGrey.gif')
          repeat top center;
   }



/* Announcement box for sidebar */
.announceBold a {
   background: #ffffff url('/images/AnnounceBox.gif')
          repeat top center;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 75%;
   text-align: left;
   padding:  5px;
   margin:  0;
   color:  #004000;
   line-height:  110%;
   display: block;
   text-decoration: none;
   list-style: none;
   }

.announceBold a:hover {
   background: #ffffff url('/images/AnnounceBoxBold.gif')
          repeat top center;
   }


/* Nav buttons */
.navitem a {
   display: block;
   margin:  0;
   padding: 0;
   text-align: left;
   list-style: none;
   width: auto;
   padding: 0.75em 0 0.75em 2.5em;
   border-width: 2px 2px 2px 0px;
   border-color: #d5d6d7;
   border-style: solid;
   background: #e0f0f0;
   text-decoration: none;
   color:  #777777;
   / *  height:  1%; */
   /* Well, this fake comment seems to make the */
   /* 'Holly Hack' work in both MSIE and Firefox */
   }

.navitem a:hover {
   border-width: 2px 2px 2px 0px;
   color: #73a0c5;
   border-color: #73a0c5;
   border-style: solid;
   background-image:  url('/images/CmpwareBullet.gif');
   background-repeat:  no-repeat;
   background-position:  center left;
   }   


/* Nav sub buttons */
.navsubitem a {
   display: block;
   font-size: 80%;
   margin:  0;
   padding: 0;
   text-align: left;
   list-style: none;
   width: auto;
   padding: 0.5em 0 0.5em 2.0em;
   border-width: 2px 2px 2px 0px;
   border-color: #d5d6d7;
   border-style: solid;
   text-decoration: none;
   color:  #777777;
   / *  height:  1%; */
   /* Well, this fake comment seems to make the */
   /* 'Holly Hack' work in both MSIE and Firefox */
   }   

.navsubitem a:hover {
   border-width: 2px 2px 2px 0px;
   border-color: #73a0c5;
   border-style: solid;
   background-image:  url('/images/CmpwareBullet2.gif');
   background-repeat:  no-repeat;
   background-position:  center left;
   }


/* Nav button background colors */
.lightblue a {
   background-color: #efffff;
   }
.blueactive a, .blue a:hover {
   background: #e0f0f0 url('/images/CmpwareBullet.gif') no-repeat center left;
   }
.lightblueactive a, .lightblue a:hover {
   background: #e0f0f0 url('/images/CmpwareBullet2.gif') no-repeat center left;
   }

.lightpink a {
   background-color: #f7efff;
   }
.pinkactive a, .pink a:hover {
   background: #e7e0f0 url('/images/CmpwareBullet.gif') no-repeat center left;
   }
.lightpinkactive a, .lightpink a:hover {
   background: #e7e0f0 url('/images/CmpwareBullet2.gif') no-repeat center left;
   }

.lightyellow a {
   background-color: #ffffef;
   }
.yellowactive a, .yellow a:hover {
   background: #f0f0e0 url('/images/CmpwareBullet.gif') no-repeat center left;
   }
.lightyellowactive a, .lightyellow a:hover {
   background: #f0f0e0 url('/images/CmpwareBullet2.gif') no-repeat center left;
   }

.lightpurple a {
   background-color: #efefff;
   }
.purpleactive a, .purple a:hover {
   background: #e0e0f0 url('/images/CmpwareBullet.gif') no-repeat center left;
   }
.lightpurpleactive a, .lightpurple a:hover {
   background: #e0e0f0 url('/images/CmpwareBullet2.gif') no-repeat center left;
   }

.lightorange a {
   background-color: #ffefef;
   }
.orangeactive a, .orange a:hover {
   background: #f0e0e0 url('/images/CmpwareBullet.gif') no-repeat center left;
   }
.lightorangeactive a, .lightpurple a:hover {
   background: #f0e0e0 url('/images/CmpwareBullet2.gif') no-repeat center left;
   }


.menu {
   color:  #004000;
   text-decoration: none;
   }
   
.menu:hover {
   color:  #004000;
   text-decoration:  underline;
   }

.menuBold {
   color:  black;
   font-weight:  bold;
   background:  white;
   text-decoration: none;
   }
   
.menuBold:hover {
   color:  #004000;
   font-weight:  bold;
   text-decoration:  underline;
   }

.normal {
   color:  #003355;
   text-decoration: none;
   }

.bold {
   color:  #003355;
   font-weight:  bold;
   text-decoration: none;
   }

.bold:hover {
   color:  #003355;
   font-weight:  bold;
   text-decoration:  underline;
   }

.normal:hover {
   color:  #006080;
   text-decoration:  underline;
   }

.bullet {
   list-style-image: url('/images/BlueBall12x12.gif');
   }
   
.lightgreen {
   color:  #005522;
   }

.lightblue {
   color:  #002255;
   }