body {
margin: 0;
padding: 0;
font-family: Helvetica, sans-serif;
font-size: 0.7em;
line-height: 2.4em;
background-repeat: repeat-y;
background-color: #c8c8ff;
text-align: center;
}

table {
margin: 0;
padding: 0;
font-family: Helvetica, sans-serif;
font-size: 1.1em;
}

.header {
    position: absolute;
/*float: none;*/
    width: 92%;
    height: 100px;
    top: 0px;
    left: 4%;
padding: 0%;
text-align: center;
border-bottom: 0px dotted;
border-color: #ff00ff;
background-color: #c8c8ff;

}

.header img {
float: left;
margin-left: 0px;
top: 0;
right:0;

}

.header form {
float: right;
margin-right: 0px;
top: 50px;
right:0;

}

div#logo {
padding: 0%;
text-align: center;
border-color: #0000ff;
position: fixed;
}
div#footer {
    float:inherit;
        padding: 0%;
text-align: right;
font-family: Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
background-color: #c8c8ff;
    width: 100%;
    height: 40px;
    bottom: -40px;
    position: inherit;
    left: 0%;
}
div#maincontent {
/*float: none;*/
position: absolute;
padding: 0;
text-align: justify;
background-color: #ffffff;
width: 92%;
top: 145px;
left: 4%;
overflow: visible;
clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#breadcrumbs {
/*float: none;*/
    position: absolute;
    width: 92%;
    top: 122px; /*122*/
    left: 4%;
    text-align: left;
    float: left;
    background-color: #bbb;
    vertical-align: middle;
    font-size: 1.2em;
    height: 25px;
}
div#breadcrumbs #right{
    float: right;
}
div#edit {
/*float: none;*/
    position: relative;
    width: 100%;
    top: -0px;  /*122*/
/*    left: 4%; */
    text-align: left;
    float: left;
    background-color: #999;
    vertical-align: top;
    font-size: 1.3em;
    height: 18px;
    filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
div#leftcolumn {
padding: 2%;
float: left;
text-align: left;
width: 15%;
position: fixed;
}
div#rightcolumn {
padding: 0px;
float: right;
width: 20%;
clear: both;

}

.loginbox table {
padding: 2%;
float:left;
text-align: left;
width: 40%;
position:relative;
top: 50%;
left: 40%;
background-color: #FFFFFF;
color: #555555;
}

p {
font-family: Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #000000;
padding-left: 0.4em;
padding-right: 0.4em;
}

span
{
font-size: 22pt;
}

td {
font-size: 12pt;
}

td input {
font-size: 12pt;
}

td textarea {
font-size: 12pt;
}
td submit {
font-size: 12pt;
}

li {
font-family: Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #000000;
}
ul {
font-family: Helvetica, sans-serif;
color: #000000;
margin-top: 0;
}

a {position: relative;}
a span {display: none;}

a:hover span {
  position: absolute;
  top: 17px;
  left: -120px;
  width: 180px;
  display: block;
  background: #527787;
  border: 0px solid red;
  font-size: 12pt;
  font-weight: bold;
  color: #FFFFFF;
  z-index: 1;
}

a.link {
font-family: Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: underline;
color: #0000ff;
}

a.visited {
font-family: Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #0000cc;
}

a.hover {
color: #ffffff;
text-decoration: none;
}

.small {
font-family: Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #333333;
}

a.small {
font-family: Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
text-decoration: underline;
color: #777777;
}

p.small {
font-family: Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #333333;
}

h2 {
font-family: Helvetica, sans-serif;
font-size: 16pt;
font-weight: bold;
text-decoration: none;
text-align: center;
}

div#alerts .txt {
background-color: #c8c8ff;
padding: 8px;
padding-right: 8px;
border-right: 2px solid #92bbc7;
border-left: 2px solid #92bbc7;
border-bottom: 2px solid #92bbc7;
line-height: 18px;
font-family: Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #000000;
text-align: left;
}

.alerts .top {
margin-top: 10px;
height: 22px;
background: #bbb;  /*url(../images/alertstop.png) repeat top right;*/
text-align: center;
font-weight: bold;
padding-right: 11px;
font-size: 16px;
line-height: 20px;
color: #000000;
}

.alerts a {
font-size: 12px;
}

.alerts .top a {
font-size: 16px;
color: #ffffff;
text-decoration: underline;
}

.alerts .top a:hover {
font-size: 16px;
color: #ffffff;
text-decoration: none;
}

#article{
        float: left;
    	background-color: #ffffff;
	color: inherit;
	margin-left: 0px;
	margin-top: 0px;
	width: 100%;
        font-family: serif;
        border-bottom: 2px groove darkblue;
    position: relative;
    bottom: -20px;
}

#articlenarrow{
    float: left;
    	background-color: #ffffff;
	color: inherit;
	margin-left: 0px;
	margin-top: 0px;
	width: 80%;
        font-family: serif;
        border-bottom: 2px groove darkblue;
    position: relative;
    bottom: -20px;
}


div#inactive{
        float: left;
    	background-color: #eeeeee;
	color: #3C578C;
	margin-left: 0px;
	margin-top: 0px;
	width: 100%;
        font-family: serif;
        border-bottom: 2px groove darkblue;
    position: relative;
    bottom: -20px;
}

div#inactivenarrow {
    float: left;
    	background-color: #eeeeee;
	color: #3C578C;
	margin-left: 0px;
	margin-top: 0px;
	width: 80%;
        font-family: serif;
        border-bottom: 2px groove darkblue;
    position: relative;
    bottom: -20px;
}

#article p{
    	background-color: #ffffff; /*shadow color*/
	color: inherit;
        font-family: serif;


}
#articlenarrow p{
    	background-color: #ffffff; /*shadow color*/
	color: inherit;
        font-family: serif;


}

.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
	width: 55%;
}

.shadow,
.content-lb,
.content-db{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background-color: #777; /*shadow color*/
	color: inherit;
}

.content-lb{
	background-color: #55BBEE; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: .5em 2ex;
}
.content-db{
	background-color: #006699; /*background color of content*/
	color: #FFFFFF; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: .5em 2ex;
}

#highlight tr:hover{
	background-color: #92bbc7;
}

/* Remove border from Image buttons */
.custombutton {
    padding:0;
    margin:0;
    border:none;
    background:none;
    cursor:pointer;
    /*position: relative;*/
    float: left;
}

img {
    padding-left: 0.4em;
    padding-right: 0.4em;
}