body { 
	width:1024 px;                                                
	margin: auto;
	background: #aab6ce; 

}

.bkg {                                         /*    Main Background rules    */
  background-image: url("images/203-BKG.jpg");
  background-repeat: no-repeat;
  background-position: top left;
}

div#header {                                    /*    Header Rules     */                                           
	height: 158px; 
	width: 900px;
	background: transparent;
}

div#LeftCol {                                    /*    Left Column Rules     */                                           
	padding: 0 20px; 
	background: #aa06ce; 
}

div#navBar {  
	position:absolute;
	left:4px;
	top:160px
}

 p {			                                       		/* Paragraph Rules */	
	margin: 0;
	padding: 2px 10px 14px 18px; 
	font: 1.05em Verdana, sans-serif; 
	line-height: 1.30em;
	color: #003;
}





/*     ***************            Links anywhere else          ***************** */
a {
	display:inline;
	font: 13px verdana, "Times New Roman", "Trebuchet MS", Times, serif;
	font-weight: bold;
	color: #3344AA; 
	letter-spacing: 0.01em; 	
	font-variant: small-caps;
  	text-decoration: none;
}

a:hover {
	color: #4466CC;
  	text-decoration: underline;
}

a:visited {
	color: #4455AA;
  	text-decoration: none;
}

a:visited:hover {
	color: #445599;
  	text-decoration: underline;
}

                                      	/* ************         Brick BKG         ***************  */	
 div.brick {
	margin: 20px 0 0 18px;
	padding: 13px 20px 10px 23px;
	background-image: url(images/203-BrickReverseBKG.jpg);
	width: 180px;
	border: 4px outset rgb(220,230,250)

	}

                                     	/* ************    Ordered List Rules   ***************  */	
 div#content ol {		 		
	margin: 0 0 1em 4em;
}

 div#content ol li{
	font:  .9em Verdana, sans-serif;
	color: #456;
	margin-top: 2px; 
	margin-bottom: 2px;
}

                              	/*   *****************    Unordered List Rules   *****************    */	
 div#content ul {				                        				
	margin: 0 0 1em 4em;

}

			                	/*    **************      Unordered List Item Rules   ***********   */	
 div#content ul li {						
	font:  .9em Verdana, sans-serif;
	margin-top: 2px; 
	margin-bottom: 2px;
}

                     /*     **************************            DropCaps        ************************* */
.dropcaps {
	float:left;
	margin-right: 4px;
	color:#a4553d;
	font-size:80px;
	line-height:60px;
	padding-top:-5px;
	font-family: "Times new Roman", Georgia, serif;
} 


            /*                   ****************                Header Rules        *************************  */
h1 {
	margin: 0 0 0 0em; 
	padding: 1px 0 5px 0px; 
	font:  900 2.1em  "Palatino Linotype", serif;
	text-align: left; 
	font-style: italic;
	color: #348; 
	letter-spacing: 0; 	
	vertical-align: middle; 
	white-space: nowrap;
}

h2 {
	margin: 0; 
	padding: 1px 0 3px 2px; 
	font:  900 1.5em  "Palatino Linotype", serif;	text-align: left; 
	font-style: italic;
	color: #348; 
	letter-spacing: 0em; 
	vertical-align: middle; 
	white-space: nowrap;
}

h3 {
	margin: 5px 4px 2px; 
	padding: 0; 
	font: bold 100 1.3em "Palatino Linotype", serif;	text-align: left;	text-align: left; 
	font-style: italic;
	color: #348; 
	letter-spacing: 0.01em; 	
	vertical-align: middle; 
	white-space: nowrap;
}

h4 {
	margin: 1px 4px -6px 11em; 
	padding: 0; 
	text-align: left; 
	font-style: italic;
	color: #F55; 
	letter-spacing: 0.01em; 	
	font: bold 100 1.8em "Times New Roman", Georgia, serif;
	vertical-align: middle;
	background: white; 
	white-space: nowrap;
}

h5 {
	margin: 0 4px 3px 0; 
	padding:  0 0 1px 0; 
	display:inline;
	font:  600 .9em Tahoma, verdana, sans-serif;
	text-align: left; 
	color: #A74; 
	letter-spacing: .1em; 
	vertical-align: middle; 
	font-variant: small-caps;
	white-space: nowrap;
}

h6 {
	margin: 0 auto; 
	padding: 0; 
	font:  600 1.2em Georgia, serif;
	text-align: left; 
	font-style: italic;
	color: #569; 
	letter-spacing: 0em; 	
	vertical-align: middle; 
	white-space: nowrap;
}

c#highlight{
	display:inline;
	padding: 0 5px 2px 6px; 
	font: bold 700 15px "Times New Roman", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #037; 
	background: #dde8ee; 
	letter-spacing: 0.2em; 
	font-style: italic;
}

                              /*       *******          Uppercase Rules          *******       */

#uppercase {
	display:inline;
	font: 13px Verdana, "Times New Roman", "Trebuchet MS", Times, serif;
	font-weight: bold;
	color: #3366EE; 
	letter-spacing: 0.01em; 	
	font-variant: small-caps;
}

.ufont {
	display:inline;
	font: 16px "Century", "Garamond", Times, serif;
	font-weight: bold;
	color: #5066BB; 
	letter-spacing: 0.03em; 	
	font-variant: ;
}

                       /*       *******          Table Rules          *******       */
tables  {
	margin: 3em 3em 0;
	width: auto;
	background: #dde1e8; 
	border: medium double rgb(100,120,200)
}

.tablestyle  {
	margin: 3em 3em 0;
	width: auto;
	background: #dde1e8; 
	border: medium double rgb(100,120,200)
}


.tablestyle td {
	vertical-align: top;
	padding: 2px 9px 2px;
	background: #dde1e8; 
	border: medium double rgb(250,0,255)
	font-family: courier;
	font-size: .9em;
	line-height: 1.2em;
	color: #036;
}

                              /*       *******          Breadcrumb Rules          *******       */

#breadcrumb
{
    font: 12px Arial, Helvetica, sans-serif;
    background-image:url('images/bc_bg.png'); 
    background-repeat:repeat-x;
    height:20px;
    line-height:20px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}

#breadcrumb li 
{
    font: 12px Arial, Helvetica, sans-serif;
    list-style-type:none;
    float:left;
    padding-left:10px;
}

#breadcrumb a
{
    font: 12px Arial, Helvetica, sans-serif;
    height:20px;
    display:block;
    background-image:url('images/separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}

#breadcrumb a:hover{
	color:#35acc5;
}

.home{
    border:none;
    margin: 2px 0px;
}


     /*     ***************       CSS Drop-down Menu Rules - Don't modify         *************** */
.menu5 {
	text-align:center; 
	font-family: verdana, sans-serif; 
	position:relative; 
	font-size:1em;
	height:2.5em; 
	margin:0; 
	padding:0 15px; 
	list-style-type:none;
	}

	.menu5 ul {
		padding:0; 
		margin:0; 
		list-style-type:none;                /* for Firefox */
		}

		.menu5 li {
			float:left; 
			position:relative;
			}

.menu5 li a,                            /*  First Level Links   */
.menu5 li a:visited {
	display:block; 
	text-decoration:none; 
	width:6.5em; 
	color:#448; 
	float:left; 
	padding-right:1em; 
	height:3em; 
	line-height:3em; 
	font-weight:bold;
}

* html .menu5 li a, 
.menu5 li a:visited {
	width:6.5em; 
	w\idth:5.5em;                         /* hack for IE5.5 */
}

.menu5 li a.drop, 
.menu5 li a.drop:visited {
	font-weight:bold;                /* You may want to change this to prevent bolded top level  */
}

.menu5 li ul {
	visibility:hidden; 
	position:absolute; 
	top:2.5em; 
	left:0; 
	height:0; 
	overflow:hidden;
}

.menu5 table {
	margin:-1px; 
	border-collapse:collapse; 
	font-size:1em; /* font size for IE5.5 */
}

/*    *****     First line is the style for IE7 and non-IE browsers, and the second line for IE5.5 and IE6     *****   */
.menu5 li:hover a,
.menu5 li a:hover {
	text-decoration:underline; 
	border:0;
}

					                                    	/*  Second Level Visible  */
.menu5 li:hover ul,
.menu5 li a:hover ul {
	visibility:visible; 
	height:auto; 
	width:14em; 
	background:#BBCCEE; 
	border:0; 
	left:0; 
	top:2.5em; 
	overflow:visible;
	text-align: left;
}

.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
	display:block; 
	font-weight:normal; 
	background:transparent; 
	text-decoration:none; 
	height:auto; 
	line-height:1.5em; 
	padding:0.5em; 
	width:9em;
}

* html .menu5 li a:hover ul li a {
	width:10em; 
	w\idth:9em; /* hack for IE5.5 */
}

															
.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {
	font-weight:bold;              	/*   Makes Second Level Links Bold when leading to Third Level Links */
}

.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	top:0; 
	left:9.5em; 
	height:0; 
	overflow:hidden;
}

.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
	text-decoration:underline;
}

																			               	/* Third Level Visible */
.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
font:  500 12px arial;
	visibility:visible; 
	color:#000; 
	border:2px solid #ABD; 
	height:auto; 
	background:#D8DDEE; 
	width: 15em;
} 

.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
	left:-9.3em;
}

.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
	display:block; 
	height:auto;
}

.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
	text-decoration:underline;
}

																	/*  BUTTONS  */
a#reviewbutton {  
     width: 126px;  
     height: 26px;  
     background-image: url(images/BookReviewBUTTON.jpg);  
     display: block;  
     text-decoration: none;  
 		}  
  
 a#reviewbutton:hover {  
     background-position: 126px 0;  
		} 

a#chaptersbutton {  
     width: 126px;  
     height: 26px;  
     background-image: url(images/BookChaptersBUTTON.jpg);  
     display: block;  
     text-decoration: none;  
 		}  
  
 a#chaptersbutton:hover {  
     background-position: 126px 0;  
		} 

                                      /*   *********           Rules for Page List          **********    */


/* 
	Chrome de la chrome table styles
	written by Chris Heilmann http://wait-till-i.com
*/

table.list {
	margin: 4px -14em  0 13em;
	border:none;
}

table.list th,td{
	font: .90em Verdana, sans-serif; 
	border:0px solid #666;
	border-collapse:collapse;
}

table.list thead th{
	background:url(GrayChrome.gif) top left repeat-x #fff;
	padding:2em 2em;
	font-size:90%;
	text-transform:uppercase;
	color:#EEF;
}

table.list tbody td,tbody th{
	font-size:85%;
	padding:5px 10px;
	background:#eee;
}

table.list tbody th{
	background:url(images/BlueChrome.jpg) top left repeat-x #fff;
	font: 1.05em Verdana, sans-serif; 
	line-height: 1.3em;
  	text-decoration: none;
	color:#EEF;
}

table.list tbody tr.odd td{
	background:#ddd;
}

table.list tbody tr.odd th{
	background:url(images/GreenChrome.jpg) top left repeat-x #fff;
	color:#333;
}

table.list tfoot td,tfoot th{
	border:none;
	padding-top:10px;
}

table.list caption{
	font-family:Tahoma;
	text-align:left;
	text-transform:uppercase;
	font-size:130%;
	padding:10px 0;
	color:#036;
}

table.list a:link{
	color:#369;
}

table.list a:visited{
	color:#036;
}

table.list a:hover{
	color:#000;
	text-decoration:none;
}
table.list a:active{
	color:#000;
}

label
{
width: 20em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}