/*  
 top right bottom left
*/

body { font-size: 101%; margin:0; padding:0; background-color:#e3dabe; color:#333300;  }

p {font: 1em  georgia, times-roman, serif;} 

#wrapper { text-align: left; width: 88%; margin-right: auto; margin-left: auto;           padding: 0px;  color:#333300; background-color: #f1ecd3;   }

#header { background-color:transparent ; background-image: url(bop-1000x153-mask.jpg); padding: 8px 10px 10px 0px; border: 0px solid Blue;  }

h1 { font: bold 2.2em  georgia, times-roman, serif; color:#000080; padding-left: 12px; background-color:transparent ; }

h2 { font: bold .85em  georgia, times-roman, serif; color:#000080; line-height: 0px; padding-left: 12px; background-color:transparent;    }

h3 { font: bold 1em  helvetica, arial, sans-serif; background-color:transparent;  color:#000080; margin: 8px 0px -6px -6px; padding-bottom: 12px; padding-left: 12px; line-height: 1.2em; }

h4 { font: bold .9em  helvetica, arial, sans-serif;  background-color:#e4dbc0; font-style: italic; margin: 8px 0px -6px 0px;  padding: 8px;  color:#000080;  }

h5 { font: bold 1.1em  helvetica, arial, sans-serif; background-color:transparent;  color:#000080; margin-top: 8px;   line-height: 1.3em;  }

#leftsidebar {	background-color:#ffffe8; float: left; width: 145px; padding: 10px; 	margin-left: 2px;  font: .8em  helvetica, arial, sans-serif;  border: 0px solid red; }

#leftsidebar p {  font: 90%  helvetica, arial, sans-serif;  margin: 3px 1px 3px 3px;  padding: 9px;  border: 1px solid black;  background-color:transparent ;}


#leftsidebar ul {   color:#000080;   }

#leftsidebar li {   font: .9em helvetica, arial, sans-serif;; color:#000080;   margin-left: -30px;}

#leftsidebar a, link, visited, hover, active {   color:#000080;   }



#bug {position:absolute;  left:24px; top:-20px; }

#maincontent {	background-color:#f1ecd3; margin-left: 180px;	width: 440px;	padding: 10px; border: 0px solid green; }

/* #nav { 	width: 180px; 	margin-left: 0px; 	padding: 2px; color: #000080;  background-color:transparent ;}
*/

img.floatleft { float: left; margin: 2px; padding: 0px 8px 4px 0px;}

.text-small {font: .8em verdana, helvetica, arial, sans-serif; color:red;  width: 95%; background-color: transparent; margin: -6px 0px 14px 0px; text-align: center; border: 0px solid Blue; } 

#footer {  clear:both;  background-color:#d5c7a9; padding: 1px;  }
#footer p { font: .9em  georgia, times-roman, serif;  margin-left: auto; margin-right: auto; margin-bottom: 8px; text-align: center; background-color:transparent ; border: 0px solid red; }

.pale { font: .8em verdana, helvetica, arial, sans-serif; color:#6B6FB5;  margin-bottom: 10px;  text-align: center;  background-color: transparent; border: 0px solid yellow;}
.pale a { color: #6B6FB5; background-color: transparent; }   
.pale a:link { color: #7482B9; text-decoration: none; font-weight: normal; background-color: transparent; }   
.pale a:visited { color: #7482B9; text-decoration: none; font-weight: normal; background-color: transparent; }
.pale a:hover { color: #7D5D94; text-decoration: none; font-weight: normal; background-color: transparent; }
.pale a:active { color: #7D5D94; text-decoration: none; font-weight: normal; background-color: transparent; }

#navtable, #navtable td, #navtable th {   font-size: .9em; font-family: helvetica, arial, sans-serif;  font-weight: bold; color:#fff; text-align:center; border: 0px; clear: both; }

#navtable a, #navtable a:link  { color:#fff; background:transparent; text-decoration: none;}       
#navtable a:visited { color:#fff; background:transparent;  text-decoration: none;} 
#navtable a:hover   { color:#f1ecd3 ; background:transparent; text-decoration: none; } 
#navtable a:active  { color:#f1ecd3; background:transparent; text-decoration: none; }