/* Copyright (c) 2005 Laborotech */
/* See <a href='http://www.laborotech.com'>http://www.laborotech.com</a> for more details */
/* ###### Global ###### */

body {
   color: black;
   background-color: #ccffff;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   /*width:99.7%;*/
   margin:0;
   padding:0;
   border-right: 1px solid #515D65;
}

img {
  border: none;
}

code {
  font-family: "lucida console", "courier new", courier, monospace;
}

table {
   border-collapse: collapse;
   empty-cells: show;
   margin: 1em;
   color: #515D65;
   background-color: #ccffff;
  /* border: 1px solid #515D65;*/
   border: 1px solid #ccffff;
   font-size: 100%;
}

td {
/*   border: 1px solid #515D65;*/
   border: 1px solid #ccffff;
   padding:1ex;


}

ul, li{
   margin-bottom:0.1em;
   margin-top:0.1em;
}

input.searchButton  {
   color: white;
   background-color: #ccffff;
   font-size:small;
   border: 1px solid white;
   vertical-align: middle;
    cursor: hand; /* for IE */
   margin:0;
   padding:0;
   margin-left: 1em;
}

input.searchText  {
   font-size:small;
   border: 1px solid black;
   vertical-align: middle;
   padding-top:2px;
   padding-bottom:2px;
}


/* ###### Headers ###### */

.header {
   color: #4B70AA;
   background-color: #ccffff;
}

.headerBanner {
   /*background-image: url(images/headerBackground620x1.png);*/
   background-repeat: repeat-y;
   background-color: white;
   background-attachment: scroll;
   background-position: right;
   border:none;
   border-bottom: 1px solid white;
   padding:0.5em 1em 0.5em;
}

.headerTitle {
   vertical-align: baseline;
}

.headerTitle h1{
   display: inline;
   margin:0;
   margin-left:0.5em;
   padding:0;
   font-weight: normal;
   font-size: 300%;
}

.headerTitle a {
   text-decoration: none;
   border:0;
}

.headerSearch {
   font-size:73%;
   float: right;   
   padding-top: 1em;
}

.headerSearch form {
   display: inline;
   margin:0;
   padding:0;
}

.headerSearch input.searchButton  {
   color: white;
   background-color: #009999;
   font-size:small;
   border: 1px solid white;
   vertical-align: middle;
    cursor: hand; /* for IE */
   margin:0;
   padding:0;
   margin-left: 1em;
}

.headerSearch input.searchText  {
   font-size:small;
   border: 1px solid black;
   vertical-align: middle;
   padding-top:2px;
   padding-bottom:2px;
}

.headerSearch a {
   color: black;
   text-decoration: none;
   padding:0;
   padding-left:1em;
   padding-right:1em;
}

.headerSearch a:hover {
   text-decoration: underline;
}

/*    ### Menu Bar ###### */
.menuBar {
   font-size: 73%;
   color: white;
   background-color: #009999;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: black;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: white;
   padding-top:0.25em;
   padding-bottom:0.25em;
}

.menuBar p {
   padding:0;
   padding-top:0.25em;
   padding-bottom:0.25em;
   margin:0;
}

.menuBar a {
   color: white;
   text-decoration: none;
   padding:0;
   padding-left:1em;
   padding-right:1em;
}

.menuBar a:hover {
   text-decoration: underline;
   color: #FFC039;
}

/* ###### Left Menu  ###### */

.leftMenuBox {
   /*background-image: url(images/leftMenuTopshadow.png);*/
   background-image: url(images/contentTopshadow.png);
   background-repeat: repeat-x;
   background-color: #ccffff;
   width: 11em;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #515D65;
   border-bottom: 1px solid #515D65;
   text-align: left;
   padding:0;
   padding-top:4px;
   padding-bottom:1em;
   float: left;
   clear: left;
}

.leftMenuBox h2 {
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: white;
}

.leftMenuBox h2 a, 
.leftMenuBox h2 a:hover, 
.leftMenuBox h2 a:visited {
   border: 0;
}

.leftMenuBox h2, 
.leftMenuBox h2 a, 
.leftMenuBox h2 a:hover,
.leftMenuBox h2 a:visited {
   color: white;
   background-color: #FF8800;
   margin:0;
   margin-bottom: 0.1em;
   padding:0;
   padding-top:0.04em;
   padding-bottom:0.09em;
   padding-left: 0.6em;
   text-align: left;
   text-transform: uppercase;
   font-size: 90%;
}

.leftMenuBox h2 a:hover{
   color: #515D65;
}

.leftMenuBox a {
   text-decoration: none;
   font-weight: bold;
   display: block;
   color: #009999;
   font-size: 75%;
  /* border: 1px solid white;*/
   border-right: 0;
   margin-left: 1.8em;   
   margin-bottom: 0.15em;
   margin-top: 0.15em;
   padding-bottom: 0.25em;
   padding-top: 0.25em;
   padding-left: 0.3em;
}

.leftMenuBox a:hover {
   color: #ccffff;
   background-color: #009999;
   /*border: 1px solid #515D65;*/
   border-right: 0;
   text-decoration: none;
   font-weight: bold;
}

.leftMenuBox p {
   padding:0;
   padding-top:0.15em;
   padding-bottom:0.15em;
   margin:0;
   margin-left: 1em;  
}

/* ###### Main Content box ###### */
.mainContent {
   background-color: #ccffff ;
}


 



/*    ### bread crumbs ###### */
.breadcrumbsBar {
   background-color: #ccffff;
   color: #515D65;
   padding: 0;
   font-size: x-small;
}

.breadcrumbsBar a {
   text-decoration: none;
   color:#515D65;
}

.breadcrumbsBar a:hover {
   text-decoration: underline;
}

/* ###### Body Text ###### */
.bodyTextContent {
   font-size: 80%;
   background-color: #ccffff;
   float: left;
   clear: left;
   text-align: justify;
   margin-right: 0.5em;
   margin-left: 0.5em;

}

.bodyText p , .bodyTextContent p {
   padding: 0.2em;
   background-color: #ccffff;
   margin:0.2em;
}

.bodyText .searchword , .bodyTextContent .searchWord {
   background-color: #FFC039;
   color: #515D65;
}

.bodyText {
   background-image: url(images/contentTopshadow.png);
   background-repeat: repeat-x;
   background-color:  #ccffff;;
   color: #515D65;
   margin: 0;
/*   margin-right: 1em;*/
/*   margin-left: 11em;*/
   padding:0;
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-top: 0.5em;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #515D65;
   float: left;
   width: 69%;
   border-right: 1px solid #515D65; 
   height: 510px;
}

.bodyText h1 {
   font-weight: normal;
   font-size: x-large;
   padding: 0;
   margin: 0;
}

.bodyTextContent h3 , .bodyTextContent h4 {
   padding-top: 0em;
   padding-bottom:0em;
   margin-top: 1em;
   margin-bottom: 0.3em;
}
/* ###### Optional right side Text Box ###### */
.rightBox {
   display: inline;
   background-image: url(images/contentTopshadow.png);
   background-repeat: repeat-x;
   float: right;
   clear: right;
   border-left-color: #515D65;
   border-left-style:solid;
   border-left-width: 1px;
   margin:0;
   margin-left: 0em;
   font-size: 60%;
   padding-left: 0.2em;
   padding-right: 0.1em;
   border-bottom: 1px solid #515D65;
   width: 14.1em;
}

/* ###### Footer ###### */
.footer {
   color: #515D65;
   background-color: #ccffff;
   clear: both;
   padding:0;
   padding-top:0em;
   padding-bottom:1.5em;
   margin:0;
   border-top-width: 2px;
   border-top-style: solid;
   border-top-color: #515D65;
   border-bottom-width: 2px;
   border-bottom-style: solid;
   border-bottom-color: #515D65;
   font-size: 80%;
}

.footer a{
   color: #515D65;
   text-align: right;
   text-decoration: bold;
}

.footer a:hover {
   text-align: right;
   color: black;
   text-decoration: italic;
}

.footerLeft {
   float: left;
   text-align: left;
   border-top: 2px solid #515D65;
}

.footerRight {
   text-align: right;

   border-top: 2px solid #515D65;
}

.footerLeft p , .footerRight p{
   margin:0;
   padding:0;
}

.footerLeft p {
   margin-left:1em;
}

.footerRight p{
   margin-right:1em;
}