/*  cpmi_main css file */

 body {
  position: relative;
  background-color: #707d99 ;
  text-align: center;
  font-family:Arial, san-serif;
  font-size:13px;
  } 

a {text-decoration:none;}
a:link {color:black;}
a:visited {color:black;}
a:hover {color:blue;}
a:active {color:blue;}

#content {
  text-align: left;
  color: #000;
  width: 750px;
  margin: 0px auto; 
  background-color: #ffe;
  border:2px solid #aa9;
  overflow:hidden;
}
#header {
  height: 90px;
  position: relative;
  margin-bottom: 0em;
  overflow:hidden;
}

#login{
 float:left;
 width:220px;
 text-align:center;
 background-color:#205090;
 overflow:hidden;
}
#login a:link {color:white;}
#login a:visited {color:white;}
#login a:hover {color:blue; background-color:white;}

#demo {
  float: right;
  display:block;
  width:auto;
  margin:0 5em 0 0;
  text-align:center;
  padding-top:1em; 
}

.boxlink{
  width:auto;
  display:block;
  padding:2px;
  border-style:solid; 
  border-width:1px;
  border-color:#900;
  margin:0em auto;
}
.boxlink a {
  color:#fff;
  background-color:#205090;
  border-style:solid;  
  border-width:1px;
  border-color:#247;
  padding:.5em 1em;
  margin:1px;
  text-decoration:none;
  text-align:center;
  display:block; 
}
.boxlink a:link {color: #fff;}
.boxlink a:hover {background-color: #070;}

.menu {
  text-align:center;
  top: 0px;
  vertical-align: middle;
  clear: both;
  border: solid 1px #000;
  background-color:#669;
  overflow:auto;
}

.menu td {
  background-color: #669;
  font-size: 1.1em;
  font-family: Arial, sans-serif; 
  text-decoration: none;
  padding: .1em .4em;
  margin:2px;
  color: #fff;
  border-style:solid;
  border-width: 1px; 
  border-color: #000;
  }
.menu a:link {color: #fff; text-decoration: none;}
.menu a:visited {color: #fff; text-decoration: none;}
.menu a:hover {color: blue; background-color:#ddd;}
.menu a:active {color: blue; text-decoration: none;}

H1 {
  font-family: Arial, sans-serif;
  font-size: 26px;
  font-weight : bold;
  text-align : center;
  margin-top :1px;
  margin-bottom :1px;
}

H2 {
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight : bold;
  text-align : center;
  margin-bottom :0em;
}

ul {margin:0 0 .7em 0;
    list-style: square }
ul ul {list-style: circle outside }


.f1 {font-size:20px;}
.f2 {font-size:18px;}
.f3 {font-size:16px;}
.f4 {font-size:14px;}
.f1b {font-size:20px;font-weight:bold;}
.f2b {font-size:18px;font-weight:bold;}
.f3b {font-size:16px;font-weight:bold;}
.f4b {font-size:14px;font-weight:bold;}

.f4bwhite {font-size:14px;font-weight:bold;color:#fff;}
.f5bwhite {font-size:12px;font-weight:bold;color:#fff;}
.f5white {font-size:12px;color:#fff;}
.f6white {font-size:10px;color:#fff;}

.f1m {font-size:26px;font-weight:bold;color:#990040;}
.f2m {font-size:18px;font-weight:bold;color:#990040;}
.f3m {font-size:16px;font-weight:bold;color:#990040;}
.f4m {font-size:14px;font-weight:bold;color:#990040;}

.f3g {font-size:16px;font-weight:bold;color:#009900;}

.hr1 {
  height:8px;
  background-color:#000075;
  margin:10px 0px;
  font-size:1px;
}
.hr2 {
  height:3px;
  background-color:#993570;
  margin:10px 0px;
  font-size:1px;
}