body {
   font-family: Verdana,Helvetica, Geneva, Arial, sans-serif;
   font-size: small;
   color: #000;
   background-color: #fff;
}
a:link, a:active, a:visited {
   color: #8C1717;
}

/*
 * a:hover{color: #8C1717;
	font-weight:bold;
   	background-color:#ddd;	
	border: 1px solid #00477F;
	padding: 3px;
}
*/
input { 
   margin-bottom: 5px;
}
p { 
   line-height: 150%;
}
div#container {
   width: 100%; /*760px;*/
   margin: 10px 10px 10px 10px;
   
}
div#header {
   text-align: center;
   padding-bottom: 15px;
}
div#content {
 /*  float: left;*/
   width: 95%;
   padding: 10px 20px 20px 20px ;
   background-color: #D6EBFF;
   border: 1px solid #00477F;
   margin: auto auto auto auto;
   display: table-cell;
}
div#content h3 {
   margin-top: 15px;
}
ul#books {
   list-style-type: none;
}
ul#books li {
   line-height: 140%;
}
div#sidebar {
   width: 200px;
   margin-left: 480px;
}
ul#subjects {
   width: 700px;
   text-align: center;
   padding: 5px;
   background-color: #ececec;
   border: 1px solid #ccc;
   margin-bottom: 20px;
}
ul#subjects li {
   display: inline;
   padding-left: 5px;
}


.fieldWithErrors {
  padding: 6px;
  background-color: red;
  display: inline;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

th { color:#ffffff; background-color: #4C88BE;}
td, th {border: 1px solid #8C1717; padding: 4px; white-space: nowrap;}

table {border: 1px solid #8C1717; 
       border-collapse: collapse; 
	   background-color:#D6EBFF;
	   width:  95%;
	   }

table.content {
	   border: 1px solid #00477F; 
       border-collapse: collapse; 
	   background-color:#D6EBFF ;
}

td.content {border: 1px solid #00477F; 
			padding: 15px 25px 15px 25px;			
}

tr.odd{ background-color:#D6EBFF;}

tr.even { background-color: #F2F9FF;}

table.menu {border: 0px;
		   padding: 0px;
		   width:100%;
}

td.menuLT {border: 0px solid #00477F; 
		   padding: 0em .5em 0px .5em  ;	
}

td.menuRT {border: 0px solid #00477F; 
		   padding: 1em .5em 0px .5em;
		   text-align: right;
}

td.search {border: 0px solid #00477F; 
		   padding: 1em 20px 0px 0em;
		   text-align: right;
		   width: 250px;
		   
}

table.simple {border:0px; 
	  /* 1px solid #000; */
       border-collapse: collapse; 
	   background-color: transparent;
/*	   width: 50%;*/
	   }
td.simple {border: 0px solid #000 ;
			padding: .5em;
}	

/*------------------  */

div.cont {}

 div.leftcol {
/*   width: 350px;
   background-color: #ececec;
   border: 1px solid #ccc;
   padding: 0.5em 1em 1em 1em;
/*   margin-bottom: 10px;	*/
   float:left;
   padding: 0 3.5em 0 0;
}

div.rightcol {
   width: 350px;
   background-color: #ececec;
   border: 1px solid #ccc;
   padding: .5em 1em 1em 1em;   
   margin-bottom: 10px;	
   margin-left: 10px;
   /*float:right;*/
   padding: 0 0 0 0;  
}


div.footer {clear: both;
			margin: 0;
			padding: .01em 0 0 0;
			vertical-align :middle;
}

div.subcol {
   width: 150px;
   background-color: transparent;
  /* display: inline;*/
   float:left;
   border: 0px solid #ccc;
   padding:   0em 1.5em 0em 0em; 
   margin-top: -20px; 
}

div.bottomcol {
   clear:   both;	
   width: 750px;
   background-color: #ececec;
   border: 1px solid #ccc;
   padding: 0em 1em 0em 1em;   
   margin-bottom: 20px;	
}

div.btmsubcol {
   /*clear: both;	*/
   width: 150px;
   background-color: transparent;
   /*display: inline;*/
   float:left;
   border: 1px solid #ccc;
   padding:   0em 5em 0em 0em; 
}

div.onecol {
   clear:   both;	
   width: 750px;
 /*  background-color: #ececec;*/
   border: 0px solid #111;
   padding: 1em;   
   margin-bottom: 20px;	
}

p.inln{ display: inline;
}
span.placeup{ margin: -1.5em 0 0 1em;
display:inline-block;
vertical-align:top;
}

span.placeleft{ margin: 0 0 0 -4em;
display:inline-block;
vertical-align:top;
}

span.hred{ padding: .2em;
background-color: #f00;
font-weight:bold;
}

span.hredB{ padding: .2em;
background-color: #f0f0f0;
border: 4px solid #f00;
color:#000;
font-weight:bold;
}

span.hyellow{ padding: .2em;
background-color: #ffff00;
font-weight:bold;
}

span.hgreen{ padding: .2em;
background-color: #00ff00;
font-weight:bold;
}

span.hgray{ padding: .2em;
background-color: #ccc;
font-weight:bold;
}

span.tgray{ padding: .2em;
color: #ccc;
font-weight:bold;
}

span.boxgrey {
   background-color: #ececec;
   border: 2px solid #111;
   padding: 1em;   
	font-weight:bold;
}